日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

時間:2024-03-07 22:31作者:下載吧人氣:15

今天跟大家分享一篇筆記本風(fēng)格的UI圖標(biāo),效果的紋理主要通過圖層樣式制作出來,喜歡的一起學(xué)習(xí)一下。先看看效果:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

現(xiàn)在再來回憶一下這個筆記本的畫法吧。它大體可以分為三個部分:body,button,belt。哈哈,3b。那接下來就一個一個的分解一下好了。

First of all, the body.本子的身體這一部分呢,就是個圓角矩形,用到的圖層樣式可以參見下圖:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

而效果呢,說實在的,真的愁死我了,我是用吸管吸色來做漸變疊加的,出于當(dāng)時考慮的角度問題,最終添加了以上圖層樣式后的效果并不明顯,如圖:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

所以接下來,我為它單獨添加了高光,一層又一層的疊高光,最后成了這個樣子,注意右上角尤其是邊緣的部分:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

疊高光用到了圖層蒙版。

然后本子的身體部分還有一圈虛線,中間那個belt的上面和下面一共有四條虛線,都是用描邊路徑畫出來的,它們其實已經(jīng)很小了,我思前想后,糾結(jié)了一下是否有必要為此添加圖層樣式之后,就開始添加起來,圖層樣式如下:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

那么到此為止,body部分就算搞定了,接下來先看看body部分的整體效果:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

然后開始繪制身體中間的那個帶子的部分(最上面的那個扣兒除外,那是第三部分要說的哦)。加上那個belt的效果圖如下,先來看看:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

下面開始說belt的繪制。Belt主要是用了圖層樣式、濾鏡和畫筆工具,畫筆工具配合圖層蒙版,說了這么多,還是看看更方便,效果圖及其方法:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

上面第二幅圖中的第一個圖層就是剛剛說到的畫筆配合圖層蒙版,主要是高光的修飾,很微弱的高光。然后帶子上面還有一行字,這行字用到的圖層樣式是:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

這樣,我們就將belt這一部分也搞定了,下面就只剩下那個button的部分了。這個鈕扣的整體效果圖如下:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

注意右下角的部分,由于這個button的右端要長過于本子的body,所以長出的部分的投影,應(yīng)該是看不到的,只有當(dāng)本子放到桌子上的時候,你可以稍微的添加一點點很淡很淡的投影,是不是這個道理呢?好了,下面來說說這個button的繪制。

投影在最下面一層,由于剛剛說到的長短問題,我單獨畫的形狀圖層來作它的投影,如圖:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

然后再畫上面的那個棕紅色的細(xì)皮帶:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

用到了圖層樣式和濾鏡,如下:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

主體部分完成。然后單獨給這部分加個高光,就像剛剛body的那部分一樣,疊上幾層或者調(diào)整調(diào)整,但是仍然是微弱的高光,盡管微弱,細(xì)微的地方,畫與不畫,最終的效果一定是不同的。

我疊了兩層:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

最后,扣帶兒上還有半圈虛線,同樣用描邊路徑畫出來,然后添加圖層樣式,如下:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

這步完了之后呢,下一步是……呵呵,沒了。

那為它加個背景圖和投影吧,最終效果如下:

UI教程,設(shè)計筆記本主題UI圖標(biāo)教程

標(biāo)簽Zara_2015,UI教程,ps網(wǎng)頁設(shè)計,筆記本,UI圖標(biāo)

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 免费亚洲网站 | 亚洲最大的视频网站 | 九九久久精品这里久久网 | 亚洲性视频在线 | 狼人 成人 综合 亚洲 | 国产亚洲一区二区三区不卡 | 日韩精品一区二区三区高清 | 91色老99久久九九爱精品 | 国产一区二区三区免费 | 色综合a怡红院怡红院首页 色综合精品久久久久久久 色综合九九 | 亚洲 自拍 欧美 综合 | 日本三级网站在线观看 | 自拍第1页 | 九九视频在线观看视频23 | 成人亚洲欧美日韩在线 | 亚洲综合第一欧美日韩中文 | 日本aaaa片毛片免费 | 久久精品免费全国观看国产 | 精品精品国产欧美在线观看 | 色综合a怡红院怡红院首页 色综合精品久久久久久久 色综合九九 | 午夜爽爽 | 欧美一级毛片免费看高清 | 久久99国产亚洲高清观看韩国 | 日韩欧美一区二区在线观看 | 欧美一级淫片a免费播放口aaa | 欧美视频精品一区二区三区 | 久久91亚洲精品中文字幕 | 特级a欧美孕妇做爰片毛片 特级a欧美做爰片毛片 | 视频在线一区二区三区 | 91久久精品一区二区 | 在线免费黄网 | 日韩欧美a级高清毛片 | 欧美亚洲一区二区三区四 | 亚洲成a人片在线观 | 亚洲成人91 | 国产三级网站在线观看 | 国产永久免费高清动作片www | 激情五月色播五月 | 手机看片1024久久精品你懂的 | 日本www在线播放 | 男人躁女人躁的好爽免费视频 |