Photoshop繪制可愛的藍(lán)色立體Twitter小鳥圖標(biāo)
PS夢(mèng)工廠 發(fā)布時(shí)間:2013-04-19 11:26:25 作者:PS夢(mèng)工廠
我要評(píng)論

今天我們給大家?guī)淼腜S教程是如何在Photoshop中創(chuàng)建一只可愛的Twitter小鳥,這是一篇專注icon設(shè)計(jì)細(xì)節(jié)的精品教程,喜歡的朋友可以一起來學(xué)習(xí)。
先看看效果圖

第1步:
新建一個(gè)PSD文件,尺寸為800×600px。使用橢圓工具,按住Shift鍵繪制出一個(gè)正圓形,顏色設(shè)置為##0099FF。

按住Alt+Shift鍵向下拖動(dòng)圓形,我們會(huì)在垂直方向上復(fù)制出另一個(gè)圓作為小鳥的身體。 執(zhí)行Ctrl+T對(duì)下面的圓形進(jìn)行變換,將其調(diào)整為下圖的形狀。

選擇直接選擇工具,對(duì)下面的圓形進(jìn)行調(diào)節(jié),使頭部與身體完整地結(jié)合起來。

按Ctrl+E將身體與頭部形狀進(jìn)行合并(CS6新增功能)。
第2步:
同樣利用橢圓工具繪制兩個(gè)橢圓形作為小鳥眼睛的輪廓。

然后利用鋼筆工具繪制小鳥的頭發(fā)??梢韵壤L制一個(gè),然后復(fù)制后對(duì)其簡(jiǎn)單變形即可。

用橢圓工具在眼睛中繪制兩個(gè)正圓,顏色填充為#5d3a14。

第3步:
接下來繪制小鳥尾巴的羽毛部分:選擇圓角矩形工具,將半徑設(shè)為30px,繪制一個(gè)圓角矩形。然后用直接選擇工具選取上方的三個(gè)錨點(diǎn),執(zhí)行Ctrl+T,將大小調(diào)整為原來的60%,即可形成羽毛的形狀。

將羽毛形狀復(fù)制三份,調(diào)整好角度與位置,創(chuàng)建出尾巴的形狀。

Ctrl+E將幾個(gè)羽毛形狀進(jìn)行合并,然后Ctrl+T將其壓扁一些。

第4步:
在眼睛下方用橢圓工具繪制嘴部,顏色填充為#fcbd00。

利用直接選擇工具調(diào)整錨點(diǎn)將嘴巴繪制出悲傷的表情。

第5步:
接下來利用圓角矩形工具創(chuàng)建幾個(gè)形狀,排列成爪子的形狀。然后復(fù)制出另外一只爪子。

第6步:
利用鋼筆工具繪制出一個(gè)卷曲的樹干。之后可以使用直接選擇工具將樹干調(diào)整圓滑一些,當(dāng)然前提是你對(duì)鋼筆工具與路徑要有基本的了解。(這里有個(gè)技巧:在使用鋼筆工具的“形狀”模式時(shí),往往會(huì)有大片的顏色遮蓋住下方的圖像,我們可以先將圖層的不透明度調(diào)整為0,繪制完后再調(diào)回來即可。)

利用路徑選擇工具選取剛才創(chuàng)建的路徑,按住Alt鍵將其復(fù)制一份,然后再用鋼筆工具將兩端開放的路徑閉合。用直接選擇工具調(diào)整較粗的樹干部分。



第7步:
用鋼筆工具繪制出手部,也可以先用橢圓工具先畫個(gè)橢圓后再利用直接選擇工具對(duì)齊進(jìn)行調(diào)整。當(dāng)你想調(diào)整某個(gè)錨點(diǎn)的角度時(shí),按住Alt鍵拖動(dòng)錨點(diǎn)的手柄即可創(chuàng)建出銳利的拐角。

用路徑選擇工具復(fù)制幾份并單獨(dú)進(jìn)行調(diào)整,形成疊在一起的手指的形狀。

將這些手指再?gòu)?fù)制一份,Ctrl+T,右鍵選擇水平翻轉(zhuǎn),創(chuàng)建出另一只手。

第8步:
用鋼筆工具繪制出胳膊部分。

