Photoshop教程，一張鼠繪巧克力蛋糕圖片

今天的教程是從國外的設(shè)計網(wǎng)站翻譯過來的，教同學們創(chuàng)建一個甜美的蛋糕，過程非常詳細，效果也很棒，細節(jié)精雕細琢得剛剛好，整體感覺如妹子形容那樣，甜美且精致，感興趣的同學挑個陽光燦爛的下午，把它臨摹出來吧，相信會學到很多。

最終效果

 

Photoshop的強大之處大家有目共睹，這回要給小伙伴們講講這個甜美可口的蛋糕是如何完成的。

寫在前面

軟件：ps cs4及以上，最好是英文版本;

1、源教程沒有詳細說明編組和圖層命名，以下兩圖僅供參考，小伙伴們學習時需要時刻注意編組和給圖層命名，以及創(chuàng)建剪貼蒙版;

 

 

2、本教程比較長，耐心做完哦。

一、蛋糕框架

 

Step 1

創(chuàng)建1000*1000px的畫布。

 

Step 2

打開素材文件夾下的草圖Sketch.jpg，單獨編組為”Sketch”。新建編組”Colors”，我們給這個蛋糕作品指定以下幾個顏色：1 – #f1d4af, 2 – #f7f1dc, 3 – #805841, 4 – #462513, 5 – #ff96af, 6 – #f55480, 7 – #a5c5c0, 8 – #c5e0dc，為方便后續(xù)重用，我們給顏色按照下圖排列。記住一定要設(shè)置哦，因為后面的色彩都按編號來~(可以把這些顏色制作成一套組合放在色板里面)

 

 

將”Sketch”組拉到圖層的最上方，設(shè)置草圖圖層的不透明度為10%，疊加模式為正片疊底Multiply，鎖定該組。在Colors和Sketch組中間新建蛋糕編組”Cake”。

 

Step 3

使用橢圓工具Ellipse Tool(U)在蛋糕草圖的頂部繪制一個橢圓，填充剛才制定的顏色#2，為后面方便找到，我們命名這個橢圓為頂部”Top”，并單獨編組”Top”。

 

 

 

在蛋糕底部同樣地繪制一個橢圓，填充顏色#3。新建編組身體”Body”。將該圖層拉倒該編組內(nèi)，將該編組拉到Top編組下：

 

 

 

 

選中底部橢圓圖層，選擇鋼筆工具Pen Tool(P)，點擊”合并形狀(+)”，cc里面如下圖，用鋼筆工具繪制蛋糕杯子般的身體。

 

 

 

 

Step 4

如圖創(chuàng)建一個新的形狀，顏色#1，并創(chuàng)建剪貼蒙版隱藏掉多余的部分。(創(chuàng)建時可以先拉輔助線，再用矩形工具繪制矩形，再用添加錨點工具添加中點，再調(diào)節(jié)彎曲度)命名為黃線”yellow body line”。

 

 

 

復制該圖層，用直接選擇工具(A)調(diào)節(jié)底部的三個錨點形成新的形狀，填充顏色#5。(如果擔心其他錨點也一起被調(diào)動，可以先隱藏其他圖層的可見性)命名為粉線”pink body line”。

 

 

 

 

Step 5

創(chuàng)建新組”Cream”，使用鋼筆工具(P)繪制頂部的冰激凌，并填充顏色#5。命名為頂部冰激凌”top cream”。

 

 

Step 6

