系統(tǒng)下載、安裝、激活,就到系統(tǒng)天地來(lái)!

所在位置: 首頁(yè) — 系統(tǒng)文章 — 軟件教程

Adobe Photoshop CS4 制作立體風(fēng)格主題圖標(biāo)的 (PS)教程

作者:系統(tǒng)天地 日期:2018-11-01

今天給大家分享下Photoshop CS4的詳細(xì)圖文制作立體風(fēng)格主題圖標(biāo)的教程,希望能幫到有需要的小伙伴。教程中主要給大家?guī)?lái)的是一個(gè)可愛(ài)ICON圖標(biāo),看起來(lái)像塊餅干是吧,做起來(lái)非常簡(jiǎn)單,推薦給朋友學(xué)習(xí)。

下面是可愛(ài)的效果圖:

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

步驟1:打開PS,新建一個(gè)800*600的畫布。給畫布填充顏色:#6807ae,在畫布中間建一個(gè)尺寸為360*360;圓角為60的圓角矩形;填充顏色:#ffffff。

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

步驟2:在圓角矩形左上角建一個(gè)90*90的矩形,填充漸變色:#fc7f26~#fcc277;角度:-45°。

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

步驟3:復(fù)制出剩下的15個(gè);然后選中這16個(gè)漸變小色塊右建—創(chuàng)建剪切蒙版,得到下圖:

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

步驟4:用鋼筆工具勾出上面的白色“淋面”,顏色為#ffffff(記得添加剪切蒙版哦)。用路徑選擇工具選中這個(gè)形狀后在它的右上角畫一個(gè)橢圓,尺寸隨意。畫這個(gè)圓的時(shí)候按住ALT鍵即可完成布爾運(yùn)算的減法運(yùn)算;另外畫兩個(gè)正圓在“淋面”的左下方,畫圓的時(shí)候按住SHIFT鍵即可完成布爾運(yùn)算的加法運(yùn)算。

[!--empirenews.page--]

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

步驟5:現(xiàn)在給底部圓角矩形加圖層樣式:

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

步驟6:現(xiàn)在給白色“淋面”加圖層樣式:

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

[!--empirenews.page--]

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

步驟7:好啦~簡(jiǎn)簡(jiǎn)單單的幾步下來(lái)~一個(gè)可愛(ài)的icon就這么誕生了可以加點(diǎn)裝飾在背景上,顯得更生動(dòng)~

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

小伙伴們可以通過(guò)學(xué)習(xí)上面這種質(zhì)感小圖標(biāo)的做法,嘗試著做出不同樣式的圖標(biāo)(例子如下);技巧包括:添加漸變提升質(zhì)感,添加內(nèi)陰影/斜面浮雕等圖層樣式打造出厚度感。最后記得交作業(yè)哦~愛(ài)你們。

 

制作立體風(fēng)格主題圖標(biāo)的PS教程

 

行啦,上面就是小編為大家?guī)?lái)的關(guān)于CS4 制作立體風(fēng)格主題圖標(biāo)的教程。想要了解更多信息,請(qǐng)關(guān)注我們吧!大家有什么疑問(wèn)或是建議,歡迎在評(píng)論區(qū)內(nèi)留言交流。

 

Adobe Photoshop CS4 11.0 破解版下載:http://www.thakadiyelgroup.com/soft_tx/4206.html

Adobe Photoshop CS4 注冊(cè)機(jī)下載:http://www.thakadiyelgroup.com/soft_tx/4578.html