UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

2022-12-26 13:51:40 來(lái)源/作者: / 己有:9人學(xué)習(xí)過(guò)

繼上次《ps鼠繪一個(gè)杯子 http:///photoshop/jiaocheng/2015/136389.html》教程分享之后,獲得不少網(wǎng)友支持,同時(shí)讓自己學(xué)到許多,謝謝網(wǎng)友給的濾鏡使用小技巧:使用濾鏡前,把圖層轉(zhuǎn)為智能對(duì)象,這樣后面可方便更改濾鏡參數(shù)。
這招賊棒,找到了分享教程之樂(lè),難掩心里的興奮,繼續(xù)與大家分享,一枚手機(jī)主題桌面寫(xiě)實(shí)圖標(biāo)。有網(wǎng)友問(wèn),做擬物圖標(biāo)有什么技巧呢?非得找一技巧的話,那就是多做多想。
本教程,設(shè)計(jì)工作量較少,從視覺(jué)上拆分為三部分。前兩部分詳細(xì)圖解設(shè)計(jì)過(guò)程的技巧及步驟。最后一部分主要用文字描述設(shè)計(jì)過(guò)程及圖解分析視覺(jué)原理。希望大家嘗試不同方法,萬(wàn)一實(shí)現(xiàn)了呢?

別忘了源文件下載哦~~鏈接:http://pan.baidu.com/s/1i3Dv4QL 密碼:r5sw

效果:

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
解剖:

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
1:泡沫制作

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

2、波紋制作

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
3、粉末制作

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
看似麻煩,其實(shí)不難
新建空白圖層,使用畫(huà)筆(上面提供的源文件里已經(jīng)有了)去刻畫(huà)。復(fù)制三層,各圖層添加圖層樣式 》顏色疊加。從下至上,顏色越上越亮,再整合三張圖在同一圖層文件夾,添加圖層蒙版,用畫(huà)筆(圓頭,硬度0)根據(jù)波紋畫(huà)出形狀。如上圖。

使用鋼筆工具,畫(huà)出不規(guī)則多邊形,如下圖。建議畫(huà)7、8個(gè)不同的多邊形,添加圖標(biāo)樣式 》 投影+顏色添加(明暗交錯(cuò));以上兩步,是關(guān)鍵細(xì)節(jié)處理,會(huì)讓其顯得更為豐富及立體感。然后復(fù)制圖層,根據(jù)波紋進(jìn)行拼湊。以上分開(kāi)兩圖展示,目的更好講解粉末制作的明暗關(guān)系,刻畫(huà)作過(guò)程中,大家可自由調(diào)整。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
最后調(diào)整了一下圖層順序,最終效果如下:

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。