當前位置:首頁>ps實例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

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

來源:優(yōu)設 作者:寫說說 學習:10447人次

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

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

最終效果

Photoshop繪制甜美精致的蛋糕教程

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

寫在前面

軟件:ps cs4及以上,最好是英文版本;

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

一、蛋糕框架

Photoshop繪制甜美精致的蛋糕教程

Step 1

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

Photoshop繪制甜美精致的蛋糕教程

Step 2

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 3

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Step 4

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Step 5

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

Photoshop繪制甜美精致的蛋糕教程

Step 6

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

桌面

Photoshop繪制甜美精致的蛋糕教程

桌布

Photoshop繪制甜美精致的蛋糕教程

桌腳

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 7

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Step 8

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

Photoshop繪制甜美精致的蛋糕教程

Step 9

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

二、潤色

Step 10

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 11

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

Photoshop繪制甜美精致的蛋糕教程

 

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

Photoshop繪制甜美精致的蛋糕教程

給上面的糖果繪制高光。

Photoshop繪制甜美精致的蛋糕教程

Step 12

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Step 13

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 14

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 15

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

Photoshop繪制甜美精致的蛋糕教程

 

Step 16

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

Photoshop繪制甜美精致的蛋糕教程

Step 17

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 18

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 19

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

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

 

Step 20

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 21

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 22

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Step 23

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Step 24

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

Photoshop繪制甜美精致的蛋糕教程

Step 25

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

Photoshop繪制甜美精致的蛋糕教程

 

Step 26

給它來點噴濺效果;氐紺ream編組,用橢圓工具繪制圓點,顏色用#ffc5ce,用鋼筆工具繪制噴濺液滴,顏色用#5。

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

三、背景

Step 27

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

四、桌面

Step 28

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Step 29

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

Step 30

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

Photoshop繪制甜美精致的蛋糕教程

 

五、背景字體

Step 31

添加字體!首先安裝素材文件夾下的字體”Vtks black.ttf”,ca 和 ke單獨為兩層字體。字體大小 200~205pt,顏色#3。可以ctrl+t旋轉之使效果最佳

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

Photoshop繪制甜美精致的蛋糕教程

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

Photoshop繪制甜美精致的蛋糕教程

大功告成。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!