日韩av手机在线免费观看_四虎免看黄_亚洲一区中文字幕_亚洲小视频网站_国产一区日韩在线_国产欧美精品一区二区

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

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

時(shí)間:2024-03-08 06:46作者:下載吧人氣:31

教程十分詳細(xì),從皮包紋理到各個(gè)細(xì)節(jié)都詳細(xì)講解了一次,還有PSD文件可參考,有興趣的一起練習(xí)一下。

圖標(biāo)PSD:http://www.16xx8.com/photoshop/sucai/2016/f338363.html

皮革紋理:http://www.16xx8.com/photoshop/sucai/2016/w655596.html

我們的最終效果:

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

下面,教程開始!

在正式做圖標(biāo)之前,需要先自定義一個(gè)圖案。

首先新建一個(gè)1000×1000px 的畫布,填充顏色#c5ab90,然后【濾鏡】-【雜色】-【添加雜色】,給圖層添加7%的雜色。完成之后,【編輯】-【自定義圖案】添加一個(gè)圖案,命名為【磨砂紋理】

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

準(zhǔn)備工作做好了,開始畫皮包。

新建一個(gè)1000×1000的畫布,填充一個(gè)從#d9d5cf到#9c8c7e的徑向漸變。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

建一個(gè)512×512,半徑為90的圓角矩形,并添加圖層樣式,其中【圖案疊加】疊加的是剛才新建的【磨砂紋理】

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

CTRL+J復(fù)制一層剛才的圓角矩形,CTRL+T并按住ALT+SHIFT等比縮小,然后再給這個(gè)圖層添加一個(gè)投影。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

畫一個(gè)豎著的矩形,居中擺放,并添加圖層樣式。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

畫一條細(xì)線,緊貼豎矩形的右邊緣,添加圖層樣式。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

將這個(gè)線條復(fù)制一層,移動(dòng)到豎矩形的左側(cè),將【投影】角度改為0°

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

復(fù)制一層較小的圓角矩形(圖層【中】),清除圖層樣式,用布爾運(yùn)算裁掉上半部分,并填充顏色#372715

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

給這個(gè)形狀添加圖層樣式,其中【圖案疊加】疊加的是【皮革紋理】(素材包中有提供)

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

CTLR+J復(fù)制一層之前畫的豎線(圖層【左】),CTRL+T旋轉(zhuǎn)為橫線,放到皮革的上邊緣。

調(diào)節(jié)顏色和投影,做成這個(gè)樣子~

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

把這條橫線復(fù)制一層,在形狀工具下將線條改為虛線。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

調(diào)整圖層顏色和投影,做成以下效果:

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

將剛才做的實(shí)線和虛線一起建組(CTRL+G),添加一個(gè)圖層蒙版,然后在蒙版上拉一個(gè)漸變。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

然后新建一個(gè)圖層,添加一個(gè)黑白漸變。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

按住CTRL較小的圓角矩形(圖層【中】)的選區(qū),加一個(gè)蒙版,把多余的地方隱藏掉。然后將混合模式改為【柔光】不透明度改為60%。

中間部分的效果已經(jīng)完成了,建議把除了【底面】和【背景】以外的圖層一起建一個(gè)組。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

將【底面】圖層復(fù)制一層,調(diào)整形狀,更改圖層樣式。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

將剛才的圖層【蓋】再復(fù)制一層,調(diào)整大小,修改圖層樣式。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

再復(fù)制一層,將形狀改為虛線,然后拷貝之前做的【虛線】圖層的圖層樣式,粘貼到這個(gè)虛線圖層上,修改圖層樣式。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

調(diào)整圖層順序,把【上虛線】圖層移動(dòng)到【上】圖層的下面。

然后通過布爾運(yùn)算做出以下白色形狀。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

