UI教程,ps設計風扇主題的icon圖標。

2022-12-26 13:54:15 來源/作者: / 己有:21人學習過
時間過的好快,不知不覺2015年已經來了,可是我回頭想去年我也沒做什么,所以呢,新的一年就寫個教程開始吧。今天的教程非常簡單,五分鐘就能畫好一個小清新的風扇ICON。不耽誤大家時間,怎么樣,看起來非常著眼吧,那么大家一起來做吧。記得交作業(yè)哦。
第一次寫教程,大神勿噴,ICON非原創(chuàng),教程原創(chuàng)。
先看看最終效果圖:
UI教程,ps設計風扇主題的icon圖標。
好吧,詳細步驟前我們先來分析下這個小ICON,主要就是底盤和扇葉,還有頂部圓形按鈕,底板的樣式可以看出來是漸變和描邊還有一點內陰影。風扇中心也差不多,難的可能是扇葉怎么做出來標準好看,其實就是一個圓形加一個橢圓而已,怎么樣,簡單吧?那詳細步驟來咯。

1、新建畫布800*600.這個隨意,大小隨意的,然后選擇油漆桶工具填充背景顏色為:#2bbc5b UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
2、用橢圓工具新建一個大小為300*300的正圓,按住SHIFT可以畫正圓。命名為底板,然后為剛創(chuàng)建的橢圓添加圖層樣式。具體參數如下,僅供參考。
 UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
這步完成是這樣子的
 UI教程,ps設計風扇主題的icon圖標。
3、接著畫一個260*260的正圓,并且命名為底板2,添加圖層樣式。 UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
4、繼續(xù)畫內圓,大小為240*240,命名為內圓,然后添加圖層樣式。UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
OK,到此我們底盤就做好了,CTRL+G建個組,命名為底盤。
 UI教程,ps設計風扇主題的icon圖標。
5、扇葉部分來了,看上去有點難,
首先新建一個70*70的正圓,然后用路徑選擇工具選中正圓最下面的錨點,按住SHIFT+方向鍵下鍵,這樣錨點可以一次移動十個像素,我們移動三十像素。UI教程,ps設計風扇主題的icon圖標。
搞定一個了,下面就簡單了,CTRL+ALT+T,復制旋轉九十度,然后三大金剛加T,就是CTRL+SHIFT+ALT+T,OK,搞定。
 UI教程,ps設計風扇主題的icon圖標。
注意需要把旋轉中心調整到底下中心處。然后選中剛剛得到的扇葉CTRL+T旋轉四十五度。
 UI教程,ps設計風扇主題的icon圖標。
再加圖層樣式,參數如下。還是一樣的加內陰影、浮雕、投影等效果。
 UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
6、最后就剩下中心的小圓了,畫一個70*70的正圓,加圖層樣式。 UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
UI教程,ps設計風扇主題的icon圖標。
因為要做出小圓的倒角,我們可以CTRL+J復制一層剛剛得到的小圓,填充改為0,并且右鍵清除圖層樣式,重新添加。
 UI教程,ps設計風扇主題的icon圖標。
最后再給最外面的大圓加點投影
 UI教程,ps設計風扇主題的icon圖標。
最終效果圖,感覺還不錯的。 UI教程,ps設計風扇主題的icon圖標。