Photoshop繪制一組復(fù)古風(fēng)格學(xué)習(xí)工具圖標(biāo)教程

站酷發(fā)布時(shí)間：2018-04-17 15:20:29 作者：自設(shè)計(jì)

本教程教腳本之家的標(biāo)志logo學(xué)習(xí)者使用Photoshop繪制一組復(fù)古風(fēng)格學(xué)習(xí)工具圖標(biāo)，教程非常詳細(xì)地介紹了背包、筆記本及寫作工具等6個(gè)學(xué)習(xí)工具圖標(biāo)的繪制過(guò)程，效果比較復(fù)古，感興趣的朋友歡迎前來(lái)一起分享學(xué)習(xí)

教你使用Photoshop繪制一組復(fù)古風(fēng)格學(xué)習(xí)工具圖標(biāo)，教程主要分為前期準(zhǔn)備工作和學(xué)習(xí)工具圖標(biāo)的繪制兩大部分，準(zhǔn)備工作主要有文檔、圖層的設(shè)置以及網(wǎng)格的調(diào)整，主要介紹的是背包、筆記本、秒表、寫作工具、小三角旗及足球6個(gè)學(xué)習(xí)工具圖標(biāo)創(chuàng)建方法，效果很精致復(fù)古，好了，話不多說(shuō)，下面讓我們一起去看看具體的制作步驟吧！

效果圖：

具體步驟：

1. 設(shè)置文檔

假設(shè)您已經(jīng)安裝了PS并且正在運(yùn)行，那么讓我們快速完成設(shè)置文檔的過(guò)程。首先，進(jìn)入文件>新建鍵盤快捷鍵，然后按如下方式調(diào)整不同的選項(xiàng)：

2.設(shè)置圖層

一旦我們創(chuàng)建了文檔，我們必須通過(guò)為每個(gè)圖標(biāo)創(chuàng)建一組單獨(dú)的圖層來(lái)做好準(zhǔn)備。通過(guò)這樣做，我們不僅可以簡(jiǎn)化工作流程。

因此，假設(shè)您知道如何使用“ 圖層”面板，請(qǐng)將其打開并創(chuàng)建七個(gè)圖層，并將其命名為：

網(wǎng)格

背包

筆記本

寫作工具

幡

跑表

足球

3.調(diào)整網(wǎng)格

PS允許使用網(wǎng)格，因此您應(yīng)該知道它可以設(shè)置網(wǎng)格 / 像素網(wǎng)格。只要使用“查看”頂部菜單下的“對(duì)齊網(wǎng)格/捕捉到像素”選項(xiàng)。

由于不同的情況需要不同的網(wǎng)格設(shè)置，因此有時(shí)您可能會(huì)發(fā)現(xiàn)自己處于需要調(diào)整預(yù)先包裝在Illustrator中的設(shè)置的位置。

我個(gè)人已經(jīng)以最低和同時(shí)最精確的價(jià)值走了，因?yàn)檫@可以更好地控制我的設(shè)計(jì)。

要更改這些設(shè)置，您必須轉(zhuǎn)到編輯>首選項(xiàng)>指南和網(wǎng)格。在那里您會(huì)看到一個(gè)小小的彈出窗口，它可以讓您調(diào)整以下內(nèi)容：

網(wǎng)格線：1 px

細(xì)分：1

一旦你調(diào)整了這些設(shè)置，為了讓所有的像素變得清晰，你所需要做的就是啟用“ 查看” 菜單下的“ 對(duì)齊網(wǎng)格”選項(xiàng)。

快速提示：您應(yīng)該知道，每次進(jìn)入像素預(yù)覽模式時(shí)，對(duì)齊網(wǎng)格選項(xiàng)都會(huì)轉(zhuǎn)換為對(duì)齊像素，但這很完美，因?yàn)榇蟛糠謺r(shí)間您都會(huì)前進(jìn)到該顯示模式。

