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)行下一步的操作虹茶。
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ù)下一步寄啼。
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)。
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)建胡須并刪除輪廓然后放置在眼鏡圖層上面控乾。
完成