當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

如何在Adobe Illustrator中創(chuàng)建表情符號圖標(biāo)集

2018-07-16 2040 11

讓我們開始吧!先來感受下:

6e645773a6740000012e7e5346a8.jpg


 


 


 


 


 

b4095773a68b0000012e7e0a107b.jpg


 

詳細(xì)步驟正式開始:


 


 


 

c7bb5773988f0000018c1bab618b.jpg


 


 

步驟1

創(chuàng)建一個60 px 60 px,RGB文件。

bd425773987e0000012e7ef7d21e.jpg


 

步驟2

選擇橢圓工具(L),創(chuàng)建一個40×40像素形狀,R = 255,G = 222,B = 23。


 

e779577398cf0000018c1bf8550b.jpg


 

步驟3

選擇在前面的步驟中創(chuàng)建的形狀并確保它的畫板放在中間。


 

37ab577399020000012e7e1c2758.jpg


 

步驟4

禁用對齊網(wǎng)格,復(fù)制一層,移動0.5px,用白色填充切出的形狀。


 

0c0d577399d10000012e7e0a7333.jpg


 

步驟5

啟用對齊網(wǎng)格。重新選擇黃色的圓圈去外觀面板。選擇這個新填充,降低透明度為75%,填充如下圖所示的線性漸變。1pt寬,對齊,它的顏色設(shè)置為R = 237,G = 147,B = 39。

黃色的“0”代表不透明度百分比。 這意味著您需要選擇梯度滑塊,降低不透明度到0%。 


 

76ff57739abe0000012e7e5b2bb7.jpg


 

步驟6

重新選擇前面的形狀編輯。 進(jìn)入外觀面板,選擇黃色填充,使風(fēng)格化>內(nèi)發(fā)光效果。 輸入數(shù)值如下圖所示,單擊確認(rèn),然后去>風(fēng)格化>陰影效果。 再次,輸入如下所示的數(shù)值并單擊確認(rèn)。 最后你的形狀應(yīng)該類似于下圖。 這將是您使用的大部分臉型的表情面板。


 

c8f157739bec0000018c1b0e3cff.jpg


 

步驟7

現(xiàn)在,讓我們添加一個情緒的臉。 首先,重新啟用對齊網(wǎng)格,然后選擇矩形工具(M),創(chuàng)建兩個48 × 8px形狀和一個12 px的形狀,然后它們?nèi)鐖D所示。

對齊網(wǎng)格會減輕你的工作。 填滿所有R = 96,G = 57,B = 19,然后去影響>風(fēng)格化>圓角。 輸入2 px半徑,單擊確定,然后去>風(fēng)格化>陰影效果。 輸入數(shù)據(jù)所示,然后單擊確定。


 

84d857739c900000012e7e7b2bbc.jpg


 

步驟8

選擇橢圓工具(L),創(chuàng)建一個由16 x 26px的形狀,位置如下所示的線性漸變,然后降低透明度為50%。 


 

到圖層面板,選擇現(xiàn)有的圖層并編組移動到新的圖層。 到目前為止,他們在這個新的子層。 雙擊這個子層并命名名稱”不高興。 “現(xiàn)在你的第一個表情符號就完成了。


 


 


 

其他表情不再贅述,具體步驟貼圖如下:
 



 



 


 


 

附件分享Facebook Emoji - Freebies的表情源文件


 

fb_emojii_freebie.sketch


 

86ca5773a6a30000018c1b924cf8.jpg


 


8
評論區(qū)(0)
正在加載評論...