現(xiàn)在，如果您習(xí)慣于在鍵盤方向箭頭鍵的幫助下移動(dòng)物體，則可能需要將鍵盤增量更改為更精確的像素（1像素），以使其盡可能精確。您可以通過(guò)編輯>首選項(xiàng)>常規(guī)>鍵盤增量來(lái)完成此操作。

通常，當(dāng)你開始處理任何新圖標(biāo)時(shí)，你應(yīng)該考慮幾件事情，其中之一是基本網(wǎng)格。

根據(jù)定義，基本網(wǎng)格是一個(gè)精確定界的參考表面，為了引導(dǎo)您完成創(chuàng)建圖標(biāo)包資產(chǎn)的過(guò)程，它被構(gòu)建和使用。網(wǎng)格的大小對(duì)于每個(gè)項(xiàng)目都是主觀的，這意味著有時(shí)您可能需要?jiǎng)?chuàng)建更小的圖標(biāo)，而其他時(shí)候您可能會(huì)發(fā)現(xiàn)自己需要使用更大的圖標(biāo)。

通常，基本網(wǎng)格的形狀是一個(gè)完美的正方形，因?yàn)榕c圓形相比，它可以更好地規(guī)劃和構(gòu)建形狀和線條，從而可以完全控制像素?cái)?shù)量。

在我們的例子中，我們將保持簡(jiǎn)單，并使用矩形工具（M）創(chuàng)建六個(gè)96 x 96像素的正方形（），這將定義圖標(biāo)的大小，并添加一個(gè)較小的92 x 92像素一（）它們中的每一個(gè)將充當(dāng)我們的活動(dòng)繪圖區(qū)域，因此給我們提供全方位的2px填充。#CCCCCC#E6E6E6

網(wǎng)格中的每一個(gè)進(jìn)行分組，然后將它們彼此定位為 60 px，從而創(chuàng)建兩排三個(gè)網(wǎng)格。

只要你有所有的基本網(wǎng)格，你可以鎖定它們的圖層，這樣你就不會(huì)意外移動(dòng)它們，然后我們就可以開始處理第一個(gè)圖標(biāo)。

5.創(chuàng)建背包

首先，確保您位于正確的圖層上，然后鎖定所有其他圖層，然后放大第一個(gè)底圖網(wǎng)格，以便更好地了解您將要構(gòu)建的內(nèi)容。

步驟1

我們將開始創(chuàng)建背包的主體，我們將開始添加所有其他細(xì)節(jié)，一次一個(gè)。

首先，抓住圓角矩形工具，創(chuàng)建一個(gè)帶有6像素圓角的64 x 80像素形狀，我們將使用該顏色，然后將其放置在 基本柵格上，使其水平居中對(duì)齊到較小的內(nèi)部正方形，從而留下它與廣場(chǎng)底部之間的4 px。#6D645E

現(xiàn)在，因?yàn)槲覀兿Ｍ袃?nèi)容都盡可能精確和銳利，所以我建議您打開“ 像素預(yù)覽”模式（“ 視圖”>“像素預(yù)覽”或Alt-Control-Y）。這樣你就可以看到底層的像素網(wǎng)格，這將使你完全控制你的形狀的位置。

第2步

在這一點(diǎn)上，你們有些人可能會(huì)想知道為什么我們?cè)谛螤畹牡撞亢?strong>基本網(wǎng)格本身之間留下了4 px的間隙。

那么，如果你是線條圖標(biāo)的新手，那么你應(yīng)該知道你可以使用兩種不同的方法來(lái)創(chuàng)建它們：偏移路徑和筆劃線。

我現(xiàn)在不會(huì)去理解他們，章。

我要做的是告訴你，整個(gè)教程將依賴于使用偏移路徑工具為每個(gè)圖標(biāo)創(chuàng)建輪廓，并且由于每個(gè)輪廓將具有4像素的重量，現(xiàn)在可以理解為什么我們需要離開與形狀通常接觸基本網(wǎng)格的邊相同的值。

