PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

編者按:你的鋼筆功力過關(guān)了木有?今天這個教程,有大量細(xì)節(jié)要運用到鋼筆工具,不熟悉的同學(xué)可以拿來練手,自信鋼筆工具熟稔的同學(xué)來試一下難度,教程界面全中文,英語捉急的同學(xué)也可以輕松完成咯,來試試唄。

教程源文件PSD ?微盤下載

第1步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

按Ctrl+E將身體與頭部形狀進(jìn)行合并(CS6新增功能)。

第2步:

同樣利用橢圓工具繪制兩個橢圓形作為小鳥眼睛的輪廓。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

然后利用鋼筆工具繪制小鳥的頭發(fā)。可以先繪制一個,然后復(fù)制后對其簡單變形即可。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第3步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第4步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第5步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第6步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第7步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第8步:

用鋼筆工具繪制出胳膊部分。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第9步:

接下來繪制淚珠。可以先用橢圓工具創(chuàng)建一個圓形,然后選擇最上方的錨點向上拖動,最后用轉(zhuǎn)換點工具將其轉(zhuǎn)換為銳利的拐角即可。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第10步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第11步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第12步:

接下來我們對眼球部分進(jìn)行處理。

首先利用內(nèi)陰影樣式在眼球中間創(chuàng)建一個深色的眼珠。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

為其添加漸變疊加。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第13步:

下面對頭發(fā)進(jìn)行處理。按住Ctrl鍵點擊頭發(fā)圖層的縮略圖,建立頭發(fā)的選區(qū)。

選中矩形選框工具,將選區(qū)向右移動一段距離。新建一個空白圖層,用10%不透明度的黑色畫筆繪制出頭發(fā)的陰影部分。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

用橡皮將多余部分擦除。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

用同樣方法繪制出另一根頭發(fā)的陰影部分。

第14步:

下面來調(diào)整嘴部區(qū)域:

首先為嘴部添加投影樣式,使其更有立體感。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第15步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

再添加投影樣式。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第16步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第17步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

添加深一些的描邊。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第18步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第19步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

將混合選項中的圖層蒙版隱藏效果勾選上,這樣在圖層樣式就不會因為使用圖層蒙版而改變輪廓大小了。(小技巧:當(dāng)你在為圖層樣式因為加了圖層蒙版而不聽使喚時,拿出這個絕招吧!)

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第20步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第21步:

選擇身體圖層,按住Ctrl鍵點擊圖層縮略圖建立選區(qū)。

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

第22步:

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

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

圖標(biāo)精品教程強烈推薦!

新手教程!云朵效果就這么做!
《PS新手教程!手把手教你用PS創(chuàng)建晶瑩剔透的云朵》

中級教程!復(fù)古書本圖標(biāo)繪制!
《PS中級教程!教你利用PS繪制精美的復(fù)古書本圖標(biāo)》

高手教程!牛皮質(zhì)感的通訊簿圖標(biāo)!
《PS教程!手把手教你打造復(fù)古的牛皮質(zhì)感通訊簿圖標(biāo)》

原文地址:shejipai
uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計微博:擁有粉絲量82萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS高級教程!手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)

收藏
點贊

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。