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

AI圖標制作,用AI制作復(fù)古相機圖標

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

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

效果圖:

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

操作步驟:

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

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

寬度:800像素

身高:600像素

單位:像素

而從高級選項卡:

顏色模式:RGB

柵格效果:屏幕(72ppi)

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

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

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

次分割線:1

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn
 

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

步驟1

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

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

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

終于完成了,是不是很不錯呢,喜歡教程的話在下方點個贊吧。

完成:

AI圖標制作,用AI制作復(fù)古相機圖標_theoat.com.cn

跟著教程做,同學(xué)就可以學(xué)會噢,因為教程比較長,要慢慢做,融會貫通。

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

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

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

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