因此，我們來(lái)創(chuàng)建背包主要形狀的第一個(gè)輪廓。

首先，選擇我們剛剛創(chuàng)建的形狀，然后轉(zhuǎn)到對(duì)象>路徑>偏移路徑，并將偏移值設(shè)置為 4 px，將所有其他設(shè)置保持原樣。

只要您點(diǎn)擊確定按鈕，您就會(huì)看到Illustrator創(chuàng)建了一個(gè)更大的形狀副本，每邊添加4 px，并將其放置在下方。

第3步

每次創(chuàng)建偏移量時(shí)，它都會(huì)使用您用來(lái)制作的形狀的顏色。由于我們的大綱必須突出，所以我們必須將其顏色更改為更暗（#544F4B）。

我建議您一旦擁有主要的填充形狀和輪廓，就可以使用Control-G鍵盤快捷鍵對(duì)它們進(jìn)行分組，以便在需要時(shí)更輕松地訪問(wèn)設(shè)計(jì)的不同部分。

步驟4

一旦我們擁有了我們背包的主體，我們就可以開始在頂端部分工作。

首先，抓住圓角矩形工具并創(chuàng)建一個(gè)具有4 px圓角半徑的68 x 38像素形狀（#8C7970），并將其定位到背包的頂部部分，并使其與底部柵格的頂部之間保持4 px的間隙。

第5步

接下來(lái)，我們需要通過(guò)將其圓度從4 px更改為12 px來(lái)稍微調(diào)整形狀的底角。要做到這一點(diǎn)，只需使用直接選擇工具（A）選擇底部錨點(diǎn)，然后使用實(shí)時(shí)角工具調(diào)整它們的值。

快速提示：一個(gè)帶有4 px圓角半徑，另一個(gè)帶有12 px半徑，然后調(diào)整并合并它們。

第6步

一旦我們擁有了最上面的部分，我們需要為它增加一個(gè)輪廓，就像我們對(duì)背包的主要形狀所做的一樣。

所以，選擇形狀后，轉(zhuǎn)到對(duì)象>路徑>偏移路徑，并給它一個(gè)4 px的偏移量。不要忘記改變輪廓的顏色以#544F4B使其突出。

第7步

通過(guò)創(chuàng)建角度半徑為7像素的20 x 14像素圓角矩形，開始在頂部手柄上工作。然后創(chuàng)建另一個(gè)更小的10 x 16像素，一個(gè)5 px的圓角半徑，將其放置在較大的一個(gè)的上方，確保垂直和水平對(duì)齊，然后使用Pathfinder的減號(hào)前面選項(xiàng)創(chuàng)建一個(gè)切口。

使用所得的形狀進(jìn)行#B29580著色，然后使用重疊的矩形切掉其上半部分。

最后將手柄放在背包的頂部，并給它一個(gè)4 px的輪廓（#544F4B）。

第8步

接下來(lái)，通過(guò)創(chuàng)建一個(gè)具有9 px圓角半徑的62 x 41像素圓角矩形來(lái)添加小針腳線，我們將通過(guò)移除其頂部居中的錨點(diǎn)來(lái)進(jìn)行調(diào)整。要做到這一點(diǎn)，抓住直接選擇工具（A），然后拖動(dòng)并選擇錨點(diǎn)，然后按刪除。

然后，通過(guò)按下Shift-X來(lái)簡(jiǎn)單地翻轉(zhuǎn)生成的形狀的填充顏色，并將筆畫的權(quán)重設(shè)置為2 px。

使用2 px破折號(hào)和4 px的間隔，通過(guò)將其Cap設(shè)置為圓帽并向筆畫添加虛線效果來(lái)微調(diào)針跡線。

第9步

一旦添加了針跡線，我們就可以開始處理拿著蓋子的小帶子。

首先，抓住圓角矩形工具并創(chuàng)建一個(gè)2 x 角半徑（1）的4 x 46像素形狀。

