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

Photoshop製作濃香鬆脆的餅乾字

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

本教程的文字看上去並不是很複雜,不過製作過程是非常繁瑣的,其中包含了很多細節的處理。如文字紋理部分都需要用一些濾鏡及圖層樣式等來製作,文字表面的奶酪需要用畫筆結合圖層樣式來完成等。雖然都是一些基礎操作,要能融匯貫通還需要自己多加練習。

最終效果

Photoshop製作濃香鬆脆的餅乾字

1、在Photoshop中打開木紋素材。進入編輯->定義圖案,隨意起一個名字即可,我用的是素材的名字。

Photoshop製作濃香鬆脆的餅乾字 第2張

Photoshop製作濃香鬆脆的餅乾字 第3張

2、轉到文件->新建,創建一個新的1150×768像素的文件。

Photoshop製作濃香鬆脆的餅乾字 第4張

3、在背景層之上創建一個新層,並起名爲“木紋”。

Photoshop製作濃香鬆脆的餅乾字 第5張

4、選擇油漆桶工具,並在頂部的“選項”欄中,選擇填充類型的模式,從模式下拉菜單中選擇木紋。然後在木紋這個圖層上使用用油漆桶工具。

Photoshop製作濃香鬆脆的餅乾字 第6張

Photoshop製作濃香鬆脆的餅乾字 第7張

5、“木紋”圖層之上創建一個新層,並把它稱爲“漸變”。選擇漸變工具,設置前景色爲黑色,並在選項欄上,選擇“棱形漸變”前景到透明“漸變”,勾選反向框。單擊並拖動文檔中心到任意一個角,創建漸變。

Photoshop製作濃香鬆脆的餅乾字 第8張

Photoshop製作濃香鬆脆的餅乾字 第9張

6、“漸變”圖層的混合模式更改爲柔光。

Photoshop製作濃香鬆脆的餅乾字 第10張

7、單擊“圖層”面板中的“創建新的填充或調整圖層”圖標,並選擇色階。

Photoshop製作濃香鬆脆的餅乾字 第11張

8、調整色階面板數值,設置爲65。使背景變暗。

Photoshop製作濃香鬆脆的餅乾字 第12張

9、在圖層面板上創建一個圖層,選中工具面板中的橫排文字工具,文本的顏色#c29f5f。使用的字體是Bubblegum泡泡糖字體,大小爲250像素。字體間距設置爲10,以避免重疊。

Photoshop製作濃香鬆脆的餅乾字 第13張

10、現在,我們設置下筆刷。因此,打開畫筆面板,並選擇一個圓形硬刷。設置畫筆筆尖形狀,大小設置爲20,硬度85%,間距爲68%。

Photoshop製作濃香鬆脆的餅乾字 第14張

11、在形狀動態,大小抖動爲100%,其他的值如圖所示。此外,勾選溼邊選項。

Photoshop製作濃香鬆脆的餅乾字 第15張

12、回到“圖層”面板中,右鍵單擊文字層,並選擇“創建工作路徑”。

Photoshop製作濃香鬆脆的餅乾字 第16張

13、創建一個新圖層,放置在文本層下面,並起名爲“路徑”。設置前景色爲#a06600並在工具面板上,選擇路徑選擇工具。

Photoshop製作濃香鬆脆的餅乾字 第17張

14、右鍵單擊路徑,選擇描邊路徑。

Photoshop製作濃香鬆脆的餅乾字 第18張

15、描邊路徑對話框中選擇畫筆。

Photoshop製作濃香鬆脆的餅乾字 第19張

16、在路徑圖層中創建了JCWCN路徑。

Photoshop製作濃香鬆脆的餅乾字 第20張

Photoshop製作濃香鬆脆的餅乾字 第21張

17、在JCWCN這個文字圖層點擊右鍵,在右鍵菜單中選擇複製圖層,建立JCWCN副本,單擊原始文字層旁邊的眼睛圖標,將眼睛勾選掉,使層的內容是無形的不顯示。

Photoshop製作濃香鬆脆的餅乾字 第22張

18、在JCWCN副本圖層上單擊右鍵,選擇柵格化文字。