第9步:
接下來繪制淚珠??梢韵扔脵E圓工具創(chuàng)建一個(gè)圓形,然后選擇最上方的錨點(diǎn)向上拖動(dòng),最后用轉(zhuǎn)換點(diǎn)工具將其轉(zhuǎn)換為銳利的拐角即可。

第10步:
大體形狀已繪制完成,接下來我們繼續(xù)添加圖層樣式使圖像更有立體感與細(xì)節(jié)。 我們首先為身體部分添加內(nèi)陰影樣式。參數(shù)設(shè)置如下:

由于身體部分色調(diào)的改變,頭發(fā)的顏色顯得很不協(xié)調(diào),將其重新填充為距其最近的身體部分的顏色。

第11步:
下面進(jìn)行眼睛部分的調(diào)整。雙擊眼睛圖層,為其添加漸變疊加圖層樣式,參數(shù)設(shè)置如下:

繼續(xù)添加內(nèi)陰影樣式,在眼睛下部有從場(chǎng)景中反光的感覺。

為使眼睛邊緣亮起來,我們?yōu)槠涮砑觾?nèi)發(fā)光樣式。

再添加斜面和浮雕樣式以及描邊樣式,使眼睛更有立體感。


再為眼睛添加外發(fā)光樣式。淡淡的外發(fā)光可以使眼睛的邊緣看起來更加柔和。

最后為眼睛添加投影,以使眼睛有凸起的效果。

第12步:
接下來我們對(duì)眼球部分進(jìn)行處理。
首先利用內(nèi)陰影樣式在眼球中間創(chuàng)建一個(gè)深色的眼珠。

為其添加漸變疊加。

繼續(xù)添加內(nèi)陰影樣式使眼球下部呈現(xiàn)反光的樣子。

再添加投影樣式。(小技巧:內(nèi)陰影與投影也可以創(chuàng)建高光,內(nèi)發(fā)光與外發(fā)光也可以創(chuàng)建陰影。)

用橢圓工具創(chuàng)建一個(gè)白色的圓形,然后拖動(dòng)下方的錨點(diǎn),把整個(gè)形狀調(diào)整為眼球的反光形狀。

添加漸變疊加來使其變成透明。

添加內(nèi)陰影樣式,使眼睛看上去更加通透。

第13步:
下面對(duì)頭發(fā)進(jìn)行處理。按住Ctrl鍵點(diǎn)擊頭發(fā)圖層的縮略圖,建立頭發(fā)的選區(qū)。
選中矩形選框工具,將選區(qū)向右移動(dòng)一段距離。新建一個(gè)空白圖層,用10%不透明度的黑色畫筆繪制出頭發(fā)的陰影部分。

用橡皮將多余部分擦除。

用同樣方法繪制出另一根頭發(fā)的陰影部分。
第14步:
下面來調(diào)整嘴部區(qū)域:
首先為嘴部添加投影樣式,使其更有立體感。

然后添加內(nèi)陰影樣式來創(chuàng)建高光區(qū)域。

添加內(nèi)發(fā)光樣式使邊緣更加清晰。

在嘴上繪制兩個(gè)很小的圓形,將圖層不透明度設(shè)置為30%,為其添加投影樣式。

第15步:
接下來對(duì)淚珠進(jìn)行處理。先為其添加一個(gè)漸變疊加樣式。

然后添加內(nèi)陰影。使其看上去晶瑩剔透一些。

再添加投影樣式。

第16步:
接下來處理一下爪子部分。先來個(gè)內(nèi)陰影,使爪子看上去有立體感一些。

然后添加內(nèi)發(fā)光樣式。

第17步:
該尾巴的處理了。先將尾巴圖層調(diào)到身體圖層的下方。然后添加漸變疊加樣式。

添加深一些的描邊。

第18步:
再來調(diào)整一下樹干部分。為樹干圖層添加斜面和浮雕樣式。

添加內(nèi)陰影樣式,使樹干下方看上去有反光的效果。

第19步:
接下來處理胳膊部分。將左胳膊復(fù)制一層,水平翻轉(zhuǎn)形成右胳膊。然后為其添加斜面和浮雕樣式。

將混合選項(xiàng)中的圖層蒙版隱藏效果勾選上,這樣在圖層樣式就不會(huì)因?yàn)槭褂脠D層蒙版而改變輪廓大小了。(小技巧:當(dāng)你在為圖層樣式因?yàn)榧恿藞D層蒙版而不聽使喚時(shí),拿出這個(gè)絕招吧!)

