UI教程,ps設(shè)計(jì)風(fēng)扇主題的icon圖標(biāo)。
2022-12-26 13:54:15
來(lái)源/作者: /
己有:21人學(xué)習(xí)過(guò)
時(shí)間過(guò)的好快,不知不覺(jué)2015年已經(jīng)來(lái)了,可是我回頭想去年我也沒(méi)做什么,所以呢,新的一年就寫(xiě)個(gè)教程開(kāi)始吧。今天的教程非常簡(jiǎn)單,五分鐘就能畫(huà)好一個(gè)小清新的風(fēng)扇ICON。不耽誤大家時(shí)間,怎么樣,看起來(lái)非常著眼吧,那么大家一起來(lái)做吧。記得交作業(yè)哦。
第一次寫(xiě)教程,大神勿噴,ICON非原創(chuàng),教程原創(chuàng)。
先看看最終效果圖:
好吧,詳細(xì)步驟前我們先來(lái)分析下這個(gè)小ICON,主要就是底盤(pán)和扇葉,還有頂部圓形按鈕,底板的樣式可以看出來(lái)是漸變和描邊還有一點(diǎn)內(nèi)陰影。風(fēng)扇中心也差不多,難的可能是扇葉怎么做出來(lái)標(biāo)準(zhǔn)好看,其實(shí)就是一個(gè)圓形加一個(gè)橢圓而已,怎么樣,簡(jiǎn)單吧?那詳細(xì)步驟來(lái)咯。
1、新建畫(huà)布800*600.這個(gè)隨意,大小隨意的,然后選擇油漆桶工具填充背景顏色為:#2bbc5b
2、用橢圓工具新建一個(gè)大小為300*300的正圓,按住SHIFT可以畫(huà)正圓。命名為底板,然后為剛創(chuàng)建的橢圓添加圖層樣式。具體參數(shù)如下,僅供參考。
這步完成是這樣子的
3、接著畫(huà)一個(gè)260*260的正圓,并且命名為底板2,添加圖層樣式。
4、繼續(xù)畫(huà)內(nèi)圓,大小為240*240,命名為內(nèi)圓,然后添加圖層樣式。
OK,到此我們底盤(pán)就做好了,CTRL+G建個(gè)組,命名為底盤(pán)。
5、扇葉部分來(lái)了,看上去有點(diǎn)難,
首先新建一個(gè)70*70的正圓,然后用路徑選擇工具選中正圓最下面的錨點(diǎn),按住SHIFT+方向鍵下鍵,這樣錨點(diǎn)可以一次移動(dòng)十個(gè)像素,我們移動(dòng)三十像素。
搞定一個(gè)了,下面就簡(jiǎn)單了,CTRL+ALT+T,復(fù)制旋轉(zhuǎn)九十度,然后三大金剛加T,就是CTRL+SHIFT+ALT+T,OK,搞定。
注意需要把旋轉(zhuǎn)中心調(diào)整到底下中心處。然后選中剛剛得到的扇葉CTRL+T旋轉(zhuǎn)四十五度。
再加圖層樣式,參數(shù)如下。還是一樣的加內(nèi)陰影、浮雕、投影等效果。
6、最后就剩下中心的小圓了,畫(huà)一個(gè)70*70的正圓,加圖層樣式。
因?yàn)橐龀鲂A的倒角,我們可以CTRL+J復(fù)制一層剛剛得到的小圓,填充改為0,并且右鍵清除圖層樣式,重新添加。
最后再給最外面的大圓加點(diǎn)投影
最終效果圖,感覺(jué)還不錯(cuò)的。
第一次寫(xiě)教程,大神勿噴,ICON非原創(chuàng),教程原創(chuàng)。
先看看最終效果圖:
好吧,詳細(xì)步驟前我們先來(lái)分析下這個(gè)小ICON,主要就是底盤(pán)和扇葉,還有頂部圓形按鈕,底板的樣式可以看出來(lái)是漸變和描邊還有一點(diǎn)內(nèi)陰影。風(fēng)扇中心也差不多,難的可能是扇葉怎么做出來(lái)標(biāo)準(zhǔn)好看,其實(shí)就是一個(gè)圓形加一個(gè)橢圓而已,怎么樣,簡(jiǎn)單吧?那詳細(xì)步驟來(lái)咯。
1、新建畫(huà)布800*600.這個(gè)隨意,大小隨意的,然后選擇油漆桶工具填充背景顏色為:#2bbc5b
2、用橢圓工具新建一個(gè)大小為300*300的正圓,按住SHIFT可以畫(huà)正圓。命名為底板,然后為剛創(chuàng)建的橢圓添加圖層樣式。具體參數(shù)如下,僅供參考。
這步完成是這樣子的
3、接著畫(huà)一個(gè)260*260的正圓,并且命名為底板2,添加圖層樣式。
4、繼續(xù)畫(huà)內(nèi)圓,大小為240*240,命名為內(nèi)圓,然后添加圖層樣式。
OK,到此我們底盤(pán)就做好了,CTRL+G建個(gè)組,命名為底盤(pán)。
5、扇葉部分來(lái)了,看上去有點(diǎn)難,
首先新建一個(gè)70*70的正圓,然后用路徑選擇工具選中正圓最下面的錨點(diǎn),按住SHIFT+方向鍵下鍵,這樣錨點(diǎn)可以一次移動(dòng)十個(gè)像素,我們移動(dòng)三十像素。
搞定一個(gè)了,下面就簡(jiǎn)單了,CTRL+ALT+T,復(fù)制旋轉(zhuǎn)九十度,然后三大金剛加T,就是CTRL+SHIFT+ALT+T,OK,搞定。
注意需要把旋轉(zhuǎn)中心調(diào)整到底下中心處。然后選中剛剛得到的扇葉CTRL+T旋轉(zhuǎn)四十五度。
再加圖層樣式,參數(shù)如下。還是一樣的加內(nèi)陰影、浮雕、投影等效果。
6、最后就剩下中心的小圓了,畫(huà)一個(gè)70*70的正圓,加圖層樣式。
因?yàn)橐龀鲂A的倒角,我們可以CTRL+J復(fù)制一層剛剛得到的小圓,填充改為0,并且右鍵清除圖層樣式,重新添加。
最后再給最外面的大圓加點(diǎn)投影
最終效果圖,感覺(jué)還不錯(cuò)的。