Photoshop製作濃香鬆脆的餅乾字 第23張

19、將文字層柵格化,這意味着你不能再修改文本,因此要確保你已經完成了所有的修改後在執行這一步。

Photoshop製作濃香鬆脆的餅乾字 第24張

20、轉到濾鏡->模糊->高斯模糊,設置半徑爲2。

Photoshop製作濃香鬆脆的餅乾字 第25張

21、按Ctrl鍵,用鼠標依次點擊“路徑”圖層和“JCWCN副本”圖層,選中兩個圖層,然後去圖層->合併圖層,(或按Ctrl+E)。

Photoshop製作濃香鬆脆的餅乾字 第26張

22、複製剛剛合併後的圖層“JCWCN副本”圖層,得到“JCWCN副本2”圖層,然後按一下旁邊的眼睛圖標,副本2層,使其無形。

Photoshop製作濃香鬆脆的餅乾字 第27張

23、雙擊剛剛合併的圖層“jcwcn副本”,應用下面的圖層樣式。

Photoshop製作濃香鬆脆的餅乾字 第28張

Photoshop製作濃香鬆脆的餅乾字 第29張

Photoshop製作濃香鬆脆的餅乾字 第30張

Photoshop製作濃香鬆脆的餅乾字 第31張

24、在Photoshop中打開“鐵鏽紋理.jpg”。調整圖像大小到600X500,進入編輯->定義圖案,隨意起一個名字即可,我用的是素材的名字。

Photoshop製作濃香鬆脆的餅乾字 第32張

25、紋理:選擇鐵鏽紋理,並改變的深度爲100%。

Photoshop製作濃香鬆脆的餅乾字 第33張

26、看下這時候的效果。

Photoshop製作濃香鬆脆的餅乾字 第34張

27、現在在圖層面板上點擊的最上面的“JCWCN副本2”圖層的眼睛圖標,使該層可見。

Photoshop製作濃香鬆脆的餅乾字 第35張

28、雙擊JCWCN副本2圖層,在圖層樣式對話框中勾選應用顏色疊加,顏色設置爲#c5a464。

Photoshop製作濃香鬆脆的餅乾字 第36張

29、我們右鍵單擊JCWCN副本2圖層,在右鍵菜單中選擇轉換爲智能對象。

Photoshop製作濃香鬆脆的餅乾字 第37張

30、前景色設置爲#c3a15f,背景顏色設置爲#93713a。

Photoshop製作濃香鬆脆的餅乾字 第38張

31、濾鏡->素描->網狀。濃度設置爲10,前景色階爲10,背景色階爲20。

Photoshop製作濃香鬆脆的餅乾字 第39張

Photoshop製作濃香鬆脆的餅乾字 第40張

32、接下來,濾鏡->畫筆描邊->墨水輪廓。描邊長度設置爲到10至17日左右,深色強度爲0,光照強度爲10。

Photoshop製作濃香鬆脆的餅乾字 第41張

Photoshop製作濃香鬆脆的餅乾字 第42張

33、濾鏡->紋理->龜裂縫。設置裂縫間距爲15,裂縫深度6,裂縫亮度爲10。

Photoshop製作濃香鬆脆的餅乾字 第43張

Photoshop製作濃香鬆脆的餅乾字 第44張

34、右鍵點擊JCWCN副本2圖層,選擇柵格化圖層。

Photoshop製作濃香鬆脆的餅乾字 第45張

35、圖像->調整->色相/飽和度,(或按Ctrl+U),並改變的飽和值-50。

Photoshop製作濃香鬆脆的餅乾字 第46張

36、圖像->調整->色彩平衡,(或按Ctrl+B),改變顏色值爲35,-7,和29。

Photoshop製作濃香鬆脆的餅乾字 第47張

37、更改JCWCN副本2圖層的混合模式爲柔光。

Photoshop製作濃香鬆脆的餅乾字 第48張

Photoshop製作濃香鬆脆的餅乾字 第49張

38、創建一個新層,起名爲“牛奶夾心”。然後,設置#eae2cb的前景色和背景色#c3a46c。

Photoshop製作濃香鬆脆的餅乾字 第50張