柵格化圖層,【濾鏡】-【高斯模糊】給予適當(dāng)?shù)哪:龋⒄{(diào)節(jié)圖層透明度,用圖層蒙版隱藏掉多余的部分,做出如下效果。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包的整體形狀已經(jīng)有了,接下來做皮帶和金屬扣。

用圓角矩形工具畫一個(gè)下圖的形狀,并填充顏色#c5ab90,記得將這個(gè)圖層移動(dòng)到剛才做的【上高光】圖層的下面。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

將前面【皮革層】的圖層樣式拷貝過來,適當(dāng)調(diào)節(jié)圖層樣式,用蒙版隱藏掉多余的形狀,得到如下效果:

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

用之前做虛線的辦法,再做一條虛線。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

在皮帶上畫一個(gè)黑色的小圓,然后復(fù)制一個(gè)小圓,用布爾運(yùn)算畫一個(gè)圓環(huán),填充顏色# c5ab90。

這里最好不要用圖層描邊的方式做圓環(huán)。如果一定要這么做,就必須要把圓環(huán)柵格化,才能繼續(xù)后面的步驟。

將【虛線】圖層的圖層樣式拷貝過來,粘貼給【環(huán)】圖層,適當(dāng)調(diào)節(jié),做出以下效果

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

將【環(huán)】和【孔】一起建組,復(fù)制組,排列成以下效果:

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

畫一個(gè)矩形,利用變形做出以下形狀,并填充顏色#c5ab90。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

將【皮革層】的圖層樣式拷貝過來,適當(dāng)調(diào)節(jié),并添加一個(gè)【漸變疊加】

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

在【橫扣】右邊畫一個(gè)圓,添加圖層樣式

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

復(fù)制一個(gè)【圓扣】到左邊。再復(fù)制一個(gè)【橫扣】圖層到下面,調(diào)節(jié)形狀,做成以下效果。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

用布爾運(yùn)算畫出金屬扣的形狀,再將【圓扣】的圖層樣式拷貝過來,適當(dāng)調(diào)節(jié)

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

關(guān)于這個(gè)金屬扣,我自己是畫了一個(gè)圓,然后將下面的錨點(diǎn)拖上去,并調(diào)節(jié)錨點(diǎn)的手柄,得到了這個(gè)形狀。

做出金屬扣之后,用圖層蒙版隱藏掉下面的那條邊,然后用之前做高光的辦法,給金屬扣被皮帶蓋住的部分加點(diǎn)陰影

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

畫一個(gè)瘦長的矩形,將【金屬扣】的圖層樣式拷貝過來。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

給這個(gè)圖層添加一個(gè)蒙版,在蒙版上拉一個(gè)黑白漸變。

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

然后皮包就大功告成了~

皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

標(biāo)簽P大點(diǎn)S,皮包圖標(biāo),ps網(wǎng)頁設(shè)計(jì),皮包教程,皮包,皮包主題

相關(guān)下載

查看所有評(píng)論+

網(wǎng)友評(píng)論

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

熱門閱覽

最新排行

公眾號(hào)

主站蜘蛛池模板: 在线观看一区 | 亚洲一区二区在线电影 | 久久久久亚洲精品 | 日韩一区二区三区精品 | 一级毛片免费完整视频 | 久久天天躁狠狠躁夜夜躁2014 | 精品国产欧美一区二区三区不卡 | 久久久久精 | 日日操夜夜操天天操 | 国产视频久久 | 国产欧美日韩一区二区三区 | 九九九久久国产免费 | 日韩中文久久 | 日韩一区二区在线视频 | 三级免费 | 激情欧美日韩一区二区 | 日日夜夜天天 | 中文字幕在线网 | 在线国产一区 | 亚洲黄色网址视频 | 国产视频观看 | 亚洲九色 | caoporn国产精品免费公开 | 久草网站| 精品国产乱码久久久久久闺蜜 | 91青娱乐在线| 天天干狠狠 | 精品日韩在线 | 丁香婷婷久久久综合精品国产 | av一区二区三区四区 | 古装人性做爰av网站 | 欧美一区二区三区久久精品 | 亚洲综合三区 | 少妇一级淫片免费播放 | 久久久国产一区二区三区四区小说 | 精品国产乱码 | 久久久亚洲 | 久热久草 | 国产av毛片| 在线国产中文字幕 | 免费观看国产视频在线 |