二維碼 購物車
部落窩在線教育歡迎您!

PS教程-小丑icon教程

?

作者:小C來源:部落窩教育發(fā)布時間:2017-11-30 10:39:52點擊:2228

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 網(wǎng)絡(luò)作品,轉(zhuǎn)載請注明原作者和出處。
編按:
明亮的色彩加上夸張的造型,這個簡單的小丑icon放在UI里面那肯定是鶴立雞群。運用圖層樣式中的漸變和投影,再用白色畫出五官和帽子就完成了。教程淺顯易懂,適合PS初學(xué)者學(xué)習(xí)。

哇咔咔,今天的教程要教大家畫一枚小丑icon,希望大家就算遇到天大的事兒都要像小丑一樣樂觀的大笑。準備好了沒?我們開始咯~


先看個最后的效果圖吧




1、讓我們先新建一個 400*400 的畫布



2、用“橢圓工具” 畫出一個  260*260 的圓形,并給這個圖層添加上一個“漸變疊加”的圖層樣式,漸變的顏色分別為 #fda912、#fbe300;





1、使用“圓角矩形工具”畫出一個大小為 108*120 ,圓角為50px的圓角矩形作為小丑的臉,將此圖層命名為“臉”。



2、給小丑的臉添加一個“漸變疊加”效果,其漸變顏色為 #ff9900 到 #fcce07。同時再給它添加一個“投影”效果投影顏色為 #f79501;





1、按住shift鍵,使用“矩形工具”畫出正方形 ,再將它旋轉(zhuǎn)45°。為其填充顏色 #fcf8e3,并將此圖層命名為帽子。

2、使用“路徑選擇工具” 選中“帽子”圖層中的矩形路徑。切換成“橢圓工具”,按住shift和 alt 畫出一個 正圓,再使用“路徑選擇工具” 移動調(diào)整出帽子的形狀。


2、為“帽子”圖層添加一個“投影”效果,投影顏色為 #f79501;





1、用橢圓工具畫出一個 30*30 圓形,將其填充顏色 #fcf8e3 使用 “路徑選擇工具”選中剛剛畫好的圓ctrl+c 復(fù)制 ctrl+v 粘貼將復(fù)制出來的圓調(diào)整到合適的位置,重復(fù)上述步驟再復(fù)制出三個圓。

2、使用“路徑選擇工具”選中上述中的所有圓,按住shift鍵,使用“圓角矩形工具” 畫出一個 64*74 圓角為 5px 的圓角矩形,調(diào)整到合適的位置,將這個圖層命名為頭發(fā),并移動圖層到小丑的臉的下面。


3、選擇“頭發(fā)”圖層 按住 ctrl+j 復(fù)制一個圖層,按住 ctrl+t 單擊右鍵選擇“水平翻轉(zhuǎn)”,將復(fù)制的“頭發(fā)”圖層移動到臉的另一邊。





1、使用“橢圓工具”畫出一個橢圓,使用“直接選擇工具” 選中橢圓最上方的錨點,向下移動。



2、復(fù)制上述步驟中的圖層,使用 “路徑選擇工具” 選中圖層中的路徑將選中的路徑復(fù)制一個出來,并將它放大,選擇“減去頂層形狀”運算,給得到的圖形填充顏色 #f8b10a;



3、給上一部的圖層添加一個內(nèi)陰影,陰影顏色為 #f79501;





1、使用“矩形工具”畫出一個矩形,將得到的矩形旋轉(zhuǎn)45度,使用 “直接選擇工具”將左右兩錨點向里移動4px,再將得到的菱形復(fù)制一個旋轉(zhuǎn)90度,這樣小丑的眼睛也就畫好了。

2、使用“橢圓工具”畫出一個30*30的圓形,填充上顏色 #fcf8e3,當作小丑的鼻子,現(xiàn)在為止我們的小丑icon就完成啦~

原文:小丑icon教程[PS教程]
作者:小C
出處:http://www.xueui.cn/tutorials/xiaochou-icon.html