39、雙擊牛奶夾心圖層,應用下面的圖層樣式。

Photoshop製作濃香鬆脆的餅乾字 第51張

Photoshop製作濃香鬆脆的餅乾字 第52張

Photoshop製作濃香鬆脆的餅乾字 第53張

Photoshop製作濃香鬆脆的餅乾字 第54張

Photoshop製作濃香鬆脆的餅乾字 第55張

Photoshop製作濃香鬆脆的餅乾字 第56張

Photoshop製作濃香鬆脆的餅乾字 第57張

40、應用圖層樣式後,我們再次打開畫筆面板,選擇一個圓形筆刷,設置畫筆筆尖形狀,大小設置爲35,硬度爲100%,間距爲25%。

Photoshop製作濃香鬆脆的餅乾字 第58張

41、形狀動態,大小抖動75%,其他值都設置爲0。

Photoshop製作濃香鬆脆的餅乾字 第59張

42、畫筆不透明度設置爲100%。

Photoshop製作濃香鬆脆的餅乾字 第60張

43、我們用畫筆在JCWCN上畫出牛奶夾心效果,提醒,先保存你的PSD文件,以便可以畫壞重畫。最後看下效果。

Photoshop製作濃香鬆脆的餅乾字 第61張

44、完成添加牛奶夾心後,右鍵點擊牛奶夾心圖層,在右鍵菜單上覆製圖層,得到“牛奶夾心副本”,然後在“牛奶夾心副本”上點擊右鍵,在右鍵菜單上選擇“清除圖層樣式。

Photoshop製作濃香鬆脆的餅乾字 第62張

45、由於我們存儲又調整過很多步驟,以免顏色調整錯誤,我們把在此看下前景和背景顏色是否還是原來設置的,#eae2cb和#c3a46c。如果是就不用動了。如果不是請檢查。

濾鏡->雜色->添加雜色,設置數量爲10%,平均分佈。

Photoshop製作濃香鬆脆的餅乾字 第63張

46、“牛奶夾心副本”圖層的混合模式爲柔光,不透明度50%。這將加強牛奶夾心顏色和光澤度。

Photoshop製作濃香鬆脆的餅乾字 第64張

47、到目前爲止,我們已經完成了文本的效果。下一步,我們要創建一個擺放曲奇餅乾架,看下效果。

Photoshop製作濃香鬆脆的餅乾字 第65張

48、創建一個新的42×1像素的文件,背景爲透明。

Photoshop製作濃香鬆脆的餅乾字 第66張

49、按Ctrl+R顯示標尺。單擊並拖動垂直標尺的指導,並將其放置在文檔中心。這步可選,幫你定位。放大看的更清楚,選擇一個圓形硬刷,大小設置爲15,並設置前景色爲#5a391d。在中心位置刷上顏色。

Photoshop製作濃香鬆脆的餅乾字 第67張

50、進入編輯->定義圖案,起名爲垂直。

Photoshop製作濃香鬆脆的餅乾字 第68張

51、圖像->圖像旋轉->90°順時針,然後,再次編輯->定義圖案,起名爲水平。

Photoshop製作濃香鬆脆的餅乾字 第69張

52、返回剛剛我們做的曲奇餅PSD,創建一個新圖層,他的位置在JCWCN文字層的頂部,起名爲“曲奇餅架子”。看清楚新圖層的位置。

Photoshop製作濃香鬆脆的餅乾字 第70張

53、在工具面板上選擇圓角矩形工具,單擊“路徑”圖標,然後在文本週圍繪製一個圓角矩形的路徑。

Photoshop製作濃香鬆脆的餅乾字 第71張

54、前景色設置爲#5a391d,描邊路徑,在路徑上右鍵->描邊路徑,選擇畫筆。

Photoshop製作濃香鬆脆的餅乾字 第72張

55、在曲奇餅架子圖層之上創建一個新圖層,起名爲“曲奇餅架子V”。

Photoshop製作濃香鬆脆的餅乾字 第73張

56、在工具面板上選擇油漆桶工具,選擇垂直分佈圖案,以填充該文件。