#B29580使用直接選擇工具（A）（2）刪除其頂部居中的錨點(diǎn)，為使用的形狀著色，然后對(duì)其進(jìn)行調(diào)整。刪除它們后，請(qǐng)不要忘記使用Shift-J快捷鍵關(guān)閉路徑。

然后，給它一個(gè)4像素的輪廓，并添加一個(gè)20×4像素的矩形（#544F4B），其頂部（3）。

開始添加一些細(xì)節(jié)，通過(guò)繪制7個(gè)2 x 2 px圓圈（#544F4B），彼此之間定位 4 px（4）。

通過(guò)添加扣子完成表帶。首先繪制一個(gè)20 x 20像素的正方形（#544F4B）（5），然后在其上添加另一個(gè)較小的12 x 12像素 one（#DDD2CA）（6）。

使用一個(gè)8 x 8像素矩形從淺色方塊（7）創(chuàng)建一個(gè)切口，然后添加一個(gè)2 x 6像素圓角矩形和一個(gè)2像素圓角半徑（8）。

第10步

最后，使用Control-G鍵盤快捷鍵將所有肩帶的元素組合在一起，并將它們放在背包的蓋子上，位于其底部的某個(gè)位置，以便最終在輪廓和底部之間有8像素的間隙背包的主要形狀。

第11步

接下來(lái)，添加一個(gè)小的8 x 2 px矩形（#544F4B）和一個(gè)稍微長(zhǎng)一點(diǎn)的12 x 2 px one（#544F4B），并將它們放在蓋子的左側(cè)，在它們之間留下2 px的間隙。

一旦你有了所有細(xì)節(jié)的頂蓋，你應(yīng)該把它所有的組成元素組合在一起（Control-G），因?yàn)橄乱徊轿覀冃枰诒嘲闹饕糠痔砑右恍┘?xì)節(jié)。

第12步

由于此時(shí)我們已經(jīng)完成了背包的基本構(gòu)成元素，因此我們將在其主體中添加一些細(xì)節(jié)。

首先，雙擊背包的身體進(jìn)入隔離模式（或右鍵單擊>隔離選定組），然后創(chuàng)建一個(gè)64 x 2 px矩形，我們將使用與outline（#544F4B）相同的值進(jìn)行著色，然后將其定位朝向背包的底部，在它與主體形狀的輪廓之間留下2px的間隙。

步驟13

通過(guò)創(chuàng)建幾條水平線來(lái)繼續(xù)添加細(xì)節(jié)，這會(huì)讓背包更加流行。

為此，請(qǐng)抓住矩形工具（M）并創(chuàng)建20 個(gè)64 x 1像素大小和 #665C57 顏色的形狀，我們將相互放置 1像素。

將所有線條組合在一起（Control-G），然后將它們放在背包的底部，就在之前創(chuàng)建的元素上方，在它們之間留下1px的間隙。

第14步

通過(guò)在其右下角添加一個(gè)小名稱補(bǔ)丁來(lái)完成此圖標(biāo)。

首先創(chuàng)建一個(gè)10 x 4像素的矩形，使用#DDD2CA它的顏色，然后給它一個(gè)4像素的輪廓（#544F4B）。將兩者組合在一起（Control-G），然后簡(jiǎn)單地放置它們，在它們和背包的右側(cè)之間留下2px的間隙。

保持它們的底部部分與我們?cè)谇皫撞絼?chuàng)建的水平分隔線之間的空隙相同。

然后，最后使用Control-G鍵盤快捷鍵將所有圖標(biāo)的元素分組在一起，然后轉(zhuǎn)移到下一個(gè)。

6.創(chuàng)建筆記本

由于我們現(xiàn)在已經(jīng)完成了第一個(gè)圖標(biāo)，我們可以鎖定它的圖層并轉(zhuǎn)到下一個(gè)圖標(biāo)，即筆記本。

步驟1

我們將首先創(chuàng)建圖標(biāo)的主體，然后逐漸添加細(xì)微的細(xì)節(jié)，就像我們對(duì)背包的細(xì)節(jié)一樣。

