Photoshop利用濾鏡制作炫彩格子風(fēng)格的APP軟件圖標(biāo)
PS夢工場 發(fā)布時(shí)間:2013-06-04 16:49:58 作者:南辰翻譯
我要評論

利用Photoshop創(chuàng)建彩色格子icon,本教程中用到了智能對象和智能濾鏡,你會從中了解到智能濾鏡的強(qiáng)大作用
利用Photoshop創(chuàng)建彩色格子icon,本教程中用到了智能對象和智能濾鏡,你會從中了解到智能濾鏡的強(qiáng)大作用。好了,我們來學(xué)習(xí)一下吧,希望你會喜歡。

第1步:
打開Photoshop,Ctrl+N新建一個(gè)文檔,文檔尺寸可自定義。

第2步:
按住Alt鍵雙擊背景圖層,使其轉(zhuǎn)換為普通圖層。然后再次雙擊,打開圖層樣式面板,為其添加顏色疊加樣式,顏色為#262523。

繼續(xù)為其添加漸變疊加,數(shù)值如下:

再利用內(nèi)發(fā)光中的雜色功能來給背景添加一些雜色,當(dāng)然你也可以使用濾鏡中的添加雜色功能。

此時(shí)的背景:

第3步:
新建一層,用白色大號柔邊畫筆在畫布中心點(diǎn)擊出白色亮光。

Ctrl+T將其拉寬壓扁,如下圖所示。

將圖層不透明度調(diào)整為10-30%,這里可以根據(jù)自己的感覺來調(diào)整。

第4步:
接下來我們創(chuàng)建icon主體。利用圓角矩形工具在畫布中心點(diǎn)擊,在彈出的對話框中設(shè)置數(shù)值如下:

第5步:
在圓角矩形上方隨意繪制一個(gè)比其尺寸大一些的形狀,因?yàn)槲覀兒竺鏁⑵滢D(zhuǎn)換為剪貼蒙版,因此形狀可隨意繪制。

為創(chuàng)建的形狀添加角度漸變。

然后按住Alt鍵在角度漸變與圓角矩形中間點(diǎn)擊鼠標(biāo)左鍵,將其轉(zhuǎn)換為剪貼蒙版。然后在圖層名稱上點(diǎn)擊右鍵,將其轉(zhuǎn)換為智能對象。

第6步:
利用馬賽克濾鏡(濾鏡>像素化>馬賽克)對其進(jìn)行分塊處理。

第7步:
將執(zhí)行了馬賽克濾鏡的圖層Ctrl+J復(fù)制一層,同樣轉(zhuǎn)換為剪貼蒙版。然后點(diǎn)擊濾鏡>風(fēng)格化>照亮邊緣。

將其圖層混合模式設(shè)置為線性減淡(添加),圖層不透明度設(shè)置為30%。此時(shí)每個(gè)格子間都被細(xì)線分割開了。


打開Photoshop,Ctrl+N新建一個(gè)文檔,文檔尺寸可自定義。

按住Alt鍵雙擊背景圖層,使其轉(zhuǎn)換為普通圖層。然后再次雙擊,打開圖層樣式面板,為其添加顏色疊加樣式,顏色為#262523。




新建一層,用白色大號柔邊畫筆在畫布中心點(diǎn)擊出白色亮光。



接下來我們創(chuàng)建icon主體。利用圓角矩形工具在畫布中心點(diǎn)擊,在彈出的對話框中設(shè)置數(shù)值如下:

在圓角矩形上方隨意繪制一個(gè)比其尺寸大一些的形狀,因?yàn)槲覀兒竺鏁⑵滢D(zhuǎn)換為剪貼蒙版,因此形狀可隨意繪制。



利用馬賽克濾鏡(濾鏡>像素化>馬賽克)對其進(jìn)行分塊處理。

將執(zhí)行了馬賽克濾鏡的圖層Ctrl+J復(fù)制一層,同樣轉(zhuǎn)換為剪貼蒙版。然后點(diǎn)擊濾鏡>風(fēng)格化>照亮邊緣。


相關(guān)文章
- 今天的教程是教給大家做一個(gè)非常有圣誕氛圍的圣誕快樂按鈕,充滿濃濃的圣誕節(jié)日氣息,小伙伴們還不快快打開PS一起來學(xué)習(xí)2021-06-16
ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計(jì)方法
ps2021怎么做漂亮的漸變按鈕?ps中想要設(shè)計(jì)一款領(lǐng)券的按鈕,如果添加漸變色會更加顯眼,該怎么設(shè)計(jì)漸變色按鈕呢?下面我們就來看看ps按鈕樣式的設(shè)計(jì)方法,詳細(xì)請看下文介紹2021-05-27如何設(shè)計(jì)藍(lán)色金屬按鈕?用PS設(shè)計(jì)藍(lán)色科技金屬質(zhì)感按鈕教程
很多人人物游戲按鈕只能用AI才能設(shè)計(jì),其實(shí)不然,一些按鈕不只可以用AI設(shè)計(jì),PS照樣可以,今天我們就教大家制作一個(gè)藍(lán)色科技金屬質(zhì)感的“play”按鈕,一起來學(xué)習(xí)吧2021-05-18ps怎么設(shè)計(jì)配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計(jì)方法
ps怎么設(shè)計(jì)配色干凈扁平化按鈕?很多時(shí)候我們會看到各種按鈕,想要設(shè)計(jì)一款顏色干凈清爽的扁平化按鈕,該怎么操作呢?下面我們就來看看ps按鈕矢量圖的設(shè)計(jì)方法,需要的朋友2021-04-08- 怎么用PS制作按鈕形狀效果?下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程,感興趣的小伙伴來學(xué)習(xí)吧2020-12-15
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?ps中想要設(shè)計(jì)一款圓形的按鈕,該怎么設(shè)計(jì)這個(gè)按鈕矢量圖呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-06-30- PS怎么設(shè)計(jì)可愛的按鈕?ps中想要設(shè)計(jì)一款可愛的按鈕,該怎么設(shè)計(jì)呢?下面我們就來看看ps設(shè)計(jì)按鈕的教程,需要的朋友可以參考下2018-10-30
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?ps中想要設(shè)計(jì)一款漂亮的玻璃按鈕,該怎么設(shè)計(jì)逼真透明的玻璃按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-09-23ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?ps中想要設(shè)計(jì)按鈕,該怎么設(shè)計(jì)創(chuàng)意的按鈕圖標(biāo)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09- PS怎么設(shè)計(jì)左右輪播圖的按鈕?網(wǎng)頁中經(jīng)常能見到多張圖片輪播的效果,會有左右按鈕,該怎么設(shè)計(jì)這個(gè)按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09