當(dāng)前位置:首頁(yè)>軟件教程>AI教程>教程內(nèi)容

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)

來(lái)源:站酷 作者:154054334 學(xué)習(xí):4984人次

本篇教程通過(guò)AI制作一款復(fù)古相機(jī)圖標(biāo),文章是翻譯教程,有欠缺的地方同學(xué)們請(qǐng)指正,學(xué)習(xí)的時(shí)候同學(xué)們要跟著一起練習(xí)才可以噢,圖標(biāo)我們制作過(guò)很多次,有經(jīng)常練習(xí)的同學(xué)相信已經(jīng)有所經(jīng)驗(yàn),對(duì)圖標(biāo)制作感興趣的同學(xué)們通過(guò)教程來(lái)學(xué)習(xí)一下,所有的練習(xí)必須親力親為才可以進(jìn)步噢。

效果圖:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn
theoat.com.cn

操作步驟:

1.創(chuàng)建一個(gè)新的文檔

文件>新建(MAC:command+N,WIN:Ctrl+N),大小參數(shù)設(shè)置如下圖所示:

寬度:800像素

身高:600像素

單位:像素

而從高級(jí)選項(xiàng)卡:

顏色模式:RGB

柵格效果:屏幕(72ppi)

對(duì)齊到像素網(wǎng)格:勾選上

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

既然我們要使用像素完美的工作流程中創(chuàng)建的圖標(biāo),我們將要建立一個(gè)可愛(ài)的小格的自定義,使我們的形狀完全在控制內(nèi)。

轉(zhuǎn)至首選項(xiàng)>指南和網(wǎng)格子菜單,快捷鍵(MAC:command+K,WIN:Ctrl+K),參數(shù)設(shè)置,如下圖所示:

網(wǎng)格線間隔:1像素

次分割線:1

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn
 

