手機(jī)圖標(biāo)，設(shè)計(jì)iPhoneES手機(jī)主題圖標(biāo)

本教程是用CC2015所制作，圖標(biāo)制作不難，主要希望通過實(shí)例讓大家了解一下CC2015的圖層樣式的使用。

自己使用CC15也是有大半年了，單就加強(qiáng)版的圖層樣式也積累了一些心得和小技巧。在CC2015中打造一些字體特效，超寫實(shí)icon之類的設(shè)計(jì)時(shí)，加強(qiáng)版的圖層樣式會(huì)大大的提高工作效率。之后的教程會(huì)逐步更換為CC15的版本為大家講解，其中好用的功能可不僅僅只有圖層樣式這一個(gè)哦~強(qiáng)烈建議童鞋們升級(jí)成新版本。

 

STEP01，繪制機(jī)身厚度 繪制一個(gè)350*350px，圓角為60px的圓角矩形，為其添加一個(gè)固有色：“#ba9b7a” 然后再為其添加明暗變化（使用漸變疊加）：

將“與圖層對(duì)齊”選中以后，漸變效果的約束范圍就是該形狀本身； 其中淺色色塊位置為“0%”、“15%”、“85%”、“100%”，其顏色均為“#dedede” 其中深色色塊位置為“10%”、“22%”、“78%”、“90%”，其顏色均為“#808080” 其中中間色塊位置為“50%”，其顏色為“#bfbfbf” 同學(xué)們可以看到，用不同明度的灰色疊加在原來的固有色上，淺色灰會(huì)使固有色提亮，深色灰會(huì)使固有色變暗，從而使用這種方法可以快速打造出物體的質(zhì)感。設(shè)置好明暗關(guān)系，可以任意更換固有色的哦！ STEP02，繪制機(jī)身 繪制之前，先為大家簡(jiǎn)單介紹一下新版圖層樣式的界面

打開圖層樣式，后面帶有小加號(hào)的樣式表示可以重復(fù)復(fù)制； 同一效果的樣式最多可以復(fù)制十次，選中其中的一個(gè)樣式，可以上下調(diào)整次序，也可以進(jìn)行刪除（需要注意：相同的效果也是有上下次序的，即上面的效果會(huì)蓋住下面的效果），一個(gè)樣式雖然可以重復(fù)添加，但是所有效果的名字都為“描邊”，并沒有“描邊1”“描邊2”的區(qū)分，所以大家在平常工作時(shí)最多重復(fù)使用兩三次就可以達(dá)到效果啦！ 如果想恢復(fù)默認(rèn)的列表樣式，只需要打開樣式管理，選擇“復(fù)位到默認(rèn)列表”就可以啦！ 打開圖層樣式選中“描邊”，可以看到描邊選項(xiàng)多了一個(gè)新的功能—“疊印”

 

“疊印”的意思就是描邊效果的混合模式與該圖層本身進(jìn)行計(jì)算，得到新的混合效果。 我們都知道，在混合模式中，除了“正常、溶解”的模式不會(huì)與下方圖層進(jìn)行計(jì)算，剩下的模式都會(huì)與下方圖層進(jìn)行計(jì)算，得到新的混合效果。 我們以【白色疊加】為例，看看勾選疊印前后的差別：