平面設(shè)計(jì):創(chuàng)建精美的書(shū)蟲(chóng)圖標(biāo)

(本教程由尋圖標(biāo)https://icon.52112.com提供)

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

我們首先要使用Adobe Illustrator創(chuàng)建一個(gè)新文檔文件>新建控制-N),然后進(jìn)行以下設(shè)置的調(diào)整:

畫(huà)板數(shù)量:1

寬度:800像素

高度:600像素

單位:像素

進(jìn)入“高級(jí)”選項(xiàng)卡:

色彩模式:RGB

柵格效果:屏幕(72 ppi)

2.設(shè)置圖層

由于我們希望能夠隔離我們的構(gòu)圖并專(zhuān)注于圖片的不同部分,因此最好將項(xiàng)目文件分層以完全簡(jiǎn)化我們的工作流程吩蔑。

話(huà)雖如此,打開(kāi)“圖層”面板克握,讓我們創(chuàng)建三個(gè)單獨(dú)的圖層溪掀,我們將其命名如下:

第1層>background

第2層>book stack

第3層>bookworm

3.創(chuàng)建背景

一旦我們完成了文檔的分層,我們就可以開(kāi)始繪制插圖了或南。

第1步

繪制如下圖所示的前景線(xiàn)

第2步

使用鋼筆工具(P),然后以下面圖像為參考繪制背景艾君,將其放置在前景線(xiàn)的頂部采够,然后填充顏色設(shè)置為#F77A61

第3步

由于此時(shí)我們已經(jīng)完成了背景工作冰垄,現(xiàn)在我們可以使用鍵盤(pán)快捷鍵Ctrl+G將兩個(gè)形狀組合在一起蹬癌,然后鎖定當(dāng)前圖層,以便我們進(jìn)行下一步的操作虹茶。

