最終效果預覽:

序曲:光照理論
在開始之前呢,我們要介紹一個簡單的光照原理。這是個很簡單很好懂的原理。原理圖如下圖所示:圖片里有兩束光,
一束是太陽光作為強光,另外一束是外界的反射光作為柔光。

相信大家都可以看得懂這個原理吧,那么讓我們繼續吧,下面就是具體的設計步驟,由于設計步驟比較多,
希望大家可以耐心的觀看哦!
1、新建一個文件,大小為1024像素×1024像素。定義一個512像素×512像素的矩形框,并在矩形框周圍加上四條輔助線。

2、建立一個新的photoshop圖層,并添加一個帶圓角的矩形,圓角的直徑為20像素,這個圓角矩形的形狀就是最終效果圖的
基本形狀。我喜歡紅色,因此我選擇紅色作為填充色,把這個圖層命名為“圖書封面”。

3、這類蘋果系統的圖書類圖標都有特定的外形,如下圖!
再次復制“圖書封面”并命名為“封面”。稍后我們將會用到這個圖層,所以現在我們將這個圖層隱藏。

step 4、雙擊“圖層封面”顯示圖層樣式對話框,并按照下面的值設置相應選項。








描邊的漸變設置:

效果如下:

5、建立一個新的圖層,按下ctrl+alt+G創建剪切蒙版,選擇鋼筆工具,并且在左邊做出一條深藍色帶,我們可以叫它
“黑色帶”,因為深藍色看上去像極了黑色。

6、按照下面的值設置“黑色帶”的各項參數。


效果:

7、再添加兩個剪貼蒙版,這兩個蒙版要放在黑帶圖層的下面。用黑色填充第一個蒙版。然后執行濾鏡→添加濾色
(“數量”設置為75,“分布”設置為“平均分布”),將圖層混合混合模式改為疊加,不透明度改為%7。
第二個剪貼蒙版同樣用黑色填充,執行濾鏡→素描→便紙條(“圖像平衡”設為20,粒度設為15,凸現設為10),
將圖層混合模式設為疊加,不透明度設為%3。



8、讓我們為“黑色帶”添加一些圖層樣式,首先創建兩個剪貼蒙版,這兩個剪貼蒙版要放在“黑色帶圖層”的下面。
現在我們要選擇“黑色帶”,按住ctrl鍵點擊圖層面板的添加圖層蒙版按鈕為圖層添加一個矢量蒙版,并用黑色填充
蒙版,然后運用素描濾鏡→繪畫筆,然后按照下面的值設置參數!

9、下面我們使用提出命令,按ctrl+alt+x調出抽出命令對話框,從白色中抽取大約一半的黑色條!

將圖層混合模式改為“疊加”,不透明度設置為“10%”。

11、下面我們將要重復前面步驟中的一些操作,選擇我們在第8步建立的第二個剪貼蒙版,重復第8步的操作,但是
不要運用繪圖筆濾鏡。我們將運用便條紙濾鏡,這個濾鏡我們在第7步中運用過,在本步驟中便條紙的參數值和
第7步中的一樣(圖像平衡設為20,粒度設為15,凸現設為10)。把圖層混合模式改為疊加,不透明度設為100%。

12、我們最后要對“黑色帶”做的是為它添加上一些可見的刮痕。建立一個新的圖層,這個圖層位于所有“黑色帶”
的剪貼蒙版之上。選擇畫筆工具里的星形畫筆。選取黑色,并選取“黑色帶”,在選區的右邊點擊幾次,最后,
建立一個新圖層組,并命名為“封面組”,把我們用到的所有的用來繪畫這個封面的圖層移動這個圖層組。

13、我們將加一個封底,這樣才是一本完整的書。復制“封面組”并重名為“封底組”,將“封底組”移動到“封面組”之下。

14、“封底組”和“封面組”是相似的。我們需要隱藏兩個圖層效果,第一個是“黑色帶”的投影,
第二個是“黑色帶”的斜面和浮雕