新建編組蛋糕桌子”Cake stand”，同樣的，結(jié)合使用橢圓工具、鋼筆工具創(chuàng)建桌子。顏色代號標在各個箭頭旁的圓圈里參考圖se 使用土元工具激凌(，再用鋼筆8 – #c5e0dc.。(注意圖層順序)由上而下各自命名，按照你喜歡的命名方式來，方便后面尋找。

桌面

 

 

桌布

 

 

桌腳

 

 

 

 

 

 

復制最后一個橢圓并調(diào)整它的位置和大小。

 

 

使用鋼筆工具按下圖勾勒出完整的底部。

 

 

Step 7

回到身體編組”Body”，使用鋼筆工具創(chuàng)建如下褶邊形狀覆蓋蛋糕，顏色代號#2。為該圖層創(chuàng)建剪貼蒙版。命名為蛋糕褶邊” Candie Frill”。

 

 

保存文件，關(guān)掉文件重新打開(防止后面的步驟系統(tǒng)提示出錯)，選擇鋼筆工具(P)，選擇減去頂層形狀，cc如下圖，選中上個步驟繪制的圖層，繪制這些小孔。

 

 

 

 

Step 8

創(chuàng)建新組”Candies”，新建圖層，使用畫筆工具(B)設(shè)置大小為9px，硬邊，顏色編碼為#6，繪制壁面上的糖果顆粒。接著創(chuàng)建新圖層，改變顏色編碼為#5繪制頂部的糖果顆粒。自己命名圖層。

 

 

Step 9

變換到”Body”編組，在最上方新建圖層，改變畫筆顏色為#3，繪制巧克力”Body Cream”。(鋼筆工具勾勒會更快的!)

 

 

底部也來點巧克力”Bottom cream”，顏色編號#4。

 

 

二、潤色

Step 10

現(xiàn)在我們已經(jīng)把蛋糕的模型做好啦!可以隱藏草稿的可見性了。現(xiàn)在我們需要給蛋糕的兩邊添加一點陰影。在Body編組里面新建圖層，選擇畫筆工具，軟邊，顏色編號#4，沿著壁面兩邊上下繪制一些陰影”shadow”。隨后設(shè)置陰影圖層的不透明度為25%，疊加模式為正片疊底Multiply。

 

 

新建圖層，顏色改變?yōu)?2，在蛋糕的中間靠右部分繪制高光”highlight”，設(shè)置圖層的不透明度為20%，疊加模式為疊加Overly。

 

 

新建圖層，使用硬邊畫筆，顏色#4，不透明度20%，給褶邊和糖果繪制陰影。改圖層的疊加模式為正片疊底Multiply。

 

 

新建圖層，給往下滴的巧克力液滴添加陰影?？梢岳^續(xù)使用畫筆工具，不過我覺得直接復制、改變位置和顏色，改變不透明度會更快~

 

 

Step 11

現(xiàn)在需要修飾這些干巴巴的糖果啦~找到剛才繪制的糖果圖層，在其上面創(chuàng)建不同的圖層，如下用不同的顏色給糖果繪制高光。

 

 

 

同樣的，給流下的巧克力液滴繪制高光。

 

 

給上面的糖果繪制高光。

 

 

Step 12

回到Top編組，復制一層該橢圓，往上移2px，創(chuàng)建剪貼蒙版。選中原來的橢圓，改變顏色為亮黃色#fffbef。

 

 

Step 13

來到Cream編組，在冰激凌圖層上方新建圖層，修改疊加模式為正片疊底。使用柔軟的大畫筆，顏色#5,繪制冰激凌蛋糕頂部的陰影。記得創(chuàng)建剪貼蒙版。繪制完成后設(shè)置圖層不透明度為30%。

 

 

新建圖層，用#2繪制中間的高光部分。設(shè)置圖層疊加模式為疊加Overlay，不透明度30%。

 

 

嗯，更多的高光效果會更好的。(如果你覺得這些高光太光滑用畫筆不好拿捏，可以用鋼筆工具繪制路徑再填充顏色。再改變圖層不透明度。)

 

 

Step 14

現(xiàn)在咱們該在冰激凌的底部創(chuàng)建陰影了。按住ctrl/cmd后點擊top圖層創(chuàng)建選區(qū)，新建圖層，使用橢圓工具繪制如圖的橢圓，通過ctrl+t可以旋轉(zhuǎn)之，給該陰影填充#3。

 

 

改變圖層的不透明度為10%，疊加模式為正片疊底。

 

 

復制該圖層，ctrl+t改造之(如下圖)，設(shè)置不透明度為30%。

 

 

Step 15

使用硬邊畫筆工具，顏色#2，繪制條紋。設(shè)置該圖層的疊加模式為柔光Soft Light。(鋼筆工具更好玩呢)

 

 

 

Step 16

轉(zhuǎn)到”Cake stand”編組。選擇桌面橢圓復制一層，提高2px，創(chuàng)建剪貼蒙版，并給下面的橢圓換個亮一點的顏色。

 

 

Step 17