首先，抓住圓角矩形工具并創(chuàng)建一個(gè)66 x 84像素形狀（#DD7A7A），并使用直接選擇工具（A）選擇并移除其左中心錨點(diǎn)來(lái)調(diào)整4 px圓角半徑。一旦我們刪除了錨點(diǎn)，我們需要按下Control-J關(guān)閉路徑。

現(xiàn)在我們可以給這個(gè)形狀提供一個(gè)輪廓并將它們定位到基本網(wǎng)格的中心。

第2步

接下來(lái)，我們將通過(guò)創(chuàng)建一個(gè)6 x 84 px的矩形來(lái)為主體添加一個(gè)較深的部分，我們將使用該矩形，并將#BC6161其放置在前一步創(chuàng)建的主形狀的左側(cè)。

第3步

使用矩形工具（M），在我們剛剛創(chuàng)建的形狀的右側(cè)添加一個(gè)4 x 84 px垂直分隔符（#544F4B）。

步驟4

獲得一點(diǎn)創(chuàng)意，并為筆記本添加一些裝飾細(xì)節(jié)線。

第5步

通過(guò)添加名稱標(biāo)簽來(lái)完成此圖標(biāo)，我們將使用矩形工具（M）創(chuàng)建該名稱標(biāo)簽。首先，繪制一個(gè)28 x 14 px矩形（#DDD2CA），然后通過(guò)轉(zhuǎn)到對(duì)象>路徑>偏移路徑并將指定值輸入到偏移字段中，然后為其指定一個(gè)4像素輪廓（#544F4B）。

添加一堆裝飾線段，然后使用Control-G鍵盤快捷鍵將所有標(biāo)簽的元素分組在一起。

最后，不要忘記選擇筆記本的所有組成部分，并將它們組合在一起，以免錯(cuò)誤放置。

7.創(chuàng)建書寫工具

和以前一樣，一旦完成筆記本圖標(biāo)，不要忘記鎖定其圖層并轉(zhuǎn)到下一個(gè)圖層，以便您可以清楚地關(guān)注目前正在處理的內(nèi)容。

步驟1

在我們開始之前，我想指出這個(gè)圖標(biāo)有點(diǎn)不同，因?yàn)樗鼘?shí)際上由三個(gè)小對(duì)象組成，即鉛筆，木制尺子和橡皮。

我們將開始使用標(biāo)尺，因?yàn)樗紦?jù)了基本網(wǎng)格的整個(gè)高度，因此更容易定位圖標(biāo)其余部分的組成部分。

因此，首先抓住矩形工具（M）并創(chuàng)建一個(gè)22 x 84像素的形狀，我們將使用淺棕色（#A3876F）進(jìn)行著色，然后給出通常的4像素輪廓（#544F4B）。

正如你所看到的，形狀稍微偏向網(wǎng)格的左側(cè)，但現(xiàn)在你不需要擔(dān)心這一點(diǎn)，因?yàn)橐坏┪覀儞碛辛怂腥齻€(gè)元素，我們就會(huì)將它們置于基本網(wǎng)格的中心。

第2步

隨著統(tǒng)治者的主要形狀的位置，我們可以開始添加細(xì)節(jié)。

我們需要補(bǔ)充的第一件事是白色的白色塑料部分。選擇矩形工具（M）并創(chuàng)建一個(gè)6 x 84像素形狀（#DDD2CA），并將其放置在標(biāo)尺的棕色部分上，朝向其左側(cè)。

第3步

一旦添加了塑料部分，請(qǐng)?jiān)谄溆覀?cè)創(chuàng)建并添加一個(gè)4 x 84 px的分隔線，并使用它進(jìn)行著色#544F4B。

步驟4

在這一點(diǎn)上，我們可以開始添加小測(cè)量指標(biāo)線，使其看起來(lái)像一個(gè)實(shí)際的標(biāo)尺，而不是巧克力棒。

