首先我們需要?jiǎng)?chuàng)建新文檔(文件>新建或控制-N),然后進(jìn)行以下設(shè)置調(diào)整:
畫(huà)板數(shù)量:1
寬度:800像素
高度:600像素
單位:像素
進(jìn)入“高級(jí)”選項(xiàng)卡:
色彩模式:RGB
柵格效果:屏幕(72 ppi)
建立圖層
打開(kāi)“圖層”面板,我們創(chuàng)建五個(gè)圖層,將其命名如下:
第1層>參考網(wǎng)格
第2層>可見(jiàn)性
第3層>指紋掃描
第4層>隱身模式
第5層>安全鎖
創(chuàng)建參考網(wǎng)格
一旦我們完成了的項(xiàng)目文件的分層榆俺,我們就可以開(kāi)始創(chuàng)建參考網(wǎng)格了,這將有助于我們通過(guò)觀察水平和大小來(lái)編輯我們的圖標(biāo)坞淮。
第1步
選擇矩形工具(M)并創(chuàng)建一個(gè)64 x 64像素的正方形茴晋,使用#F15A24進(jìn)行著色,然后使用“對(duì)齊”面板的“水平和垂直對(duì)齊中心”選項(xiàng)將其定位到畫(huà)板的中心回窘。
第2步
創(chuàng)建另一個(gè)較小的56 x 56像素正方形(#FFFFFF)诺擅,將它作為繪圖區(qū)域,同時(shí)繪制4 px輪廓啡直。將兩個(gè)正方形(Control-G)進(jìn)行分組烁涌,然后創(chuàng)建三個(gè)副本(Control-C>Control-F三次)苍碟,將它們與原始距離保持28 px。將所有網(wǎng)格都放置好后撮执,進(jìn)行分組(Control-G)然后將它們居中對(duì)齊到底層的畫(huà)板微峰,如參考圖像中所示。
第3步
一旦完成畫(huà)板和繪圖區(qū)域的創(chuàng)建以及參考網(wǎng)格抒钱,就可以鎖定它們的圖層蜓肆,然后繼續(xù)下一步。
創(chuàng)建可見(jiàn)性圖標(biāo)
跳轉(zhuǎn)到第一個(gè)繪圖區(qū)域我們開(kāi)始繪制第一個(gè)可見(jiàn)性圖標(biāo)
第1步
使用橢圓工具(L)谋币,創(chuàng)建一個(gè)56 x 56像素的圓仗扬,使用#3A2F2E進(jìn)行著色,然后將中心對(duì)齊到下面的繪圖區(qū)域蕾额,如參考圖像中所示早芭。
第2步
使用36 x 24 px橢圓添加眼睛的主要形狀,使用#FFFFFF顏色诅蝶,然后將中心對(duì)齊到較大的圓圈退个。
第3步
通過(guò)直接選擇它來(lái)調(diào)整我們剛剛創(chuàng)建的形狀,然后使用錨點(diǎn)工具(Shift-C)選擇它的左右錨點(diǎn)使它們變得尖銳秤涩。
第4步
使用16 x 16 px圓圈創(chuàng)建眼球帜乞,使用#EABD63進(jìn)行著色,然后定位到我們剛剛調(diào)整過(guò)的形狀的中心筐眷。
第5步
使用8 x 8 px圓圈添加瞳孔黎烈,使用#3A2F2E進(jìn)行著色,然后將中心對(duì)齊到較大的圓圈匀谣。
第6步
打開(kāi)像素預(yù)覽模式(Alt-Control-Y)照棋,然后使用4 x 4 px圓圈(#EABD63)創(chuàng)建覆蓋虹膜右下角的小圓形切口,移動(dòng)到參考圖中看到的位置武翎。
第7步
完成圖標(biāo)烈炭,通過(guò)使用4 x 4 px圓(#FFFFFF)添加圓形高光,我們將定位到參考圖像中看到的虹膜的左上角宝恶。完成后符隙,關(guān)閉像素預(yù)覽模式(Alt-Control-Y),然后使用Control-G鍵盤(pán)快捷鍵選擇并分組所有光圈組成形狀垫毙。
第8步
完成圖標(biāo)處理后霹疫,您可以選擇并將(Control-G)所有組成部分組合在一起,確保鎖定其圖層综芥,然后再轉(zhuǎn)到下一個(gè)圖層丽蝎。
創(chuàng)建指紋掃描圖標(biāo)
假設(shè)你已經(jīng)完成了第一個(gè)圖標(biāo),那我們就可以轉(zhuǎn)到下一個(gè)圖層(第三個(gè)圖層)膀藐,我們將逐步構(gòu)建第二個(gè)圖標(biāo)屠阻。
第1步
首先使用56 x 56 px圓圈添加背景红省,使用#3A2F2E對(duì)其進(jìn)行著色,然后將其中心對(duì)齊到第二個(gè)活動(dòng)繪圖區(qū)域.
第2步
創(chuàng)建好背景之后国觉,我們創(chuàng)建一個(gè)24 x 30像素2 px輪廓的矩形吧恃,使用#EABD63對(duì)其進(jìn)行著色,然后將中心對(duì)齊到較大的圓圈麻诀。
第3步
通過(guò)在“變換”面板的“矩形屬性”中將其頂角的半徑設(shè)置為12 px蚜枢,調(diào)整我們剛剛創(chuàng)建的形狀。
第4步
打開(kāi)“像素預(yù)覽”模式(Alt-Control-Y)针饥,然后使用“添加錨點(diǎn)工具”(+)在距離左圓角底部4 px處添加新錨點(diǎn)。
第5步
使用直接選擇工具(A)選擇它的左下角錨點(diǎn)調(diào)整形狀?需频,然后按刪除它丁眼,繪制一個(gè)弧形圖案。
第6步
使用直接選擇工具(A)選擇其錨點(diǎn)昭殉,然后使用“移動(dòng)”工具(右鍵單擊>“變換”>“移動(dòng)”>“垂直”>將其按4 px的距離推到頂部苞七,縮短生成的路徑右側(cè)的長(zhǎng)度-4像素或使用方向箭頭鍵)。
第7步
繪制2 px輪廓(#EABD63)16 x 26 px大小矩形創(chuàng)建指紋的下一個(gè)線(xiàn)段挪丢,通過(guò)在“變換”面板的“矩形屬性”中將其頂角的半徑設(shè)置為8 px來(lái)進(jìn)行調(diào)整蹂风。完成后,將結(jié)果形狀定位在參考圖像中乾蓬。
第8步
通過(guò)在距離左圓角的底部點(diǎn)4 px處添加新錨點(diǎn)來(lái)調(diào)整生成的形狀惠啄,移除左下角的錨點(diǎn),就像我們繪制較大的形狀所做的那樣任内。
第9步
聯(lián)合兩個(gè)路徑的左端ctrl-J鍵盤(pán)快捷鍵撵渡,選擇它們之后使用直接選擇工具(A)?,使用實(shí)時(shí)角落工具設(shè)定所得角內(nèi)部半徑2像素死嗦。
第10步
創(chuàng)建2 px輪廓(#FFFFFF)的8 x 20 px矩形趋距,將其頂角的半徑設(shè)置為4 px,在距離左邊2 px處添加新的錨點(diǎn)角落的底點(diǎn)越除。像我們對(duì)前面的線(xiàn)段所做的那樣移除左下方的錨點(diǎn)节腐,將結(jié)果形狀定位在參考圖像中。
第11步
選擇鋼筆工具(P)摘盆,并使用參考圖像作為參考繪制白色路徑的水平線(xiàn)段翼雀。完成之后再進(jìn)行下一步操作。
第12步
將其頂角的半徑設(shè)置為6 px骡澈,將其底部的半徑設(shè)置為14 px來(lái)調(diào)整生成的形狀
第13步
創(chuàng)建“J”形2 px的線(xiàn)條(#FFFFFF)锅纺,放置在與我們剛剛完成調(diào)整的形狀之間保持2 px的位置。完成后肋殴,關(guān)閉像素預(yù)覽模式(Alt-Control-Y)囤锉,然后使用Control-G鍵盤(pán)快捷鍵選擇并將所有指紋的組成線(xiàn)組合在一起坦弟。
第14步
接下來(lái),創(chuàng)建一個(gè)12 x 12像素的圓圈官地,使用#EABD63進(jìn)行著色酿傍,然后將中心對(duì)齊到指紋的下邊緣。
第15步
使用2 px的線(xiàn)條(#3A2F2E)繪制小型對(duì)號(hào)來(lái)完成圖標(biāo)驱入,我們將其定位到上一步中較小圓圈的中心赤炒。完成后,選擇并將兩者組合在一起(Control-G)亏较,然后對(duì)所有組成形狀執(zhí)行相同操作莺褒。
創(chuàng)建隱身模式圖標(biāo)
進(jìn)入第四個(gè)圖層,放大繪圖區(qū)域進(jìn)行隱身模式圖標(biāo)的繪制
第1步
首先使用56 x 56 px的圓創(chuàng)建背景雪情,我們將使用#3A2F2E進(jìn)行著色遵岩,然后將中心對(duì)齊到第三個(gè)繪圖區(qū)域。
第2步
創(chuàng)建兩個(gè)8 x 8 px大小2 px輪廓的圓圈(#EABD63)創(chuàng)建眼鏡框巡通,將彼此間隔調(diào)整為4 px尘执,確保將它們定位在距離繪圖區(qū)域的底部邊緣16px的位置。
第3步
創(chuàng)建6 x 6 px大小2 px厚的圓圈(#EABD63)添加將兩個(gè)圓圈連接在一起的橋接部分宴凉,將它放置在參考圖像中的位置誊锭。
第4步
使用直接選擇工具(A)選擇其底部錨點(diǎn)來(lái)調(diào)整較小的圓,然后通過(guò)按Delete刪除它弥锄。完成后丧靡,選擇并將所有三個(gè)部分組合在一起(Control-G),然后再繼續(xù)下一步籽暇。
第5步
使用圓角矩形工具繪制1 px?輪廓36 x 2 px大小圓角矩形(#FFFFFF)創(chuàng)建帽子邊緣窘行,將居中對(duì)齊到下面眼鏡2px的位置。
第6步
創(chuàng)建20 x 10 px矩形(#FFFFFF)創(chuàng)建帽子部分图仓,我們將其放置到上一個(gè)形狀的頂部罐盔。
第7步
通過(guò)在“變形”面板的“矩形屬性”中將其頂角的半徑設(shè)置為2 px來(lái)調(diào)整帽子頂部。
第8步
使用添加錨點(diǎn)工具(+)將新錨點(diǎn)添加到其上邊緣的中心來(lái)繼續(xù)調(diào)整生成的形狀救崔,然后我們將其向下推動(dòng)2 px的距離(右鍵單擊>變換>移動(dòng)>垂直> 2像素或使用方向箭頭鍵)惶看。
第9步
使用直接選擇工具(A)選擇其頂部和中心錨點(diǎn)來(lái)調(diào)整表冠上部的曲率,使用平滑工具六孵,調(diào)整出一個(gè)良好的彎曲過(guò)渡纬黎。
第10步
創(chuàng)建4 x 4 px正方形(#3A2F2E)添加帽子上的小細(xì)節(jié),我們將通過(guò)在其頂部邊緣的中心添加新錨點(diǎn)然后將其推到底部2 px(右鍵單擊)進(jìn)行調(diào)整>變換>移動(dòng)>垂直> 2像素或使用方向箭頭鍵)劫窒。完成后本今,將圖形定位到參考圖像的位置。
第11步
創(chuàng)建2 x 12 px矩形(#EABD63)添加小邊細(xì)節(jié)來(lái)完成圖標(biāo),通過(guò)“變換”面板的“矩形”屬性中將其左上角和右下角的半徑設(shè)置為2 px來(lái)進(jìn)行調(diào)整冠息。將生成的形狀放置在帽子的右側(cè)挪凑,距離底部帽子邊緣2 px,使用Control-G鍵盤(pán)快捷鍵選擇并分組所有形狀逛艰。
創(chuàng)建安全鎖圖標(biāo)
接下來(lái)我們創(chuàng)建最后一個(gè)安全鎖圖標(biāo)躏碳,選擇最后一個(gè)畫(huà)板放大繪圖區(qū)域進(jìn)行下一步操作。
第1步
首先創(chuàng)建56 x 56 px圓(#3A2F2E)作為背景散怖,將其對(duì)齊到下面的繪圖區(qū)域菇绵。
第2步
開(kāi)始繪制安全鎖時(shí),首先創(chuàng)建24×20像素2 px角半徑的圓角矩形(#EABD63)創(chuàng)建安全鎖下部主體形狀镇眷,我們將它放置在距離繪圖區(qū)域的底部邊緣12px的位置咬最。
第3步
使用8 x 8 px圓圈添加鍵孔的圓形部分,使用#3A2F2E進(jìn)行著色欠动,然后將其放置在距前一個(gè)形狀頂部邊緣4 px的位置丹诀。
第4步
使用4 x 8 px矩形(#3A2F2E)創(chuàng)建孔的下部,調(diào)整“變換”面板的“矩形屬性”中將其底角的半徑設(shè)置為2 px翁垂。完成后,將生成的形狀放在圓圈的下半部分硝桩,使用Control-G鍵盤(pán)快捷鍵選擇并將兩者組合在一起沿猜。
第5步
創(chuàng)建四個(gè)2 x 2 px圓圈添加小螺栓,使用#3A2F2E進(jìn)行著色碗脊,然后定位到距離安全鎖四個(gè)角角2 px的位置啼肩,如參考圖像所示。準(zhǔn)備就緒后衙伶,在繼續(xù)下一步之前祈坠,選擇并將(Control-G)所有當(dāng)前部分的組成形狀組合在一起。
第6步
創(chuàng)建鎖環(huán)矢劲,使用14×11像素大小2像素輪廓的矩形(#FFFFFF)調(diào)整頂部邊角的半徑至7像素赦拘,確保選擇并刪除其右下錨點(diǎn)。然后將邊角設(shè)置為圓角芬沉,定位到鎖身躺同,如參考圖像中所示。將形狀放置到位后丸逸,使用Control-G鍵盤(pán)快捷鍵選擇并組合鎖的所有形狀蹋艺。
第7步
完成圖標(biāo),以參考圖像為標(biāo)準(zhǔn)黄刚,創(chuàng)建六個(gè)2 px粗的線(xiàn)條(#FFFFFF)給安全鎖添加細(xì)節(jié)裝飾捎谨。完成后,選擇并分組(Control-G)所有圖標(biāo)的組成形狀。
這樣我們的安全主題系列圖標(biāo)就完成了涛救!