15 、這時我們將使用第4步建立的“封面”圖層,顯示這個圖層并使用快速選擇工具。我們將要做的是縮小這個封面,
但是我們大家知道,此時我們不能使用自由變換工具,因為我們要保持整個圖書封面的圓角的相同大小,如果我們
使用自由變換,圓角也會被應用自由變換工具。因此,選擇兩個圓角點,將它們向下一個圓角點稍微靠近一點。
最后把填充顏色改為白色。

根據下面的參數值設置“封面”圖層。


效果:

17、我們要為這本圖書創建五張紙,將封面復制四次。然后,根據下面的樣式放置下面書頁的位置。

18、建立一個新組,命名為“書頁組”,將所有書頁都移動到這個組里。將這個組移動到“封面組”之下、
“封底組”之上。

19、是不是還少了點什么?裝訂環,是的,是缺少裝訂環。讓我們加上吧。首先,用橢圓工具建立一個橢圓。

20、選擇橢圓模式,在“從路徑選區中減去”模式下,做出下圖的樣式

21、同樣在“從路徑選區中減去”模式下,然后將隱藏在書頁里的環部分減去。并將這個圖層命名為“環”。

22 、按照以下的參數值設置“環”。







效果:

23、復制“環”圖層,設置以下參數。

效果:

24、添加一個新圖層,命名為“環陰影”,執行“圖層”→“矢量蒙版”→“顯示全部”。點擊“環”的矢量蒙版,
并將其復制到“環陰影”圖層下。選擇這個圖層,選擇一個柔軟的黑色筆刷,大小為100像素,不透明度為20%,
在“環”的根部加上黑色的效果。

25、用橢圓工具建立一個“環眼”。

26、按照下面的參數值設置“環眼”。

效果:

27 、建立一個新圖層,這個圖層位于“環”圖層之下,位于“環眼”之上。建立一個“黑色帶”的選區,
用一個50像素的黑色筆刷在“環”下畫出一個陰影,筆刷的不透明為30%。

28、大家可以看到,我們有必要修復一下環的邊緣。建立一個新的圖層,這個圖層位于“環”所有剪貼蒙版的上面,
用一個小的黑色畫筆修復一下。修復前后的圖像如下。

29、建立一個新圖層,命名為“環圖層”,將所有有關于“環”的圖層移動到圖層組里。然后復制這個組并將其
移動到圖層面板上面。第二個環下面的陰影應該和第一個有一點不同,將這個步驟重復三次,得到五個環
(不需要新建一個圖層組)

30 、使用鋼筆工具,畫出一個如下圖的“褶皺”形狀。

31、按照下面的參數值設置“褶皺”形狀。




效果:

32 、復制“褶皺”四次。

33、好的,讓我們為書加上陰影。我不打算使用變換和模糊來做這個效果,我緊緊用畫筆和橡皮擦工具。這可能
對你們來說有點難度,但是我希望你們可以盡最大的努力來做,這樣作出來的效果會更真實。你也可以使用圖層
的不透明度,關鍵是陰影不能太亮也不能太暗。

34、現在我們已經完成了這本書的創作,你可以用這個圖標作為許多系統的替換圖標,但是如果我們要把它用來
作為一個地址薄圖標,我們應該再添加一個細節。選擇一個你最喜歡的字體,設置大小為250pt,鍵入字符“@”。

35、將字符向左旋轉10°。

36、設置一下參數






效果如下:

37、復制字符,將它向上移動一些像素,向右移動一些像素。調出圖層樣式對話框,將顏色改為白色,
按照下面的參數值設置。不要忘記將不透明度設置為80%。



至此我們的蘋果系統精美的文件夾圖標已經完成啦,你也可以把這個自己做的圖標作為自己的文件夾圖標,
最終效果真的很是逼真哦,有不足之處望大家見諒哦,也希望本教程對大家有些用處,謝謝!
作者:愛在哈佛 譯 來源:中國教程網
網友評論