Photoshop製作濃香鬆脆的餅乾字 第74張

Photoshop製作濃香鬆脆的餅乾字 第75張

57、使用矩形選框工具,繪製一個矩形,選擇範圍如圖所示,保留頂部和底部(10-15PX)左右,預留陰影位置。

Photoshop製作濃香鬆脆的餅乾字 第76張

58、選擇“->”反向“,然後按DELETE鍵刪除以消除不需要的行。

Photoshop製作濃香鬆脆的餅乾字 第77張

59、在“曲奇餅架子V”圖層之上,創建新圖層“曲奇餅架子H”。

Photoshop製作濃香鬆脆的餅乾字 第78張

60、使用矩形選框工具,繪製一個矩形,選擇範圍如圖所示,把整個曲奇餅架子全部包含其中,並想外擴(10-15PX),然後在工具面板上選擇油漆桶工具,選擇水平分佈圖案,以填充該文件。

Photoshop製作濃香鬆脆的餅乾字 第79張

Photoshop製作濃香鬆脆的餅乾字 第80張

61、然後選擇->反選,點DELETE刪除不需要部分,然後單擊曲奇餅架子V圖層,同樣點DELETE刪除不需要部分,這樣曲奇餅架子V圖層和曲奇餅架子H圖層上不需要部分全部刪除了,看下最後效果。

Photoshop製作濃香鬆脆的餅乾字 第81張

62、按下Ctrl鍵,並點擊曲奇餅架子V圖層和曲奇餅架子H圖層,選擇他們,然後將其複製並拖動他們,使他們位於“曲奇餅架子”圖層之下。按Ctrl+E合併複製層,合併後的圖層重命名爲“影子”。

Photoshop製作濃香鬆脆的餅乾字 第82張

63、雙擊“曲奇餅架子”圖層應用以下樣式。

Photoshop製作濃香鬆脆的餅乾字 第83張

Photoshop製作濃香鬆脆的餅乾字 第84張

Photoshop製作濃香鬆脆的餅乾字 第85張

Photoshop製作濃香鬆脆的餅乾字 第86張

64、雙擊曲奇餅架子H圖層,應用以下樣式。

Photoshop製作濃香鬆脆的餅乾字 第87張

Photoshop製作濃香鬆脆的餅乾字 第88張

Photoshop製作濃香鬆脆的餅乾字 第89張

Photoshop製作濃香鬆脆的餅乾字 第90張

65、應用相同的圖層樣式曲奇餅架子V圖層。(右鍵單擊曲奇餅架子H圖層,選擇拷貝圖層樣式,然後右鍵單擊曲奇餅架子V圖層,並選擇“粘貼圖層樣式)。

Photoshop製作濃香鬆脆的餅乾字 第91張

66、選擇“影子”圖層,改變其混合模式爲正片疊底和透明度爲50%。然後用工具面板上的移動工具,長按不鬆手並拖拽圖像移動周圍的陰影(向左和向下)。看下是否有陰影的感覺。

Photoshop製作濃香鬆脆的餅乾字 第92張

67、濾鏡->模糊->高斯模糊,設置半徑爲1.5像素。

Photoshop製作濃香鬆脆的餅乾字 第93張

68、使用選框工具選擇曲奇餅架子周邊的多餘部分,按DELETE刪除,曲奇餅架子H和V和影子三個圖層依次刪除,爲了效果更好,我特地把曲奇餅架子V移動到了和曲奇餅架子H圖層上(兩個圖層上下位置移動了一下,對調了一下。)。看起來讓原來架子的橫樑在上變成了豎着的鋼樑在上,更有立體感。

Photoshop製作濃香鬆脆的餅乾字 第94張

69、大致的效果已經出來了,我們下面進行一些顏色細節上修飾,點擊“創建新的填充或調整圖層”圖標。

Photoshop製作濃香鬆脆的餅乾字 第95張

70、選擇“色彩平衡。檢查中色調選項,改變色階-17,+4,-4。

Photoshop製作濃香鬆脆的餅乾字 第96張

最終效果:

Photoshop製作濃香鬆脆的餅乾字 第97張


感謝作者呆木張創作投稿。