因此，使用矩形工具（M） ，創(chuàng)建有關(guān)13 4×2像素的線段（#544F4B），和在距離他們的另一下一個(gè)的位置4 PX每件之間。然后將一些片段的寬度調(diào)整為2 px，這樣就可以有一個(gè)更長(zhǎng)的片段，然后是三個(gè)較小的片段，然后再一個(gè)更長(zhǎng)的片段。

第5步

使用橢圓工具（L），創(chuàng)建一個(gè)4 x 4像素圓，并將其放置在標(biāo)尺的棕色部分上，朝向其底部。

第6步

由于我們有所有必要的細(xì)節(jié)來(lái)使它看起來(lái)像一把尺子，我們可以開始創(chuàng)建木制圖案。

首先，選擇鋼筆工具（P） ，將筆觸顏色設(shè)置為大綱的（#544F4B）離開填充空白，然后用2像素描邊粗細(xì)與圓帽，發(fā)揮創(chuàng)意并繪制幾行，使一個(gè)不錯(cuò)的小圖案。

由于我們不希望線條超出標(biāo)尺的輪廓，請(qǐng)盡量將定位點(diǎn)限制在其表面。

完成后，選擇所有木線，并將它們組合在一起（Control-G），以防止意外移動(dòng)它們。對(duì)統(tǒng)治者也一樣，以確保其構(gòu)成要素沒(méi)有被誤放。

第7步

既然我們現(xiàn)在有統(tǒng)治者，我們可以開始在鉛筆上工作。

首先，選擇矩形工具（M）并創(chuàng)建一個(gè)4 x 56像素的形狀，我們將使用淡黃色（#DBC07B）進(jìn)行著色并給出4 px輪廓（#544F4B）。然后，選擇兩種形狀，將它們放在標(biāo)尺的左側(cè)，兩者之間留出4 px的間隙。

第8步

一旦你有鉛筆的主要形狀，通過(guò)細(xì)節(jié)工作，并開始添加底部橡皮擦。

使用橢圓工具（L），創(chuàng)建一個(gè)4 x 4像素的圓，我們將使用該顏色#E29F9F，然后給出一個(gè)4像素的 輪廓（#544F4B），確保將它們放置在鉛筆底部，位于其主要形狀下方。

第9步

接下來(lái)，使用矩形工具（M）創(chuàng)建一個(gè)4 x 4像素形狀，使用#DDD2CA它的顏色并將其放置在鉛筆主體底部（黃色形狀）。

第10步

在先前創(chuàng)建的形狀中添加幾行，使其看起來(lái)像拿著橡皮擦的金屬外殼。

第11步

一旦完成了橡皮擦的外殼，在鉛筆的黃色部分添加一些細(xì)節(jié)，使其看起來(lái)更有趣。

第12步

最后，通過(guò)添加尖銳的小尖端來(lái)完成鉛筆。

這次你必須選擇鋼筆工具（P），并首先繪制一個(gè)三角形（#544F4B），并確保使其尖端圓形，然后創(chuàng)建輪廓。

然后，一旦你有更大的形狀，你可以通過(guò)繪制一個(gè)小梯形（#CEC0B7）來(lái)創(chuàng)建填充部分。

一旦你完成了，將這兩個(gè)（Control-G）分組，并選擇所有的鉛筆元素，并對(duì)他們做同樣的事情，這樣你就不會(huì)誤事。

步驟13

既然我們有鉛筆和尺子，我們就需要開始創(chuàng)造小橡皮。

首先，使用矩形工具（M），創(chuàng)建一個(gè)12 x 22像素形狀（#DDD2CA），并給它通常的4像素輪廓。

如您所見(jiàn)，我們需要將兩個(gè)形狀放置在標(biāo)尺的右側(cè)，距離相同的4 px，確保垂直中心將它們與標(biāo)尺的主體對(duì)齊。

第14步

