網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

Photoshop製作剛出爐的濃香麪包字體設計DIY方法

欄目: 設計教程 / 發佈於: / 人氣:2.76W

作者刻畫字體的時候非常細緻,麪包部分用到了幾個圖層,分別添加不同的紋理及高光,細節把握的非常到位,效果跟真實的一樣。

最終效果

Photoshop製作剛出爐的濃香麪包字體設計DIY方法

本教程中使用的AdobePhotoshopCS6,但是你也可以使用CS3以上任何一個版本。

你可能想要檢查BasixPage這一頁來了解一些關於Photoshop基本操作技巧的有用主題,例如加載色板和一些快捷鍵。

注意:你可能需要加在本教程使用的等高線,所以可以查看這張圖片來了解如何操作。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第2張

1、新建1250×1250像素大小的文檔(你可以使用任何你想要的寬度值,但是請確保高度值不小於1250)。

選擇矩形工具,設置前景色爲#d4d0c9,並拉一個眼神到文檔邊框外一點的矩形。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第3張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第4張

2、先把下圖所示的兩張紋理素材保持到本機,然後用PS打開,選擇菜單:編輯>定義圖案,後面樣式中會用到。

雙擊矩形形狀圖層,設置如下圖層樣式:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第5張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第6張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第7張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第8張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第9張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第10張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第11張

3、設置前景色爲#d8d1b9,選擇橢圓工具並按住Shift鍵,在文檔內單擊拖動創建一個大小適合的圓。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第12張

4、保持並打開下圖所示的紋理,並定義爲圖案。然後雙擊橢圓形狀圖層,設置如下圖層樣式:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第13張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第14張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第15張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第16張

點擊下載圖案,解壓後載入到PS中。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第17張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第18張

5、這就創作了碗/碟子/盤子。你大可隨心設置斜面和浮雕的參數,或者使用你喜歡的不同的顏色以及紋理。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第19張

6、以大寫字母狀態寫下你想要創作的單詞的第一個字母,使用“Franks”字體(點這裏下載字體),顏色爲“#e3d1ab”,字體大小爲570.

你既可以同時創作所有字母,又可以一個接一個創作,這完全取決於你自己。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第20張

7、果這個字母內的孔徑(洞)太小,你會需要把它轉換成形狀去刪除這個孔的鋒利邊緣。如此去做,右鍵點擊文字圖層,然後選擇“轉換爲形狀”。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第21張

8、選擇“轉換點工具”,圍繞周圍的尖角單擊拖動以選中它,然後單擊並拖動錨點將鋒利尖角轉換成曲線。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第22張

9、你可能需要選擇直接選擇工具,單擊並拖動錨點來移動他們,或者單擊並拖動方向點以擴大或縮小曲線。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第23張

10、最終的結果沒有必要一定是完美的,實際上,不完美更好。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第24張

11、複製形狀層,改變拷貝層的填充值爲0,然後再複製兩次形狀層。因此你會有一個原始的文字層,拷貝、拷貝2和拷貝3層。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第25張

12、雙擊原始的文字圖層並設置如下圖層樣式。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第26張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第27張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第28張

13、雙擊B拷貝文字,以設置如下圖層樣式。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第29張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第30張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第31張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第32張

14、雙擊B拷貝2文字圖層,設置如下圖層樣式:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第33張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第34張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第35張

15、保存下圖所示的紋理,打開後定義爲圖案。然後雙擊“B拷貝3”文字圖層,設置如下圖層樣式:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第36張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第37張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第38張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第39張

16、Ctrl+單擊任何字母圖層的縮略圖以創建選區。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第40張

17、執行選擇>修改>收縮,收縮量設置成50像素。這會讓選區向內收縮50像素。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第41張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第42張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第43張

18、執行選擇>修改>羽化,羽化半徑設置爲15。這會使選區的邊緣軟化。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第44張

19、設置前景色爲#994b0d,選擇油漆桶工具,在所有圖層上面新建圖層,命名爲“棕色”,往選區內填充前景色。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第45張