按住ctrl/cmd單擊上面的橢圓使得該圖層被選中，新建圖層，用橢圓工具繪制陰影，填充#3。之后改變不透明度為10%，疊加模式為正片疊底。

 

 

和上面一樣，復制一層該陰影，調(diào)整之，改變不透明度為20%。再復制一層，調(diào)整之，改變不透明度為30%。

 

 

使用顏色#8在陰影和桌面中間的圖層繪制新的橢圓，雙擊該圖層，設(shè)置圖層樣式添加如下所示的內(nèi)陰影。

 

 

Step 18

在桌布圖層的上方創(chuàng)建新圖層，改變圖層的混合模式為正片疊底。使用柔軟的筆刷顏色#7繪制如下陰影。繪制完成后設(shè)置圖層的不透明度為20%。

 

 

新建圖層使用顏色#2繪制高光。圖層疊加模式為疊加Overlay。適當調(diào)整不透明度使之融合于整體。

 

 

新建圖層用白色畫筆繪制高光底部更高光的部分。記得設(shè)置剪貼蒙版。設(shè)置不透明度為15%，圖層疊加模式為疊加Overlay。

 

 

給桌布的縫隙添加更多的陰影。使用#7，圖層不透明度15%，疊加模式正片疊底。

 

 

復制一層桌布圖層，往上提高2px，改變原來的圖層顏色為亮一點的顏色。創(chuàng)建更加真實的桌布效果。

 

 

嗯，在桌子邊緣、桌布邊緣用白色的畫筆繪制一些高光。適當調(diào)整不透明度以達到最佳效果。記得創(chuàng)建剪貼蒙版。

 

 

Step 19

選擇自定義形狀工具(U)，在形狀面板中點擊右上角設(shè)置按鈕→載入形狀，載入素材文件夾里面的rays.csh。

使用該形狀在”Cake stand”編組的最上層繪制圖形，移到中心，按ctrl+t自由變換，右擊選擇透視 Perspective，稍微把形狀上邊的長度縮短一些，體現(xiàn)出該圖層的透視感。為該圖層創(chuàng)建剪貼蒙版，疊加模式為柔光。為該圖層命名為”Rays”。

 

 

 

 

按住ctrl/cmd鍵，單擊最上方的桌面保證其被選中，ctrl+shift+I反選，后鼠標選擇Rays圖層，為之添加蒙版。

 

 

 

Step 20

在桌腳圖層的上面新建圖層，疊加模式改為正片疊底。用柔軟的筆刷，顏色#7繪制陰影。我這里用了兩個圖層創(chuàng)建靠近桌布的陰影和桌腳的陰影。把圖層的不透明度調(diào)小，一直到融入桌腳中顯示出桌腳的立體感。

 

 

陰影創(chuàng)建好后，繼續(xù)在其上方創(chuàng)建新圖層，圖層疊加模式為疊加Overly，用白色畫筆繪制高光。調(diào)整不透明度為30%。

 

 

使用同樣的方法給底部圓餅形狀添加陰影和高光。記得每次添加新內(nèi)容進去都要新建圖層。不再贅述。

 

 

Step 21

復制一層圓餅上層的橢圓，往上移2px，把原來的橢圓顏色改亮一些。在兩個橢圓中間新建圖層，創(chuàng)建剪貼蒙版，用白色畫筆繪制高光。圖層模式疊加，不透明度30%。自己命名圖層哦~

 

 

現(xiàn)在，給最上方的橢圓添加如下漸變疊加樣式。

 

 

和前面的步驟毫無二致地，給它來點陰影。

 

 

Step 22

在陰影的下面橢圓的上面創(chuàng)建一個放射形狀。取名Rays。通過變換和創(chuàng)建剪貼蒙版使其融合于圖層。

 

 

確保選中Rays圖層，按住ctrl/cmd點擊橢圓圖層創(chuàng)建橢圓選區(qū)，選擇→變換選區(qū)(select→Transform Selection)把選區(qū)縮小，后為Rays圖層添加蒙版。得到如下右圖的效果。

 

 

Step 23

現(xiàn)在我們要畫一些小點。如下圖所示，找到各個相應(yīng)的圖層，在圖層上新建圖層再用硬邊的畫筆選取相對應(yīng)的顏色畫點點。圖層疊加模式為正片疊底Multiply和疊加Overlay。

 

 

 

 

