UI教程,ps設(shè)計風(fēng)扇主題的icon圖標(biāo)。
來源:站酷
作者:UISTAR
學(xué)習(xí):7677人次
時間過的好快,不知不覺2015年已經(jīng)來了,可是我回頭想去年我也沒做什么,所以呢,新的一年就寫個教程開始吧。今天的教程非常簡單,五分鐘就能畫好一個小清新的風(fēng)扇ICON。不耽誤大家時間,怎么樣,看起來非常著眼吧,那么大家一起來做吧。記得交作業(yè)哦。
第一次寫教程,大神勿噴,ICON非原創(chuàng),教程原創(chuàng)。
先看看最終效果圖:
好吧,詳細(xì)步驟前我們先來分析下這個小ICON,主要就是底盤和扇葉,還有頂部圓形按鈕,底板的樣式可以看出來是漸變和描邊還有一點(diǎn)內(nèi)陰影。風(fēng)扇中心也差不多,難的可能是扇葉怎么做出來標(biāo)準(zhǔn)好看,其實就是一個圓形加一個橢圓而已,怎么樣,簡單吧?那詳細(xì)步驟來咯。
1、新建畫布800*600.這個隨意,大小隨意的,然后選擇油漆桶工具填充背景顏色為:#2bbc5b
2、用橢圓工具新建一個大小為300*300的正圓,按住SHIFT可以畫正圓。命名為底板,然后為剛創(chuàng)建的橢圓添加圖層樣式。具體參數(shù)如下,僅供參考。
這步完成是這樣子的
3、接著畫一個260*260的正圓,并且命名為底板2,添加圖層樣式。
4、繼續(xù)畫內(nèi)圓,大小為240*240,命名為內(nèi)圓,然后添加圖層樣式。
OK,到此我們底盤就做好了,CTRL+G建個組,命名為底盤。
5、扇葉部分來了,看上去有點(diǎn)難,
首先新建一個70*70的正圓,然后用路徑選擇工具選中正圓最下面的錨點(diǎn),按住SHIFT+方向鍵下鍵,這樣錨點(diǎ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、最后就剩下中心的小圓了,畫一個70*70的正圓,加圖層樣式。
因為要做出小圓的倒角,我們可以CTRL+J復(fù)制一層剛剛得到的小圓,填充改為0,并且右鍵清除圖層樣式,重新添加。
最后再給最外面的大圓加點(diǎn)投影
最終效果圖,感覺還不錯的。
第一次寫教程,大神勿噴,ICON非原創(chuàng),教程原創(chuàng)。
先看看最終效果圖:
好吧,詳細(xì)步驟前我們先來分析下這個小ICON,主要就是底盤和扇葉,還有頂部圓形按鈕,底板的樣式可以看出來是漸變和描邊還有一點(diǎn)內(nèi)陰影。風(fēng)扇中心也差不多,難的可能是扇葉怎么做出來標(biāo)準(zhǔn)好看,其實就是一個圓形加一個橢圓而已,怎么樣,簡單吧?那詳細(xì)步驟來咯。
1、新建畫布800*600.這個隨意,大小隨意的,然后選擇油漆桶工具填充背景顏色為:#2bbc5b
2、用橢圓工具新建一個大小為300*300的正圓,按住SHIFT可以畫正圓。命名為底板,然后為剛創(chuàng)建的橢圓添加圖層樣式。具體參數(shù)如下,僅供參考。
這步完成是這樣子的
3、接著畫一個260*260的正圓,并且命名為底板2,添加圖層樣式。
4、繼續(xù)畫內(nèi)圓,大小為240*240,命名為內(nèi)圓,然后添加圖層樣式。
OK,到此我們底盤就做好了,CTRL+G建個組,命名為底盤。
5、扇葉部分來了,看上去有點(diǎn)難,
首先新建一個70*70的正圓,然后用路徑選擇工具選中正圓最下面的錨點(diǎn),按住SHIFT+方向鍵下鍵,這樣錨點(diǎ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、最后就剩下中心的小圓了,畫一個70*70的正圓,加圖層樣式。
因為要做出小圓的倒角,我們可以CTRL+J復(fù)制一層剛剛得到的小圓,填充改為0,并且右鍵清除圖層樣式,重新添加。
最后再給最外面的大圓加點(diǎn)投影
最終效果圖,感覺還不錯的。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ui設(shè)計
- ps網(wǎng)頁設(shè)計
- UI設(shè)計教程
- ui制作
- UISTAR
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個音樂圖標(biāo)
- 圖標(biāo)設(shè)計,用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計,用PS快速制作一個心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!