為胳膊圖層添加圖層蒙版,利用黑色畫筆在蒙版上繪制,擦去想要隱藏的部分。

將胳膊圖層復(fù)制一層,命名為陰影,移動(dòng)到胳膊圖層的下方,Ctrl+T使用自由變換工具調(diào)整其透視。

然后執(zhí)行濾鏡>模糊>高斯模糊命令。

調(diào)整陰影圖層的不透明度,并創(chuàng)建一個(gè)圖層蒙版,用黑色畫筆在蒙版上繪制,使陰影更加柔和。

第20步:
接下來調(diào)整剛開始創(chuàng)建好的手指形狀。先為手指形狀添加投影。

然后添加斜面和浮雕樣式。

再添加內(nèi)陰影樣式。

繼續(xù)添加內(nèi)發(fā)光樣式。

用路徑選擇工具選取一個(gè)手指路徑,切換到路徑面板,點(diǎn)擊下方的“將路徑作為選取載入”按鈕,將其轉(zhuǎn)換為選區(qū)。

在手指上方新建一層,利用黑色畫筆涂抹出陰影。

執(zhí)行選擇>修改>收縮命令,將選區(qū)收縮1像素,然后刪除掉選區(qū)中的內(nèi)容。

利用相同方法創(chuàng)建好手指的其他陰影部分。

第21步:
選擇身體圖層,按住Ctrl鍵點(diǎn)擊圖層縮略圖建立選區(qū)。

執(zhí)行選擇>修改>收縮命令,將選區(qū)收縮5-6像素。

執(zhí)行選擇>修改>羽化命令,將選區(qū)羽化2-3像素。

現(xiàn)在選區(qū)有了已經(jīng)被羽化的柔和邊緣,在身體圖層上方新建一層,將圖層混合模式修改為疊加,然后用白色的大號(hào)畫筆在眼睛上方區(qū)域繪制出高光部分。

再新建一層,用白色畫筆在邊緣處涂抹來創(chuàng)建邊緣的亮部。

然后執(zhí)行選擇>修改>收縮命令,將選區(qū)收縮2-3像素后刪除掉選區(qū)內(nèi)的內(nèi)容。Ctrl+D取消選區(qū)。

第22步:
最后添加背景與自己喜歡的文字,一只可愛的小鳥便躍然紙上了!你做完了嗎?期待你的結(jié)果哦~

第1步:
新建一個(gè)PSD文件,尺寸為800×600px。使用橢圓工具,按住Shift鍵繪制出一個(gè)正圓形,顏色設(shè)置為##0099FF。

按住Alt+Shift鍵向下拖動(dòng)圓形,我們會(huì)在垂直方向上復(fù)制出另一個(gè)圓作為小鳥的身體。 執(zhí)行Ctrl+T對(duì)下面的圓形進(jìn)行變換,將其調(diào)整為下圖的形狀。

選擇直接選擇工具,對(duì)下面的圓形進(jìn)行調(diào)節(jié),使頭部與身體完整地結(jié)合起來。

按Ctrl+E將身體與頭部形狀進(jìn)行合并(CS6新增功能)。
第2步:
同樣利用橢圓工具繪制兩個(gè)橢圓形作為小鳥眼睛的輪廓。

然后利用鋼筆工具繪制小鳥的頭發(fā)??梢韵壤L制一個(gè),然后復(fù)制后對(duì)其簡(jiǎn)單變形即可。

用橢圓工具在眼睛中繪制兩個(gè)正圓,顏色填充為#5d3a14。

第3步:
接下來繪制小鳥尾巴的羽毛部分:選擇圓角矩形工具,將半徑設(shè)為30px,繪制一個(gè)圓角矩形。然后用直接選擇工具選取上方的三個(gè)錨點(diǎn),執(zhí)行Ctrl+T,將大小調(diào)整為原來的60%,即可形成羽毛的形狀。

將羽毛形狀復(fù)制三份,調(diào)整好角度與位置,創(chuàng)建出尾巴的形狀。

Ctrl+E將幾個(gè)羽毛形狀進(jìn)行合并,然后Ctrl+T將其壓扁一些。

第4步:
在眼睛下方用橢圓工具繪制嘴部,顏色填充為#fcbd00。

