1.創(chuàng)建新文檔
我們首先要使用Adobe Illustrator創(chuàng)建一個新文檔(文件>新建或控制-N)损俭,然后進行以下設(shè)置的調(diào)整:
畫板數(shù)量:1
寬度:800像素
高度:600像素
單位:像素
進入“高級”選項卡:
色彩模式:RGB
柵格效果:屏幕(72 ppi)
2.設(shè)置圖層
由于我們希望能夠隔離我們的構(gòu)圖并專注于圖片的不同部分徽千,因此最好將項目文件分層以完全簡化我們的工作流程煌集。
話雖如此炊汤,打開“圖層”面板烤低,讓我們創(chuàng)建三個單獨的圖層抵拘,我們將其命名如下:
第1層>background
第2層>book stack
第3層>bookworm
3.創(chuàng)建背景
一旦我們完成了文檔的分層祖凫,我們就可以開始繪制插圖了。
第1步
繪制如下圖所示的前景線
第2步
使用鋼筆工具(P)蜕着,然后以下面圖像為參考繪制背景谋竖,將其放置在前景線的頂部,然后填充顏色設(shè)置為#F77A61承匣。
第3步
由于此時我們已經(jīng)完成了背景工作蓖乘,現(xiàn)在我們可以使用鍵盤快捷鍵Ctrl+G將兩個形狀組合在一起,然后鎖定當前圖層韧骗,以便我們進行下一步的操作嘉抒。
4.創(chuàng)建小書堆
如果我們已經(jīng)完成了上面操作,我們就可以繼續(xù)下一圖層的繪制了(這將是第二層)袍暴,創(chuàng)建我們的小書堆些侍。
第1步
通過創(chuàng)建一個208 x 64像素的矩形開始處理底部書籍的側(cè)面部分,我們將使用#A3798D對其進行著色政模,然后定位到前景線上岗宣,距離右邊緣52 px。
第2步
在“變換”面板的“矩形屬性”中將其右角的半徑設(shè)置為32 px淋样,調(diào)整我們剛剛創(chuàng)建的形狀耗式。
第3步
使用192 x 64 px矩形(#BC93A8)添加書籍封面底部的形狀,我們將通過將其右角的半徑設(shè)置為32 px進行調(diào)整趁猴,將得到的形狀定位到側(cè)面部分刊咳,如圖所示參考圖像,使它們的錨點重疊儡司。
第4步
使用兩個8 x 8 px的正方形(#BC93A8)創(chuàng)建封面的端點娱挨,將其左半徑設(shè)置為4 px進行調(diào)整。完成后捕犬,所產(chǎn)生的形狀定位到當前部分的左側(cè)跷坝,并確保三個圖形能組合成一個
第5步
使用184 x 48 px的矩形添加書的內(nèi)部部分,使用#FFF1E1進行著色或听,然后通過將其右角的半徑設(shè)置為24 px進行調(diào)整探孝,以下面圖像為參考
第6步
創(chuàng)建48 x 4 px和36 x 4px(#F9D6B9)的兩條水平線笋婿,然后將較小的36 x 4px(#F9D6B9)矩形堆疊在頂部誉裆,距離為4px,通過設(shè)置半徑來調(diào)整他們的右角到2 px缸濒。完成后足丢,將兩個組合(Ctrl+G)將它們放置在內(nèi)部區(qū)域的左側(cè)粱腻,距離其底部邊緣8 px。
第7步
移回書的側(cè)面部分斩跌,使用28 x 28 px的圓(#615972)添加一些裝飾元素绍些,分別創(chuàng)建距離為92 x 8 px和距離為8 px,角度半徑為4 px的圓角矩形(#615972)如參考圖像中所示耀鸦。完成后柬批,請確保選擇并分組(Ctrl+G)所有書籍的構(gòu)圖形狀,然后進行下一步操作袖订。
第8步
使用200 x 48 px的矩形(#998FC9)為其側(cè)面部分創(chuàng)建中間的書氮帐,在“變形”面板的“矩形屬性”中將其右角的半徑設(shè)置為24 px。完成后洛姑,將生成的形狀放在較大的書的頂部上沐,距離其右邊緣20 px。
第9步
接下來我們使用152 x 48 px矩形(#B0ABD8)創(chuàng)建上面書籍的底部部分楞艾,右邊角為半徑為24 px参咙,在其左側(cè)我們將添加兩個8 x 8 px正方形(#B0ABD8)并將它們的左半邊調(diào)節(jié)為4px半徑的半圓。
第10步
添加144×32px的矩形(#FFF1E1)定位到下圖中的位置
第11步
接下來硫眯,我們創(chuàng)建48 x 4 px和36 x 4px(#F9D6B9)的兩條水平線蕴侧,然后將36 x 4像素的(#F9D6B9)堆疊在頂部,距離為4 px舟铜,我們將通過將右角的半徑設(shè)置為2像素進行調(diào)整戈盈。完成后,將兩個組合(Ctrl+G)并將兩個放置在內(nèi)部區(qū)域的左側(cè)谆刨,距離其底部邊緣8 px塘娶。
第12步
移動到書的側(cè)面,添加40×8px圓角矩形(#615972)調(diào)整為4 px的角半徑痊夭,中間留下8px的間隔創(chuàng)建另一個較寬的80×8px的圓角矩形(#615972)進行分組并調(diào)節(jié)到下圖位置
第13步
創(chuàng)建156 x 20 px的矩形制作打開的書籍刁岸,使用#FFBC6C進行著色,然后將其放置在前一個書籍圖層的頂部她我,距離其右邊緣28 px的距離虹曙。
第14步
調(diào)整我們剛剛創(chuàng)建的形狀,使用直接選擇工具(A)選擇其頂部錨點番舆,然后使用移動工具將它們向右推60px(右鍵單擊>變換>移動>水平> -60 px)酝碳。
第15步
創(chuàng)建168 x 8 px矩形(#FFBC6C)做書籍封面,在其右上角創(chuàng)建參考線調(diào)整形狀恨狈。完成后疏哗,將生成的形狀放在上一部分的頂部,如參考圖像中所示禾怠。
第16步
創(chuàng)建144 x 120 px矩形(#FFD37B)作為書籍的底部返奉,我們將通過使用“移動”工具單獨選擇并將其頂部錨點推向內(nèi)部60 px的距離進行調(diào)整(右鍵單擊>變換>移動>水平> + / - 60 px贝搁,具體取決于您從哪一側(cè)開始)。完成后芽偏,將生成的形狀放在書籍側(cè)面部分雷逆,如參考圖像中所示。
第17步
使用添加錨點工具(+)將新錨點添加到邊緣的中心來調(diào)整形狀污尉,向外推動8 px的距離(右鍵單擊>變換>移動>垂直> -8 px)然后將選定的錨點用平滑工具平滑一下膀哲。調(diào)整曲率,然后進行下一步被碗。
第18步
創(chuàng)建128 x 116 px矩形(#FFF1E1)添加書的內(nèi)部部分等太,單獨選擇并將其頂部錨點推向內(nèi)部58 px的距離進行調(diào)整(右鍵單擊>變換>移動>水平> + / - 58 px,取決于您從哪一側(cè)開始)蛮放,將生成的形狀居中對齊到當前部分的下邊緣缩抡。
第19步
在頂部邊緣的中心添加一個新錨點來繼續(xù)調(diào)整形狀,使用方向箭頭鍵或移動工具向內(nèi)推動2 px的距離(右鍵單擊>變換>移動>垂直> 2 px)包颁,然后通過首先將其轉(zhuǎn)換為平滑來調(diào)整其曲率瞻想,然后重新定位其手柄的端點。
第20步
接下來娩嚼,我們創(chuàng)建書內(nèi)部較暗的部分蘑险,創(chuàng)建一個2 x 2 px圓圈,使用#615972進行著色岳悟,然后定位距離前一個形狀的頂部錨點4 px的距離佃迄。
第21步
使用直接選擇工具(A)選擇其底部錨點,然后按Delete刪除它贵少,打開我們剛剛創(chuàng)建的形狀呵俏。然后,使用參考圖像作為參考滔灶,繪制一條新的路徑普碎,將其側(cè)面部分向內(nèi)側(cè)彎曲÷计剑花點時間麻车,一旦完成,繼續(xù)下一步斗这。
第22步
使用鋼筆工具(P繪制字母“W”动猬,使用#615972為生成的形狀著色。完成后表箭,請確保選擇并分組(Ctrl+G)所有書籍的構(gòu)圖形狀赁咙,然后再繼續(xù)下一步。
5.創(chuàng)建書簽
現(xiàn)在我們已經(jīng)準備好了所有書籍,我們可以快速添加書簽標志序目,我們將使用幾個簡單的步驟創(chuàng)建書簽標志。
第1步
開始處理標志的上半部分伯襟,創(chuàng)建兩個8 x 8 px圓圈猿涨,使用#615972進行著色,然后水平距離調(diào)整為16 px姆怪,將它們定位在中間書的底部叛赚,如參考圖片所示。
第2步
打開我們剛創(chuàng)建的形狀的路徑稽揭,方法是使用直接選擇工具(A)選擇它們的右下錨點俺附,然后按Delete鍵立即刪除它們。完成后溪掀,選擇生成路徑的頂部錨點事镣,并使用Ctrl+J組合鍵將它們連接在一起。
第3步
使用鋼筆工具(P)繪制其下部路徑揪胃,以參考圖像作為參照璃哟,完成形狀。與之前一樣喊递,在繼續(xù)下一部分之前随闪,不要忘記將書籍和書簽一起選擇和分組(Ctrl+G)。
6.創(chuàng)建書蟲
一旦你完成了書簽的創(chuàng)建骚勘,我們就可以鎖定當前層铐伴,然后我們就可以進行下一部分也就是最后一部分操作了,創(chuàng)建書蟲俏讹。
第1步
創(chuàng)建一個112 x 36像素的矩形作為蟲子的身體当宴,使用#FFC7AE對其進行著色,然后如參考圖像中所示定位到中間的書本上泽疆。
第2步
創(chuàng)建36 x 72 px矩形(#FFC7AE)作為上半身即供,我們將其放置在上一個形狀的頂部,確保將其對齊到其左邊緣于微。
第3步
使用“路徑查找器”的“聯(lián)合形狀模式”?將兩個形狀合并為一個逗嫡,然后使用“刪除錨點工具”( - )刪除在兩個矩形相交形狀左邊緣上的額外錨點。
第4步
調(diào)整我們剛剛創(chuàng)建的形狀株依,將其左下角的半徑設(shè)置為56px驱证,其內(nèi)角半徑設(shè)置為20px,方法是使用直接選擇工具(A)分別選擇它們恋腕,然后使用圓角工具抹锄。一旦你完成了环鲤,重復(fù)同樣的過程框冀,選擇其頂部錨點和設(shè)置他們的半徑為18px。
第5步
繼續(xù)調(diào)整形狀,使用直接選擇工具(A)選擇其右下錨點揪阿,然后使用移動工具將其推向外部12 px(右鍵單擊>變換>移動>水平> 12像素)。
第6步
接下來做个,使用鋼筆工具(P)并使用#EFA689作為填充顏色在蠕蟲的身體上繪制環(huán)形條紋见间,選擇圖形并將它們組合在一起(Ctrl+G)進行下一步。
第7步
使用蟲子底層形狀為副本(Control-C)來掩蓋環(huán)形條紋布疼,粘貼(Control-F)身體圖層然后使用該圖層創(chuàng)建蒙版(右鍵單擊>制作剪貼蒙版摊趾。)
第8步
創(chuàng)建小帽子,首先創(chuàng)建16×8px橢圓(#615972)游两,然后添加一個8×16像素的矩形進行組合然后定位到頭部
第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),進行分組(Control-G)然后定位到頭部的另一側(cè)肴沫,使其與較小的一側(cè)重疊粟害。
第11步
使用兩個8 x 8 px大小和4 px邊框的圓(#615972)創(chuàng)建眼睛,我們將使用直接選擇工具(A)選擇其頂部錨點進行調(diào)整颤芬,然后通過按Delete刪除它們悲幅,參考下面圖像位置,分組Ctrl+G進行下一步站蝠。
第12步
通過使用4 x 8 px矩形(#D68167)創(chuàng)建煙嘴汰具,垂直堆疊一個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)一為一個更大的形狀聚蝶,使用圓角工具將底角半徑的曲率設(shè)置為28px、內(nèi)角半徑設(shè)置為12px藻治。
第15步
接下來碘勉,在煙斗的上部添加一個36 x 8 px圓角矩形(#B26A59)與煙斗主要形狀組合(Ctrl+G)
第16步
創(chuàng)建幾個不同大小的圓圈創(chuàng)建煙霧,并將填充顏色設(shè)置為#FFF1E1桩卵,分組(Ctrl+G)并將它們放置在煙斗圖層下方(如參考圖像中所示)(右鍵單擊>排列>后移一層)验靡。
第17步
使用鋼筆工具(P)創(chuàng)建胡須并刪除輪廓然后放置在眼鏡圖層上面
完成