接下來(lái)，在橡皮擦的主要形狀上添加一個(gè)12 x 22像素的矩形，并將其放在底部，確保使用它的顏色#DD7A7A。

第15步

然后向粉色部分的頂部添加一個(gè)12 x 4 px水平分隔線，并添加一些細(xì)節(jié)線以使其更有趣。

完成后，將所有橡皮擦元素分組在一起（Control-G），然后使用鉛筆，尺子和橡皮擦創(chuàng)建另一組，然后將它們置于基本網(wǎng)格中間。

8.創(chuàng)建彭南特

假設(shè)你已經(jīng)設(shè)法創(chuàng)建了書寫工具圖標(biāo)，鎖定了它的圖層，然后轉(zhuǎn)到下一個(gè)圖層，以便我們開始處理這個(gè)小三角旗。

步驟1

首先繪制棒子部分，我們將使用一個(gè)4 x 84像素的矩形來(lái) 創(chuàng)建棒子部分，#DDD2CA然后給它一個(gè)4像素的輪廓（#544F4B）。

不要擔(dān)心這兩個(gè)圖形的位置，因?yàn)橐坏﹫D標(biāo)完成，圖標(biāo)就會(huì)居中。

第2步

創(chuàng)建三個(gè)小的4 x 2 px矩形，相互之間以2 px垂直隔開，并將它們放置在三角旗的填充形狀上，朝向其底部部分。

然后，選擇所有棒的形狀，并使用Control-G鍵盤快捷鍵對(duì)它們進(jìn)行分組。

第3步

使用鋼筆工具（P）創(chuàng)建一個(gè)右指三角形，開始在三角旗的旗幟上工作。使用該顏色進(jìn)行著色#DD7A7A ，然后通過(guò)轉(zhuǎn)到對(duì)象>路徑>偏移路徑并在值字段中輸入4來(lái)為其指定4像素輪廓。

一旦你有兩個(gè)形狀，將它們放在棒的頂部，確保它的輪廓與橫幅的輪廓重疊。

步驟4

開始通過(guò)創(chuàng)建一排1 x 48像素的矩形來(lái)為橫幅添加細(xì)節(jié)，這些矩形彼此相距1 px ，您將位于粉紅色的三角形上，并將其作為剪貼蒙版使用。

要?jiǎng)?chuàng)建蒙版，只需制作橫幅右指三角形的副本（Control-C），將其粘貼（Control-F）在細(xì)節(jié)線上，然后右鍵單擊>制作剪貼蒙版。

第5步

接下來(lái)，創(chuàng)建一個(gè)34 x 24像素的橢圓（#DBC07B），并將其放入您為垂直線創(chuàng)建的剪裁蒙板內(nèi)。然后給它一個(gè)4像素輪廓（#544F4B）并添加三個(gè)小2×2像素圓圈（#544F4B）給它一個(gè)小小的流行音樂(lè)。

最后，選擇所有三角旗的元素，并使用Control-G鍵盤快捷鍵將它們組合在一起，然后確保將該圖標(biāo)居中到其基本網(wǎng)格。

9.創(chuàng)建秒表

在我們開始處理秒表圖標(biāo)之前，請(qǐng)確保您已鎖定上一層并將自己定位在正確的層上。

步驟1

通過(guò)創(chuàng)建一個(gè)60 x 60像素的圓來(lái)定義秒表的主要形狀，我們將使用淺棕色（#A3876F）著色，然后給出4像素輪廓（#544F4B）。

然后，選中這兩種形狀后，將它們放置在圖標(biāo)基本網(wǎng)格的中心，確保輪廓觸及較小網(wǎng)格的底部。

第2步

接下來(lái)，創(chuàng)建秒表的內(nèi)部部分，繪制一個(gè)44 x 44像素圓圈（#DDD2CA）并給它一個(gè)4像素輪廓（#544F4B）。然后將兩個(gè)形狀放在淺褐色的身體部分上，確保將它們對(duì)齊。

第3步