利用直接選擇工具調(diào)整錨點(diǎn)將嘴巴繪制出悲傷的表情。

第5步:
接下來利用圓角矩形工具創(chuàng)建幾個(gè)形狀,排列成爪子的形狀。然后復(fù)制出另外一只爪子。

第6步:
利用鋼筆工具繪制出一個(gè)卷曲的樹干。之后可以使用直接選擇工具將樹干調(diào)整圓滑一些,當(dāng)然前提是你對(duì)鋼筆工具與路徑要有基本的了解。(這里有個(gè)技巧:在使用鋼筆工具的“形狀”模式時(shí),往往會(huì)有大片的顏色遮蓋住下方的圖像,我們可以先將圖層的不透明度調(diào)整為0,繪制完后再調(diào)回來即可。)

利用路徑選擇工具選取剛才創(chuàng)建的路徑,按住Alt鍵將其復(fù)制一份,然后再用鋼筆工具將兩端開放的路徑閉合。用直接選擇工具調(diào)整較粗的樹干部分。



第7步:
用鋼筆工具繪制出手部,也可以先用橢圓工具先畫個(gè)橢圓后再利用直接選擇工具對(duì)齊進(jìn)行調(diào)整。當(dāng)你想調(diào)整某個(gè)錨點(diǎn)的角度時(shí),按住Alt鍵拖動(dòng)錨點(diǎn)的手柄即可創(chuàng)建出銳利的拐角。

用路徑選擇工具復(fù)制幾份并單獨(dú)進(jìn)行調(diào)整,形成疊在一起的手指的形狀。

將這些手指再?gòu)?fù)制一份,Ctrl+T,右鍵選擇水平翻轉(zhuǎn),創(chuàng)建出另一只手。

第8步:
用鋼筆工具繪制出胳膊部分。

第9步:
接下來繪制淚珠??梢韵扔脵E圓工具創(chuàng)建一個(gè)圓形,然后選擇最上方的錨點(diǎn)向上拖動(dòng),最后用轉(zhuǎn)換點(diǎn)工具將其轉(zhuǎn)換為銳利的拐角即可。

第10步:
大體形狀已繪制完成,接下來我們繼續(xù)添加圖層樣式使圖像更有立體感與細(xì)節(jié)。 我們首先為身體部分添加內(nèi)陰影樣式。參數(shù)設(shè)置如下:

由于身體部分色調(diào)的改變,頭發(fā)的顏色顯得很不協(xié)調(diào),將其重新填充為距其最近的身體部分的顏色。

第11步:
下面進(jìn)行眼睛部分的調(diào)整。雙擊眼睛圖層,為其添加漸變疊加圖層樣式,參數(shù)設(shè)置如下:

繼續(xù)添加內(nèi)陰影樣式,在眼睛下部有從場(chǎng)景中反光的感覺。

為使眼睛邊緣亮起來,我們?yōu)槠涮砑觾?nèi)發(fā)光樣式。

再添加斜面和浮雕樣式以及描邊樣式,使眼睛更有立體感。


再為眼睛添加外發(fā)光樣式。淡淡的外發(fā)光可以使眼睛的邊緣看起來更加柔和。

最后為眼睛添加投影,以使眼睛有凸起的效果。

第12步:
接下來我們對(duì)眼球部分進(jìn)行處理。
首先利用內(nèi)陰影樣式在眼球中間創(chuàng)建一個(gè)深色的眼珠。

為其添加漸變疊加。

繼續(xù)添加內(nèi)陰影樣式使眼球下部呈現(xiàn)反光的樣子。

再添加投影樣式。(小技巧:內(nèi)陰影與投影也可以創(chuàng)建高光,內(nèi)發(fā)光與外發(fā)光也可以創(chuàng)建陰影。)

用橢圓工具創(chuàng)建一個(gè)白色的圓形,然后拖動(dòng)下方的錨點(diǎn),把整個(gè)形狀調(diào)整為眼球的反光形狀。

添加漸變疊加來使其變成透明。

添加內(nèi)陰影樣式,使眼睛看上去更加通透。

第13步:
下面對(duì)頭發(fā)進(jìn)行處理。按住Ctrl鍵點(diǎn)擊頭發(fā)圖層的縮略圖,建立頭發(fā)的選區(qū)。
選中矩形選框工具,將選區(qū)向右移動(dòng)一段距離。新建一個(gè)空白圖層,用10%不透明度的黑色畫筆繪制出頭發(fā)的陰影部分。