Step 24

復制一層粉色線往下移動幾像素，圖層拖到粉色圖層的下方，改變顏色為#6。記得創(chuàng)建剪貼蒙版。

 

 

Step 25

給桌子創(chuàng)建陰影。用#5c6967 創(chuàng)建幾個橢圓，和上面的方法毫無二致地繪制一些陰影，改變圖層的不透明度使其達到最佳效果。右下角是給該圖層添加7px的動感模糊濾鏡(濾鏡→模糊→動感模糊 Fliter→Blur→Motion→Blur)。

 

 

 

Step 26

給它來點噴濺效果。回到Cream編組，用橢圓工具繪制圓點，顏色用#ffc5ce，用鋼筆工具繪制噴濺液滴，顏色用#5。

 

 

任選一個噴濺液滴添加如下的內(nèi)陰影(inner shadow)樣式，然后復制這個樣式到所有的噴濺液滴和噴濺圓點上(按住alt，鼠標拖動樣式fx到需要該樣式的圖層上即可)。

 

 

和糖果的耀斑一樣，我們在兩個新的圖層上給這些噴濺繪制耀斑。顏色采用白色，設(shè)置圖層的疊加模式為柔光(soft light)，下層耀斑改變不透明度為50%。

 

 

三、背景

Step 27

現(xiàn)在我們已經(jīng)完成蛋糕部分的制作了!看上去帥呆了有木有!接下來就是給它來點合適的背景了!這么甜美的蛋糕，最好來個波點背景，新建文件吧→70x70px

 

 

背景顏色改為黑色，用橢圓工具繪制一個白色圓點，利用對齊面板使之與背景居中對齊，復制該圓點多次，調(diào)整位置得到如下效果。可以通過視圖> 顯示 > 智能參考線(view > Show > Smart Guides)來觀察移動時的對齊效果。做好后隱藏黑色背景，編輯>定義圖案(Edit > Define Pattern)把這些波點創(chuàng)建為圖案紋理。

 

 

回到蛋糕文件，在背景圖層的上方新建圖層，填充顏色#e3f6f3(藍白兩色，清純一生~)，雙擊之添加圖案疊加樣式如下：

 

 

四、桌面

Step 28

好了，制作桌面。用矩形工具(U)創(chuàng)建矩形，填充顏色#2，雙擊之添加如下的陰影(Drop shadow)、內(nèi)陰影(Inner shadow)和漸變疊加(Gradient Overlay)樣式。

 

 

 

 

Step 29

給桌面創(chuàng)建條紋。用矩形工具(U)繪制如圖矩形，顏色#1。選擇路徑選擇工具Path Selection Tool (A)選中該矩形，按住alt鍵和shift鍵橫向復制該條紋8次，后選中所有矩形路徑點擊”按寬度均勻分布按鈕”使其沿著水平同距平行分布。(選擇時為了防止其他之前繪制過的路徑也被選中，可以取消除這些矩形之外的編組圖層的可見性再選擇路徑)

 

 

 

 

 

 

Step 30

為該圖層添加蒙版，ctrl+t自由變換，選擇透視(Transform > Perspective)縮小上面兩點間的距離使之形成透視效果。

 

 

 

五、背景字體

Step 31

添加字體!首先安裝素材文件夾下的字體”Vtks black.ttf”，ca 和 ke單獨為兩層字體。字體大小 200~205pt，顏色#3?？梢詂trl+t旋轉(zhuǎn)之使效果最佳

 

 

為字體添加如下陰影(Drop shadow)和漸變疊加(Gradient Overlay)的樣式。

 

 

 

 

選中ca圖層，圖層→圖層樣式→創(chuàng)建圖層(如下圖)將ca圖層的樣式和字體分開來。(或者可以把鼠標放在圖層面板相應(yīng)樣式上，右擊點擊”創(chuàng)建圖層”)

 

 

 

 

選中ca的投影樣式圖層，為其添加如下投影效果(記得在混合樣式面板勾選選”透明形狀圖層(T)”項)，為ka字體也執(zhí)行該分離樣式圖層再加投影樣式的操作：

 

 

 

 

最后一步!在字體上面新建圖層，疊加模式為疊加Overly，選擇畫筆工具，硬邊，白色，繪制小圓點：