5.創(chuàng)建背包

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

步驟1

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

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

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

第2步

在這一點(diǎn)上，你們有些人可能會想知道為什么我們在形狀的底部和基本網(wǎng)格本身之間留下了4 px的間隙。

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

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

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

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

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

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

第3步

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

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

步驟4

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

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

第5步

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

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

第6步

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

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

第7步

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

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

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

第8步

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

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

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

第9步

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

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

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

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

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

通過添加扣子完成表帶。首先繪制一個(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步

接下來，添加一個(gè)小的8 x 2 px矩形（#544F4B）和一個(gè)稍微長一點(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

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

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

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

第14步

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

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

保持它們的底部部分與我們在前幾步創(chuàng)建的水平分隔線之間的空隙相同。

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

最新評論