20、再一次Ctrl+單擊任何一個字母圖層的縮略圖來創建一個選區。新建圖層,命名爲“紋理”。前景色設置爲#e4c8a0,背景色設置爲#936d2f。

我們會應用一些濾鏡效果來創建一個簡單的紋理,這會加強字母的色彩。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第46張

21、選擇菜單濾鏡>渲染>雲彩。然後執行選擇>取消選擇(Ctrl+D)以取消選區。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第47張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第48張

22、選擇濾鏡>濾鏡庫>素描>基底凸現,然後按照下圖改變參數。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第49張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第50張

23、選擇濾鏡>濾鏡庫>畫筆描邊>強化的邊緣,同樣按照下圖修改參數。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第51張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第52張

24、將紋理圖層的混合模式改爲柔光。你可以看到這樣做的不同。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第53張

25、選擇畫筆工具,打開畫筆面板(窗口>畫筆)。選擇一個柔角畫筆,然後按照如下所示修改它的參數。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第54張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第55張

26、在所有圖層上新建圖層,命名爲“顏色加深筆刷”,改變它的混合模式爲顏色加深,它的不透明度爲45%,設置前景色爲#cac2b7。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第56張

27、單擊並稍微移動筆刷以加厚字母的一些區域。這回讓金棕色看上去更加真實。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第57張

28、新建圖層,命名爲“內陰影”,改變它的混合模式爲正片疊底。設置前景色#e7cf93,減小筆刷大小爲45px。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第58張

29、在畫筆面板,在畫筆筆尖形狀屬性下,將間距設置降到25%。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第59張

30、選擇之前做好的文本,之後圍繞字母的洞繪製更多的陰影。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第60張

31、新建圖層,命名爲“外陰影”,改變它的混合模式爲“正片疊底”,設置前景色爲#e3b96d,調大筆刷大小到175像素。在字母周圍的選區邊緣外稍微繪製一下,以使得邊緣更暗。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第61張

32、做好之後,取消選區(Ctrl+D)。這就是麪包圈主體。下一步簡單裝飾下就能得到結果。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第62張

33、選擇畫筆工具,打開畫筆面板。選擇一個尖角畫筆,並如下圖所示改變它的參數值。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第63張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第64張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第65張

34、在所有圖層之上新建圖層,命名爲“芝麻”。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第66張

35、雙擊芝麻圖層,設置如下圖層樣式:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第67張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第68張

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第69張

36、複製“芝麻”圖層,重命名:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第70張

37、雙擊圖層,將斜面和浮雕陰影模式的顏色改成黑色:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第71張

38、設置前景色爲#d4ad6c,選擇“芝麻”圖層,然後拖動畫筆在麪包圈字母的中間部分“撒芝麻”。一個有效的小提醒,以彎彎曲曲的運筆方法去畫,這會更好地讓你做出來的芝麻粒效果更漂亮

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第72張

39、改變前景色爲#372f2d,減小筆刷大小到7px,選擇“粟籽”圖層,然後在麪包圈上畫粟籽。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第73張

40、現在就做好了麪包圈字母。所以,合併所有圖層,然後繼續創建其他字母。全做好後,選擇每個圖層組,執行編輯>自由變換,旋轉移動它到碗裏。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第74張

41、單擊“創建新的填充或調整圖層”圖標,載入圖層面板,選擇漸變映射。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第75張

42、將調整圖層的混合模式設置成正片疊底,不透明度爲10%。用三種顏色來創建漸變:

#--顏色—位置

1--#7b2800—0%

2--#ffb211—60%

3--#ffffc7—100%

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第76張

43、你可以在碗裏(譯者注:即橢圓1形狀圖層)撒上一些芝麻和粟籽。

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第77張

最終效果:

Photoshop製作剛出爐的濃香麪包字體設計DIY方法 第78張


感謝作者GodardAsui授權發佈教程。