UI教程，螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

下面是我這次做的效果圖，這是我第一次做教程，主要是之前在逛instntshift的時候看到的一張圖，但是苦于沒有教程，就嘗試著把它臨摹下來，做完以后，覺得還不錯，所以就嘗試做出個教程，和大家分享一下。如果有什么做的不好的，大家也請盡管的指出，這也是對我的幫助，謝謝。

首先，我們來建立一個1667*1250，300DPI的畫布。整個教程分為右圖五個部分，每個部分在完成以后，都進(jìn)行了編組，并且每個組的圖層狀態(tài)都為穿透，這個同學(xué)們在做的時候要注意。我們首先從背景層開始。

背景1：這一層主要是用一個漸變工具（徑向漸變）拉出差不多的效果就可以了。

新建一個圖層，命名為背景2：這一層則是在原有背景的基礎(chǔ)上，在下半部分制造一個近景的亮色部分。同樣的，也是用漸變工具，只不過這次是用的“線性漸變”。漸變的顏色參數(shù)同樣如上圖。

效果比較弱，不過上下仔細(xì)比較一下，還是能看出來的。加了這一層以后，不僅下半部分變亮了一點點，而且大家應(yīng)該還能看到一層淡淡的，稍微深一點點的顏色，這個也是為后面的風(fēng)扇做出來以后，能整體制造一點空間感，讓整體看起來更加的真實，背景層完成后，記得群組，修改模式為穿透。后面的每一個部分，都是一樣的，我就不一一提醒了。

用圓角矩形工具畫一個720*720半徑10像素的圓角矩形，該圖層命名為“風(fēng)扇機身”，顏色填充#E2E1E0，圖層樣式依次填充“內(nèi)陰影”“漸變疊加”“投影”，參數(shù)如下：

把風(fēng)扇機身復(fù)制一層，清除圖層樣式，修改圖層填充為：0。命名為風(fēng)扇機身2，并添加內(nèi)陰影樣式。

效果：

接下來，我們來做電扇中間的圓形扇框。用橢圓工具畫一個549*549的圓形，顏色填充#e2e1e0，并給它依次添加描邊、內(nèi)陰影、漸變疊加這三個圖層樣式。