(本教程由尋圖標(biāo)https://icon.52112.com提供)

4.創(chuàng)建小書(shū)堆

如果我們已經(jīng)完成了上面操作逝薪,我們就可以繼續(xù)下一圖層的繪制了(這將是第二層),創(chuàng)建我們的小書(shū)堆蝴罪。

第1步

通過(guò)創(chuàng)建一個(gè)208 x 64像素的矩形開(kāi)始處理底部書(shū)籍的側(cè)面部分董济,我們將使用#A3798D對(duì)其進(jìn)行著色,然后定位到前景線(xiàn)上要门,距離右邊緣52 px虏肾。

第2步

在“變換”面板的“矩形屬性”中將其右角的半徑設(shè)置為32 px,調(diào)整我們剛剛創(chuàng)建的形狀暂衡。

第3步

使用192 x 64 px矩形(#BC93A8)添加書(shū)籍封面底部的形狀询微,我們將通過(guò)將其右角的半徑設(shè)置為32 px進(jìn)行調(diào)整,將得到的形狀定位到側(cè)面部分狂巢,如圖所示參考圖像撑毛,使它們的錨點(diǎn)重疊。

第4步

使用兩個(gè)8 x 8 px的正方形(#BC93A8)創(chuàng)建封面的端點(diǎn),將其左半徑設(shè)置為4 px進(jìn)行調(diào)整藻雌。完成后雌续,所產(chǎn)生的形狀定位到當(dāng)前部分的左側(cè),并確保三個(gè)圖形能組合成一個(gè)胯杭。

第5步

使用184 x 48 px的矩形添加書(shū)的內(nèi)部部分驯杜,使用#FFF1E1進(jìn)行著色,然后通過(guò)將其右角的半徑設(shè)置為24 px進(jìn)行調(diào)整做个,以下面圖像為參考鸽心。

第6步

創(chuàng)建48 x 4 px和36 x 4px#F9D6B9)的兩條水平線(xiàn),然后將較小的36 x 4px#F9D6B9)矩形堆疊在頂部居暖,距離為4px顽频,通過(guò)設(shè)置半徑來(lái)調(diào)整他們的右角到2 px。完成后太闺,將兩個(gè)組合(Ctrl+G)將它們放置在內(nèi)部區(qū)域的左側(cè)糯景,距離其底部邊緣8 px

第7步

移回書(shū)的側(cè)面部分省骂,使用28 x 28 px的圓(#615972)添加一些裝飾元素蟀淮,分別創(chuàng)建距離為92 x 8 px和距離為8 px,角度半徑為4 px的圓角矩形(#615972)如參考圖像中所示钞澳。完成后怠惶,請(qǐng)確保選擇并分組(Ctrl+G)所有書(shū)籍的構(gòu)圖形狀,然后進(jìn)行下一步操作轧粟。

第8步

使用200 x 48 px的矩形(#998FC9)為其側(cè)面部分創(chuàng)建中間的書(shū)甚疟,在“變形”面板的“矩形屬性”中將其右角的半徑設(shè)置為24 px。完成后逃延,將生成的形狀放在較大的書(shū)的頂部,距離其右邊緣20 px轧拄。

第9步

接下來(lái)我們使用152 x 48 px矩形(#B0ABD8)創(chuàng)建上面書(shū)籍的底部部分揽祥,右邊角為半徑24 px,在其左側(cè)我們將添加兩個(gè)8 x 8 px正方形(#B0ABD8)并將它們的左半邊調(diào)節(jié)為4px半徑的半圓檩电。

第10步

添加144×32px的矩形(#FFF1E1)定位到下圖中的位置拄丰。

第11步

接下來(lái),我們創(chuàng)建48 x 4 px和36 x 4px#F9D6B9)的兩條水平線(xiàn)俐末,然后將36 x 4像素的(#F9D6B9)堆疊在頂部料按,距離為4 px,我們將通過(guò)將右角的半徑設(shè)置為2像素進(jìn)行調(diào)整卓箫。完成后载矿,將兩個(gè)組合(Ctrl+G)并將兩個(gè)放置在內(nèi)部區(qū)域的左側(cè),距離其底部邊緣8 px烹卒。

第12步

移動(dòng)到書(shū)的側(cè)面闷盔,添加40×8px圓角矩形(#615972)調(diào)整為4 px的角半徑弯洗,中間留下8px的間隔創(chuàng)建另一個(gè)較寬的80×8px的圓角矩形(#615972)進(jìn)行分組并調(diào)節(jié)到下圖位置。

第13步

創(chuàng)建156 x 20 px的矩形制作打開(kāi)的書(shū)籍逢勾,使用#FFBC6C進(jìn)行著色牡整,然后將其放置在前一個(gè)書(shū)籍圖層的頂部,距離其右邊緣28 px的距離溺拱。

第14步

調(diào)整我們剛剛創(chuàng)建的形狀逃贝,使用直接選擇工具(A)選擇其頂部錨點(diǎn),然后使用移動(dòng)工具將它們向右推60px右鍵單擊>變換>移動(dòng)>水平> -60 px)迫摔。

第15步

創(chuàng)建168 x 8 px矩形(#FFBC6C)做書(shū)籍封面沐扳,在其右上角創(chuàng)建參考線(xiàn)調(diào)整形狀。完成后攒菠,將生成的形狀放在上一部分的頂部迫皱,如參考圖像中所示。

第16步

創(chuàng)建144 x 120 px矩形(#FFD37B)作為書(shū)籍的底部辖众,我們將通過(guò)使用“移動(dòng)”工具單獨(dú)選擇并將其頂部錨點(diǎn)推向內(nèi)部60 px的距離進(jìn)行調(diào)整(右鍵單擊>變換>移動(dòng)>水平> + / - 60 px卓起,具體取決于您從哪一側(cè)開(kāi)始)。完成后凹炸,將生成的形狀放在書(shū)籍側(cè)面部分戏阅,如參考圖像中所示。

第17步

使用添加錨點(diǎn)工具(+)將新錨點(diǎn)添加到邊緣的中心來(lái)調(diào)整形狀啤它,向外推動(dòng)8 px的距離(右鍵單擊>變換>移動(dòng)>垂直> -8 px)然后將選定的錨點(diǎn)用平滑工具平滑一下奕筐。調(diào)整曲率,然后進(jìn)行下一步变骡。

第18步

創(chuàng)建128 x 116 px矩形(#FFF1E1)添加書(shū)的內(nèi)部部分离赫,單獨(dú)選擇并將其頂部錨點(diǎn)推向內(nèi)部58 px的距離進(jìn)行調(diào)整(右鍵單擊>變換>移動(dòng)>水平> + / - 58 px,取決于您從哪一側(cè)開(kāi)始)塌碌,將生成的形狀居中對(duì)齊到當(dāng)前部分的下邊緣渊胸。

第19步

在頂部邊緣的中心添加一個(gè)新錨點(diǎn)來(lái)繼續(xù)調(diào)整形狀,使用方向箭頭鍵移動(dòng)工具向內(nèi)推動(dòng)2 px的距離(右鍵單擊>變換>移動(dòng)>垂直> 2 px)台妆,然后通過(guò)首先將其轉(zhuǎn)換為平滑來(lái)調(diào)整其曲率翎猛,然后重新定位其手柄的端點(diǎn)。

第20步

接下來(lái)接剩,我們創(chuàng)建書(shū)內(nèi)部較暗的部分切厘,創(chuàng)建一個(gè)2 x 2 px圓圈,使用#615972進(jìn)行著色懊缺,然后定位距離前一個(gè)形狀的頂部錨點(diǎn)4 px的距離疫稿。

第21步

使用直接選擇工具(A)選擇其底部錨點(diǎn),然后按Delete刪除它,打開(kāi)我們剛剛創(chuàng)建的形狀而克。然后靶壮,使用參考圖像作為參考,繪制一條新的路徑员萍,將其側(cè)面部分向內(nèi)側(cè)彎曲腾降。花點(diǎn)時(shí)間碎绎,一旦完成螃壤,繼續(xù)下一步。

第22步

使用鋼筆工具(P繪制字母“W”筋帖,使用#615972為生成的形狀著色奸晴。完成后,請(qǐng)確保選擇并分組(Ctrl+G)所有書(shū)籍的構(gòu)圖形狀日麸,然后再繼續(xù)下一步寄啼。

(本教程由尋圖標(biāo)https://icon.52112.com提供)

5.創(chuàng)建書(shū)簽

現(xiàn)在我們已經(jīng)準(zhǔn)備好了所有書(shū)籍,我們可以快速添加書(shū)簽標(biāo)志代箭,我們將使用幾個(gè)簡(jiǎn)單的步驟創(chuàng)建書(shū)簽標(biāo)志墩划。

第1步

開(kāi)始處理標(biāo)志的上半部分,創(chuàng)建兩個(gè)8 x 8 px圓圈嗡综,使用#615972進(jìn)行著色乙帮,然后水平距離調(diào)整為16 px,將它們定位在中間書(shū)的底部极景,如參考圖片所示察净。

第2步

打開(kāi)我們剛創(chuàng)建的形狀的路徑,方法是使用直接選擇工具(A)選擇它們的右下錨點(diǎn)盼樟,然后按Delete鍵立即刪除它們氢卡。完成后,選擇生成路徑的頂部錨點(diǎn)晨缴,并使用Ctrl+J組合鍵將它們連接在一起异吻。

第3步

使用鋼筆工具(P)繪制其下部路徑,以參考圖像作為參照喜庞,完成形狀。與之前一樣棋返,在繼續(xù)下一部分之前延都,不要忘記將書(shū)籍和書(shū)簽一起選擇和分組(Ctrl+G)。

(本教程由尋圖標(biāo)https://icon.52112.com提供)

6.創(chuàng)建書(shū)蟲(chóng)

一旦你完成了書(shū)簽的創(chuàng)建睛竣,我們就可以鎖定當(dāng)前層晰房,然后我們就可以進(jìn)行下一部分也就是最后一部分操作了,創(chuàng)建書(shū)蟲(chóng)。

第1步

創(chuàng)建一個(gè)112 x 36像素的矩形作為蟲(chóng)子的身體殊者,使用#FFC7AE對(duì)其進(jìn)行著色与境,然后如參考圖像中所示定位到中間的書(shū)本上。

第2步

創(chuàng)建36 x 72 px矩形(#FFC7AE)作為上半身猖吴,我們將其放置在上一個(gè)形狀的頂部摔刁,確保將其對(duì)齊到其左邊緣。

第3步

使用“路徑查找器”的“聯(lián)合形狀模式”?將兩個(gè)形狀合并為一個(gè)海蔽,然后使用“刪除錨點(diǎn)工具”( - )刪除在兩個(gè)矩形相交形狀左邊緣上的額外錨點(diǎn)共屈。

第4步

調(diào)整我們剛剛創(chuàng)建的形狀,將其左下角的半徑設(shè)置為56px党窜,其內(nèi)角半徑設(shè)置為20px拗引,方法是使用直接選擇工具(A)分別選擇它們,然后使用圓角工具幌衣。一旦你完成了矾削,重復(fù)同樣的過(guò)程,選擇其頂部錨點(diǎn)和設(shè)置他們的半徑為18px豁护。

第5步

繼續(xù)調(diào)整形狀哼凯,使用直接選擇工具(A)選擇其右下錨點(diǎn),然后使用移動(dòng)工具將其推向外部12 px右鍵單擊>變換>移動(dòng)>水平> 12像素)择镇。

第6步

接下來(lái)挡逼,使用鋼筆工具(P)并使用#EFA689作為填充顏色在蠕蟲(chóng)的身體上繪制環(huán)形條紋,選擇圖形并將它們組合在一起(Ctrl+G)進(jìn)行下一步腻豌。

第7步

使用蟲(chóng)子底層形狀為副本(Control-C)來(lái)掩蓋環(huán)形條紋家坎,粘貼(Control-F)身體圖層然后使用該圖層創(chuàng)建蒙版(右鍵單擊>制作剪貼蒙版。)

第8步

創(chuàng)建小帽子吝梅,首先創(chuàng)建16×8px橢圓(#615972)虱疏,然后添加一個(gè)8×16像素的矩形進(jìn)行組合然后定位到頭部。

第9步

創(chuàng)建28 x 28 px的圓(#66CCB9)作為左鏡片苏携,填充形狀的28 x 28 px圓做瞪,顏色(#615972)調(diào)整為40%不透明度,分組(Ctrl+G)右冻,然后定位在參考圖像中的位置装蓬。

第10步

創(chuàng)建更大的48 x 48 px圓(#66CCB9)作為右鏡片,其填充形狀調(diào)整為40%不透明度纱扭,然后為其框架添加48 x 48 px圓和4 px厚的邊框(#615972)牍帚,進(jìn)行分組(Control-G)然后定位到頭部的另一側(cè),使其與較小的一側(cè)重疊乳蛾。

第11步

使用兩個(gè)8 x 8 px大小和4 px邊框的圓(#615972)創(chuàng)建眼睛暗赶,我們將使用直接選擇工具(A)選擇其頂部錨點(diǎn)進(jìn)行調(diào)整鄙币,然后通過(guò)按Delete刪除它們,參考下面圖像位置蹂随,分組Ctrl+G進(jìn)行下一步十嘿。

第12步

通過(guò)使用4 x 8 px矩形(#D68167)創(chuàng)建煙嘴,垂直堆疊一個(gè)8 x 4 px圓角矩形(#B26A59)在眼鏡下方岳锁。

第13步

創(chuàng)建4 x 12 px绩衷、56 x 28 px、28 x 12 px的矩形(#D68167)作為煙斗的主要形狀浸锨,拼湊成下圖形狀唇聘。

第14步

將我們剛剛創(chuàng)建的矩形統(tǒng)一為一個(gè)更大的形狀,使用圓角工具將底角半徑的曲率設(shè)置為28px柱搜、內(nèi)角半徑設(shè)置為12px迟郎。

第15步

接下來(lái),在煙斗的上部添加一個(gè)36 x 8 px圓角矩形(#B26A59)與煙斗主要形狀組合(Ctrl+G)聪蘸。

第16步

創(chuàng)建幾個(gè)不同大小的圓圈創(chuàng)建煙霧宪肖,并將填充顏色設(shè)置為#FFF1E1,分組(Ctrl+G)并將它們放置在煙斗圖層下方(如參考圖像中所示)(右鍵單擊>排列>后移一層)健爬。

第17步

使用鋼筆工具(P)創(chuàng)建胡須并刪除輪廓然后放置在眼鏡圖層上面控乾。

完成

(本教程由尋圖標(biāo)https://icon.52112.com提供)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市娜遵,隨后出現(xiàn)的幾起案子蜕衡,更是在濱河造成了極大的恐慌,老刑警劉巖设拟,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件慨仿,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡纳胧,警方通過(guò)查閱死者的電腦和手機(jī)镰吆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)跑慕,“玉大人万皿,你說(shuō)我怎么就攤上這事『诵校” “怎么了牢硅?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)芝雪。 經(jīng)常有香客問(wèn)我减余,道長(zhǎng),這世上最難降的妖魔是什么绵脯? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任佳励,我火速辦了婚禮,結(jié)果婚禮上蛆挫,老公的妹妹穿的比我還像新娘赃承。我一直安慰自己,他們只是感情好悴侵,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布瞧剖。 她就那樣靜靜地躺著,像睡著了一般可免。 火紅的嫁衣襯著肌膚如雪抓于。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,443評(píng)論 1 302
  • 那天浇借,我揣著相機(jī)與錄音捉撮,去河邊找鬼。 笑死妇垢,一個(gè)胖子當(dāng)著我的面吹牛巾遭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播闯估,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼灼舍,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了涨薪?” 一聲冷哼從身側(cè)響起骑素,我...
    開(kāi)封第一講書(shū)人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎刚夺,沒(méi)想到半個(gè)月后献丑,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡光督,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年阳距,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片结借。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡筐摘,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出船老,到底是詐尸還是另有隱情咖熟,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布柳畔,位于F島的核電站馍管,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏薪韩。R本人自食惡果不足惜确沸,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一捌锭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸掏导。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間泻红,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工霞掺, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谊路,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓根悼,卻偏偏與公主長(zhǎng)得像凶异,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子挤巡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容