ps鼠繪卡通蛋糕教程(5)

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

教程素材：http://pan.baidu.com/s/1bnBvm5T

最終效果

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

寫(xiě)在前面

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

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

2、本教程比較長(zhǎng)，耐心做完哦。

一、蛋糕框架

Step 1

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

Step 2

打開(kāi)素材文件夾下的草圖Sketch.jpg，單獨(dú)編組為”Sketch”。新建編組”Colors”，我們給這個(gè)蛋糕作品指定以下幾個(gè)顏色：1 – #f1d4af, 2 – #f7f1dc, 3 – #805841, 4 – #462513, 5 – #ff96af, 6 – #f55480, 7 – #a5c5c0, 8 – #c5e0dc，為方便后續(xù)重用，我們給顏色按照下圖排列。記住一定要設(shè)置哦，因?yàn)楹竺娴纳识及淳幪?hào)來(lái)~(可以把這些顏色制作成一套組合放在色板里面)

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

Step 3

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

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

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

Step 4

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

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

Step 5

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

Step 6

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

桌面

桌布

桌腳

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

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

Step 7

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

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

Step 8

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

Step 9

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

底部也來(lái)點(diǎn)巧克力”Bottom cream”，顏色編號(hào)#4。

二、潤(rùn)色

Step 10

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

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

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

新建圖層，給往下滴的巧克力液滴添加陰影。可以繼續(xù)使用畫(huà)筆工具，不過(guò)我覺(jué)得直接復(fù)制、改變位置和顏色，改變不透明度會(huì)更快~

Step 11

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

 

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

給上面的糖果繪制高光。

Step 12

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

Step 13

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

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

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

Step 14

現(xiàn)在咱們?cè)撛诒ち璧牡撞縿?chuàng)建陰影了。按住ctrl/cmd后點(diǎn)擊top圖層創(chuàng)建選區(qū)，新建圖層，使用橢圓工具繪制如圖的橢圓，通過(guò)ctrl+t可以旋轉(zhuǎn)之，給該陰影填充#3。

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

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

Step 15

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

 

Step 16

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

Step 17

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

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

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

Step 18

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

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

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

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

復(fù)制一層桌布圖層，往上提高2px，改變?cè)瓉?lái)的圖層顏色為亮一點(diǎn)的顏色。創(chuàng)建更加真實(shí)的桌布效果。

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

Step 19

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

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

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

 

Step 20

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

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

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

Step 21

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

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

和前面的步驟毫無(wú)二致地，給它來(lái)點(diǎn)陰影。

Step 22

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

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

Step 23

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

Step 24

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

Step 25

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

 

Step 26

給它來(lái)點(diǎn)噴濺效果�；氐紺ream編組，用橢圓工具繪制圓點(diǎn)，顏色用#ffc5ce，用鋼筆工具繪制噴濺液滴，顏色用#5。

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

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

三、背景

Step 27

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

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

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

四、桌面

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鍵橫向復(fù)制該條紋8次，后選中所有矩形路徑點(diǎn)擊”按寬度均勻分布按鈕”使其沿著水平同距平行分布。(選擇時(shí)為了防止其他之前繪制過(guò)的路徑也被選中，可以取消除這些矩形之外的編組圖層的可見(jiàn)性再選擇路徑)

Step 30

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

 

五、背景字體

Step 31

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

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

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

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

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

大功告成。