平面設(shè)計:創(chuàng)建精美的書蟲圖標


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)建胡須并刪除輪廓然后放置在眼鏡圖層上面


完成

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末倍宾,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子胜嗓,更是在濱河造成了極大的恐慌高职,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件辞州,死亡現(xiàn)場離奇詭異怔锌,居然都是意外死亡,警方通過查閱死者的電腦和手機孙技,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來排作,“玉大人牵啦,你說我怎么就攤上這事⊥荆” “怎么了哈雏?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長衫生。 經(jīng)常有香客問我裳瘪,道長,這世上最難降的妖魔是什么罪针? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任彭羹,我火速辦了婚禮,結(jié)果婚禮上泪酱,老公的妹妹穿的比我還像新娘派殷。我一直安慰自己,他們只是感情好墓阀,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布毡惜。 她就那樣靜靜地躺著,像睡著了一般斯撮。 火紅的嫁衣襯著肌膚如雪经伙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天勿锅,我揣著相機與錄音帕膜,去河邊找鬼。 笑死溢十,一個胖子當著我的面吹牛泳叠,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播茶宵,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼危纫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起种蝶,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤契耿,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后螃征,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體搪桂,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年盯滚,在試婚紗的時候發(fā)現(xiàn)自己被綠了踢械。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡魄藕,死狀恐怖内列,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情背率,我是刑警寧澤话瞧,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站寝姿,受9級特大地震影響交排,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜饵筑,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一埃篓、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧根资,春花似錦都许、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至桨仿,卻和暖如春睛低,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背服傍。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工钱雷, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人吹零。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓罩抗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親灿椅。 傳聞我的和親對象是個殘疾皇子套蒂,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

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