在我們開始制作秒表指示器之前，讓我們稍微有點(diǎn)創(chuàng)意，并在棕色圓圈中添加一個(gè)漂亮的木質(zhì)紋理，確保將線條限制在戒指上。

使用與之前一樣的2 px Stroke Weight與Round Cap，然后慢慢來(lái)，因?yàn)槟阆胍阉龊谩?/p>

完成之后，將所有木線組合在一起（Control-G），因?yàn)槿绻枰趯?lái)的某個(gè)時(shí)刻訪問(wèn)和修改它們，將會(huì)更容易。

步驟4

通過(guò)添加主參考時(shí)間點(diǎn)，即頂部，底部，左側(cè)和右側(cè)中心線，開始使用指示器標(biāo)尺。

為此，只需創(chuàng)建一對(duì)4 x 10 px的矩形（#544F4B），一個(gè)朝向頂部，一個(gè)朝向底部，然后創(chuàng)建一個(gè)副本（Control-C> Control-F）并旋轉(zhuǎn)它，以便線條將現(xiàn)在被水平放置。

一旦你擁有了所有四個(gè)人，不要忘記將他們分組（Control-G），這樣他們就不會(huì)四處飛走。

第5步

現(xiàn)在將四個(gè)小4×4像素圓圈（#544F4B）添加到量表的每個(gè)角落，確保將它們組合在一起（Control-G）。

第6步

通過(guò)添加指示器和幾個(gè)圓形形狀來(lái)完成測(cè)量，使中間的部件有一點(diǎn)彈出使用#DD7A7A。

你并不需要遵循我制作的參考作品的確切風(fēng)格，因?yàn)榭吹侥隳芟氤鍪裁纯赡軙?huì)很有趣，所以最終你會(huì)給它一點(diǎn)個(gè)人風(fēng)格。

這就是說(shuō)，一旦你擁有了秒表主體的所有部分，將它們組合在一起（Control-G），這樣你就可以將所有東西都固定到位。

第7步

隨著腕表和主體完成，我們現(xiàn)在可以繼續(xù)前進(jìn)，并開始在頂部環(huán)上工作，您通常會(huì)使用它將繩子纏繞并沿著頸部固定。

首先，創(chuàng)建一個(gè)10 x 4像素的矩形（#8C7970），給它一個(gè)4像素輪廓，然后將兩個(gè)形狀分組（Control-G），將它們放在手表的頂部，確保它們位于下方它（右鍵點(diǎn)擊>排列>發(fā)送到后面）。

第8步

通過(guò)創(chuàng)建一個(gè)帶有4像素輪廓（）的 8 x 8像素圓圈（#A3876F），將您的組合（Control-G）并放置在矩形塊下方（右鍵單擊>排列>發(fā)送至后面），我們?cè)谇耙徊街袆?chuàng)建的，確保其底部的一半以上部分被重疊隱藏。#544F4B

第9步

要結(jié)束圖標(biāo)，只需創(chuàng)建一個(gè)戒指托，無(wú)論是實(shí)際戒指還是像我一樣的更長(zhǎng)方形戒指。使用顏色內(nèi)部部分#DDD2CA，然后像往常一樣給它一個(gè)不錯(cuò)的4像素輪廓（#544F4B）。

最后，選擇所有秒表的元素并對(duì)它們進(jìn)行分組（Control-G），以便它們不會(huì)錯(cuò)位。

10.創(chuàng)建足球

我們終于回到了最后但并非最不重要的標(biāo)志 - 足球。我知道這是一條很長(zhǎng)的路，但是我們距離完成這個(gè)包只有幾步之遙。

步驟1

假設(shè)你在正確的圖層上，它實(shí)際上是最后一個(gè)圖層，抓住橢圓工具（L）并創(chuàng)建一個(gè)50 x 84像素的形狀，我們將著色#8C7970，然后給出一個(gè)強(qiáng)大的4像素輪廓（#544F4B），確保將兩者對(duì)齊到圖標(biāo)的基本網(wǎng)格。