Photoshop繪制可愛的藍色立體Twitter小鳥圖標
PS夢工廠 發(fā)布時間:2013-04-19 11:26:25 作者:PS夢工廠
我要評論
今天我們給大家?guī)淼腜S教程是如何在Photoshop中創(chuàng)建一只可愛的Twitter小鳥,這是一篇專注icon設計細節(jié)的精品教程,喜歡的朋友可以一起來學習。
先看看效果圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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


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

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

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

為其添加漸變疊加。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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


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

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

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

為其添加漸變疊加。

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

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

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

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




