內(nèi)容和風(fēng)格確定了，參考也找的的差不多了，對于自己要做的東西有一個比較清晰的思路之后，先在草圖上將自己大致的想法畫出來，然后才用軟件將想法構(gòu)建完善。這里做的幾個圖標(biāo)都是比較簡單的，基本上可以用圖層樣式來實現(xiàn)所有的效果。
因為是擬物風(fēng)格，所以在圖標(biāo)制作的過程當(dāng)中，要注意體積和光影的表達。通過顏色的選擇、相似的裝飾元素使整體風(fēng)格看起來更加統(tǒng)一和諧。
先看看效果圖
教程步驟
草圖
一、相機圖標(biāo)
步驟 01 建立文檔并制作背景
新建文檔，大小2000x800px，分辨率72;新建圖層，命名背景，填充前景色#d6d6dd
步驟 02 制作底座
新建300x300px的圓角矩形，圓角半徑60px，命名底座，添加圖層樣式制造體積感
步驟 03 制作鏡頭外圓
新建228x228px的圓形，命名【外圓1】，添加圖層樣式
復(fù)制外圓1，修改大小190x19px，命名【外圓2】，添加圖層樣式
將外圓1，外圓2編組命名【外圓】
步驟 04 鏡頭內(nèi)部
新建大小162×162 px的圓形，命名【內(nèi)圓1】
復(fù)制3個，大小分別修改為130x130px、90x90px、56x56px
分別命名為【內(nèi)圓2】、【內(nèi)圓3】、【內(nèi)圓4】
再按順序添加以下圖層樣式
步驟 05 制作玻璃球
新建大小24x24px的圓形，顏色#000000，復(fù)制一個備用
添加蒙版，擦去上半部分，添加圖層樣式
將復(fù)制的圓形顏色改為#ffffff，調(diào)整不透明度10%，添加蒙版，擦出一個月牙形狀
步驟 06 制作鏡頭高光
按住CTRL+左鍵點擊【外圓1】圖層縮略圖得到圓形選區(qū)
新建一個圖層，用柔邊圓筆刷(大概400px)在圓形選區(qū)的上半部分輕輕拍一下，顏色#ffffff，不透明度20%
用布爾運算做出圖中圖形(三個圖層)，顏色#ffffff，不透明度30%
添加蒙版將邊緣擦的模糊一點，讓邊緣過渡看起來自然一些
在較大的兩個圖像上添加圖層樣式
步驟 07 添加裝飾性元素
新建100×300 px的矩形，顏色#d43131，調(diào)整圖層順序使它在底座上方，做剪貼蒙版
選個字體打一些裝飾性的文字啥的
至此，相機就做完啦~(做完記得將相機的都編成一個組)
二、日歷圖標(biāo)
步驟 01 制作底座和日歷基本形狀
將相機底座復(fù)制一個，新建228x 224 px大小的圓角矩形，圓角半徑24，命名【底頁1】，添加圖層樣式
復(fù)制底頁1，命名【底頁2】，修改投影大小，相對底頁1上移2px
復(fù)制底頁2，命名底頁3，相對底頁2上移2px。
]]>
最終效果圖：
首先，新建一個文檔，我的是1024*1024。
在背景層上拉一個徑向漸變，顏色如圖所示~~
新建一層，D鍵把前景背景改為默認，填充白色，選擇濾鏡-雜色-添加雜色，平均分布，數(shù)量50%，勾選淡色，如圖所示
確定后把混合模式改為柔光，透明度30%
新建一個圓角矩形，如圖所示，調(diào)整好圓角，填充顏色隨便。Ctrl+a 選擇水平居中，垂直居z中，Ctrl+d取消選擇
雙擊圓角矩形添加圖層樣式~，數(shù)值如下
還有內(nèi)陰影，顏色疊加、
顏色數(shù)值如圖所示：
新建一層，D鍵把前景背景改為默認，填充白色，執(zhí)行濾鏡-雜色-添加雜色。
濾鏡-模糊-動感模糊，數(shù)值如下，接著在兩個圖層之間按Alt+左鍵創(chuàng)建剪貼蒙版。
新建一個小一點的圓角矩形，圓角調(diào)整好，居中對齊!顏色無所謂。
先看看效果圖
新建文檔，將我們所提供的紋理素材放入文檔中，充當(dāng)背景。
我添加了一個色彩平衡調(diào)整層，調(diào)整了一下背景的顏色。
下面，用圓角矩形工具，畫出圖標(biāo)的主體，并添加圖層樣式，我添加了斜面浮雕、內(nèi)陰影、投影三個樣式。
復(fù)制一層這個主體，右鍵清除圖層樣式，將填充修改為0，重新添加一個新的圖層樣式。
接下來，我們來畫QQ瀏覽器的圖標(biāo)，這個相信大家肯定會畫，非常簡單的布爾運算，在這里，我們分成了兩層來畫，首先，我們畫出了下面這個形狀。
我為這個形狀添加了一個漸變疊加。
接下來，還是用布爾運算，補上欠缺的那部分云。
選擇住組成QQ瀏覽器圖標(biāo)的這兩個圖層，CTRL+G，創(chuàng)建圖層組，給這個圖層組添加一個圖層樣式。
最后我添加了一個色階調(diào)整層，作最后的微調(diào)。
最終效果如下：
很多人喜歡折騰圖標(biāo)，所以，很多人問，有沒有新的圖標(biāo)教程，于是，今天，是一個簡單的圖標(biāo)制作，重點是金屬質(zhì)感，同往常一樣，我們都是用圖層樣式來實現(xiàn)。
先看看效果圖
新建一個文檔，我用的大小是1000X800像素，創(chuàng)建一個漸變填充調(diào)整層，參數(shù)如下。
將這個漸變背景圖層轉(zhuǎn)換為智能對象，添加一個雜色。
用圓角矩形工具畫出我們的圖標(biāo)主體，顏色設(shè)置為#f6f5f5，添加一個斜面浮雕和投影。
復(fù)制一層主體圖層，右鍵清除圖層樣式，將填充修改為0，添加一個投影樣式，我們來做投影加強。
用橢圓工具畫一個圓，設(shè)置圖層樣式。
同樣的用橢圓工具畫出一個小一點的圓，這個將是我們的旋紐，設(shè)置圖層樣式。
畫一個稍微小一點的圓，我們來制作金屬旋紐，效果我們通過圖層樣式實現(xiàn)。
]]>