用橡皮將多余部分擦除。

用同樣方法繪制出另一根頭發(fā)的陰影部分。
第14步:
下面來調(diào)整嘴部區(qū)域:
首先為嘴部添加投影樣式,使其更有立體感。

然后添加內(nèi)陰影樣式來創(chuàng)建高光區(qū)域。

添加內(nèi)發(fā)光樣式使邊緣更加清晰。

在嘴上繪制兩個(gè)很小的圓形,將圖層不透明度設(shè)置為30%,為其添加投影樣式。

第15步:
接下來對(duì)淚珠進(jìn)行處理。先為其添加一個(gè)漸變疊加樣式。

然后添加內(nèi)陰影。使其看上去晶瑩剔透一些。

再添加投影樣式。

第16步:
接下來處理一下爪子部分。先來個(gè)內(nèi)陰影,使爪子看上去有立體感一些。

然后添加內(nèi)發(fā)光樣式。

第17步:
該尾巴的處理了。先將尾巴圖層調(diào)到身體圖層的下方。然后添加漸變疊加樣式。

添加深一些的描邊。

第18步:
再來調(diào)整一下樹干部分。為樹干圖層添加斜面和浮雕樣式。

添加內(nèi)陰影樣式,使樹干下方看上去有反光的效果。

第19步:
接下來處理胳膊部分。將左胳膊復(fù)制一層,水平翻轉(zhuǎn)形成右胳膊。然后為其添加斜面和浮雕樣式。

將混合選項(xiàng)中的圖層蒙版隱藏效果勾選上,這樣在圖層樣式就不會(huì)因?yàn)槭褂脠D層蒙版而改變輪廓大小了。(小技巧:當(dāng)你在為圖層樣式因?yàn)榧恿藞D層蒙版而不聽使喚時(shí),拿出這個(gè)絕招吧!)

為胳膊圖層添加圖層蒙版,利用黑色畫筆在蒙版上繪制,擦去想要隱藏的部分。

將胳膊圖層復(fù)制一層,命名為陰影,移動(dòng)到胳膊圖層的下方,Ctrl+T使用自由變換工具調(diào)整其透視。

然后執(zhí)行濾鏡>模糊>高斯模糊命令。

調(diào)整陰影圖層的不透明度,并創(chuàng)建一個(gè)圖層蒙版,用黑色畫筆在蒙版上繪制,使陰影更加柔和。

第20步:
接下來調(diào)整剛開始創(chuàng)建好的手指形狀。先為手指形狀添加投影。

然后添加斜面和浮雕樣式。

再添加內(nèi)陰影樣式。

繼續(xù)添加內(nèi)發(fā)光樣式。

用路徑選擇工具選取一個(gè)手指路徑,切換到路徑面板,點(diǎn)擊下方的“將路徑作為選取載入”按鈕,將其轉(zhuǎn)換為選區(qū)。

在手指上方新建一層,利用黑色畫筆涂抹出陰影。

執(zhí)行選擇>修改>收縮命令,將選區(qū)收縮1像素,然后刪除掉選區(qū)中的內(nèi)容。

利用相同方法創(chuàng)建好手指的其他陰影部分。

第21步:
選擇身體圖層,按住Ctrl鍵點(diǎn)擊圖層縮略圖建立選區(qū)。

執(zhí)行選擇>修改>收縮命令,將選區(qū)收縮5-6像素。

執(zhí)行選擇>修改>羽化命令,將選區(qū)羽化2-3像素。

現(xiàn)在選區(qū)有了已經(jīng)被羽化的柔和邊緣,在身體圖層上方新建一層,將圖層混合模式修改為疊加,然后用白色的大號(hào)畫筆在眼睛上方區(qū)域繪制出高光部分。

再新建一層,用白色畫筆在邊緣處涂抹來創(chuàng)建邊緣的亮部。

然后執(zhí)行選擇>修改>收縮命令,將選區(qū)收縮2-3像素后刪除掉選區(qū)內(nèi)的內(nèi)容。Ctrl+D取消選區(qū)。

第22步:
最后添加背景與自己喜歡的文字,一只可愛的小鳥便躍然紙上了!你做完了嗎?期待你的結(jié)果哦~

相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30