通過(guò)鎖定所有但參考網(wǎng)格層開始,然后選擇矩形工具(M),并創(chuàng)建一個(gè)128×128像素的橙色(#F15A24)記矩形,這將有助于確定我們的圖標(biāo)的整體大小。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

添加另一個(gè)較小的120×120像素一(#FFFFFF),這將作為我們圖標(biāo)的繪圖區(qū)域。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

把橙色矩形和白色矩形合并一個(gè)組,并復(fù)制另外兩個(gè),組合組直接間距40px。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

步驟1

在第一個(gè)組里面開始繪制相機(jī),采用了76 X 66 PX圓角矩形,圓角矩形半徑為4px,填充顏色#7C7575。整個(gè)圓角矩形離上下邊距如下圖所示:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

添加一個(gè)36×10像素的矩形,填充顏色#7C7575,然后對(duì)其進(jìn)行調(diào)整通過(guò)分別選擇,選擇頂部錨點(diǎn),通過(guò)向內(nèi)部10像素,或者(右鍵點(diǎn)擊>變換>移動(dòng)>臥式> + 10像素/ - 10像素取決于錨的位置)。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇這兩個(gè)形狀,并使用路徑查找器>形狀模式的第一個(gè)合并,參數(shù)設(shè)置,如下圖所示:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

通過(guò)選擇其錨點(diǎn)平滑出照相機(jī)的頂部部分與直接選擇工具(A)中,然后使用轉(zhuǎn)換選擇錨點(diǎn)平滑選項(xiàng),調(diào)節(jié)多少自己看著舒服就行了。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇形狀,然后去對(duì)象>路徑>偏移路徑并輸入4 PX進(jìn)入偏移值字段。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

改變我們剛剛創(chuàng)建的輪廓的填充顏色#443E3E,然后把兩個(gè)圖形合組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

把合并的組復(fù)制一個(gè),然后對(duì)齊到繪圖區(qū)域的右邊緣,更改填充形狀的顏色#595353。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇矩形工具(M),并使用創(chuàng)建相機(jī)的前皮具節(jié)76 x 34像素的形狀,填充顏色#A5736A,然后中心對(duì)齊到底層的形狀,離底部邊緣8像素。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制相機(jī)機(jī)身的皮革部分,在剛剛繪制的矩形上下個(gè)添加一個(gè)76×4像素矩形(#443E3E)。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制一個(gè)24×4像素的矩形(#443E3E)在皮革中間的底部邊緣,然后分別選擇,其頂部錨點(diǎn)調(diào)整它通過(guò)向內(nèi)部4 PX;蛘哌x擇(右鍵點(diǎn)擊>變換>移動(dòng)> +4 / -4像素取決于錨的位置)。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇橢圓工具(L),開始繪制圓點(diǎn),繪制四行2×2像素的圓(#443E3E),距離2像素相互垂直和水平,

繪制完成后,選擇和合并組(MAC:command+G,WIN:Ctrl+G)。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

復(fù)制副本,移動(dòng)到相機(jī)的另一側(cè),選擇垂直翻轉(zhuǎn)(右鍵點(diǎn)擊>變換>對(duì)稱>垂直>復(fù)制)。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制一個(gè)76×2像素矩形(顏色填充#443E3E), 距離頂部邊緣2像素。

繪制完成后選擇上邊緣的矩形合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇橢圓工具(L),繪制對(duì)焦輔助光圈12×12像素的圓(#443E3E)在繪制里面的小光圈4 PX(#595353),并合組,距離相機(jī)的上下位置4像素。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制一個(gè)4×4像素圓(#443E3E)到焦點(diǎn)光束的左側(cè),距離右邊2像素。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制10×4像素的矩形(#443E3E)在繪制一個(gè)6×4像素矩形(#443E3E),間距2像素,然后選擇它們內(nèi)底部錨點(diǎn)調(diào)整往左2像素。完成后合組。

距離上邊界4 PX,左右30px。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

現(xiàn)在開始繪制攝像機(jī)的右側(cè),繪制一個(gè)14×34像素的矩形(#725651)。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

在底部和頂部個(gè)繪制14×4像素的矩形,這我們將顏色使用#443E3E。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇矩形工具(M),在剛剛繪制的底部上方增加一個(gè)小的6×2像素矩形,著色#443E3E,調(diào)整居中。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制兩個(gè)4×4像素圓(#443E3E) 圓和園之間間距2像素,合組,離左右各2像素。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇矩形工具(M),創(chuàng)建一個(gè)14×2像素的矩形(#443E3E)距離上邊緣2px。

然后,選擇所有的皮革部分合組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制相機(jī)右側(cè)部鉸鏈,繪制10×4像素的圓角矩形,2 PX半徑(填充顏色#443E3E)在其低部我們?cè)黾右粋(gè)4×4像素圓(#443E3E)。把兩個(gè)形狀合并組,距離底部8像素。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制小快門按鈕8×2像素的矩形(#BFB6B6)4像素描邊(#443E3E),距離左邊8像素,并合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制右邊的快門,繪制一個(gè)18×6(#443E3E)的矩形做背景,再添加三個(gè)2×2像素的正方形(#bfb6b6),2×2的正方形間距是2px,合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇橢圓工具(L),繪制一個(gè)8×8像素圓(#7C7575)添加4 PX外描邊(#443E3E),在繪制一個(gè)較小的4×4像素圓(#443E3E),放在它的右邊,合并組,距離右邊12像素。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制一個(gè)48 x 36像素的矩形(#595353),調(diào)整右半徑錨的點(diǎn)18像素。添加外描邊4像素(#443E3E)然后合并組(控制-G)距離上下邊距如下圖所示:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

使用橢圓工具(L),繪制一個(gè)36x36像素圓(#595353)添加外描邊4像素(#443E3E)放在剛剛繪制的形狀上方,距離上下左右邊距如下圖所示:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

復(fù)制剛剛繪制的圓改變填充顏色(#544E4E),距離上下左右邊距如下圖所示:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇矩形工具(M)繪制9個(gè)44×2像素的矩形(#443E3E)垂直堆疊彼此間距2像素,合并組,然后繪制一個(gè)36×36的圓在 矩形上方、然后(選擇兩個(gè)形狀>右鍵單擊>制作剪貼蒙版)。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制鏡頭的前部36×36像素的圓,填充顏色#7C7575,添加4 PX 外描邊(#443E3E),然后合并組,放到貼近左邊緣,并確保居中對(duì)齊它們到透鏡的身體的其余部分。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

添加另一個(gè)較小的20×20像素圈(#544E4E)添加4像素外描邊(#443E3E),合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制鏡頭反射,添加一個(gè)20×20像素的圓(#FFFFFF)然后調(diào)整其透明度設(shè)置混合模式為柔光,并降低其不透明度為40%。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制一個(gè)16×16的像素填充顏色(#595353)放置在上方并確定它上下居中。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇橢圓工具(L),添加了最終反射,繪制一個(gè)6×6像素的圓(#FFFFFF)在透鏡的右側(cè),調(diào)整透明度值(混合模式:柔光;不透明度:40%)用于反射的其余部分。選擇所以的透視鏡合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

隨著鏡頭完成后,開始繪制在相機(jī)的底部,繪制一個(gè)76×14像素的圓角矩形有4 PX角半徑,填充顏色#7C7575,給4 PX外描邊(#443E3E),然后合并組,距離上下邊距如下圖所示:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

復(fù)制剛剛繪制的圖形(并對(duì)齊到右邊緣),改變形狀的填充顏色#595353。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

選擇矩形工具(M),繪制一個(gè)44×6像素形狀(#595353),我們將調(diào)整半徑的底部邊角數(shù)值為0,再給形狀添加一個(gè)4像素外描邊(#443E3E),然后放置兩個(gè)在把手的底部,確保居中對(duì)齊它們到它。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

給我們剛剛繪制的形狀創(chuàng)建橡膠感的部分,繪制10個(gè)2×2像素圓(#443E3E),每個(gè)圓之間的間距2像素,然后合并組并將它們放置在底層灰色形狀的中心。

一旦你完成后,選擇和底部的灰色形狀合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制快門按鈕8×8像素圓(#595353)添加4px外描邊(#443E3E),合并組繪制一個(gè)矩形選擇兩個(gè)形狀右鍵選擇剪切蒙版,并對(duì)齊到左邊,在上方添加一個(gè)小的2×2像素圓(#443E3E),合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

繪制IO接口,繪制一個(gè)10×6像素的圓角矩形(#443E3E帶)2 PX半徑,在上方繪制一個(gè)4×2像素的矩形(#595353)對(duì)齊到底部邊緣,然后合并組。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

現(xiàn)在給相機(jī)繪制底部投影,繪制圖標(biāo)100×8像素橢圓(#443E3E),我們將通過(guò)降低其調(diào)整不透明度至20%,然后對(duì)齊活性繪圖區(qū)域的底部邊緣。

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

終于完成了,是不是很不錯(cuò)呢,喜歡教程的話在下方點(diǎn)個(gè)贊吧。

完成:

AI圖標(biāo)制作,用AI制作復(fù)古相機(jī)圖標(biāo)_theoat.com.cn

跟著教程做,同學(xué)就可以學(xué)會(huì)噢,因?yàn)榻坛瘫容^長(zhǎng),要慢慢做,融會(huì)貫通。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!