1.設置新文檔
啟動并在后臺運行Illustrator,創建新文檔(文件>新建或Ctrl-N):
畫板數量:?1
寬度:?800像素
高度:?600像素
單位:?像素
進入“?高級”選項:
色彩模式:?RGB
柵格效果:屏幕(72ppi)
預覽模式:默認
2.設置自定義網格
為了使我們的圖標更加精細這里我們需要創建一個自定義網格以便于我們對圖標的細節進行調整。
第1步
轉到編輯>首選項>參考線和網格子菜單,然后進行以下設置:
網格線間隔:?1 px
次分隔線:?1
第2步
設定好自定義網格的屬性,接下來我們需要做的就是確保我們繪制的形狀看起來更加整齊、精細,我們可以進入“?視圖”菜單找到“?對齊網格”選項,每次進入“?像素預覽”時,它都會轉換為“?對齊像素”模式。
3.如何設置圖層
創建新文檔后,使用圖層將沒個圖標分隔開是個不錯的方法,這樣做會使我們的工作流程更加清晰不容易犯下一些低級的錯誤。
打開“?圖層”面板,創建四個圖層,將它們重命名如下:
第1層:參考網格
第2層:心形氣球
第3層:訂婚戒指
第4層:婚禮蛋糕
4.如何創建參考網格
基準網格(或基礎網格)是確定我們圖標大小的關鍵,同時也方便我們統一圖標的水平和樣式。
第1步
首先鎖定除參考網格圖層以外的所有圖層,然后選擇矩形工具(M)并創建一個128 x 128像素的橙色(#F15A24)方塊。
第2步
另外添加一個較小的120 x 120 px?方塊(#FFFFFF),這個方塊將作為我們的活動繪圖區域,同時這樣做也為我們提供了4 px的描邊。
第3步
使用Ctrl-G鍵盤快捷鍵將構成參考網格的兩個正方形進行分組,然后在彼此相距40 px的位置創建兩個副本,確保將它們與畫板的中心對齊。
完成后,鎖定當前圖層并轉到下一個圖層,我們將開始繪制第一個圖標。
5.制作心形氣球圖標
第1步
首先創建一個48 x 48像素的圓圈開始繪制較大的氣球,使用#ED664C為圓圈進行著色 ,然后將圓與下面的活動繪圖區域的左上角對齊,距離其頂部邊緣4 px,距離其左邊緣14 px。
第2步
創建另一個48 x 48 px圓,使用相同的顏色(#ED664C)進行著色,然后定位在底層活動繪圖區域的右側,保持相同的距離(距離頂部4 px,距右側14 px) 。
第3步
另外在兩和圓形的下方繪制出一個48 x 48 px圓(#ED664C),將其中心對齊到下面的活動繪圖區域,定位在距底部邊緣36 px的位置。
第4步
選擇所有的圓圈,然后將它們合并成一個更大的形狀(路徑查找器>聯集)。
第5步
通過刪除合并后圓圈的四個中間錨點,通過使用刪除錨點工具( - )左鍵單擊它們即可。
第6步
打開視圖中的“?像素預覽”模式(Alt-Ctrl-Y),然后選擇形狀左側錨點的底部手柄?并將其拖動到底部,直到其終點與原點之間的距離為22像素,得到新形狀 ?。
第7步
選擇形狀底部錨點的左手柄并將其向外拖動直到它的終點和原點之間的距離為16像素。
完成后,您可以使用Alt-Control-Y鍵盤快捷鍵退出像素預覽模式。
第8步
將心形切成兩半,然后選擇并移除左側形狀的錨點,按下Ctrl-J組合鍵關閉生成的路徑。
第9步
創建一個上一步完成形狀的副本(Ctrl-C> Ctrl-F)(右鍵單擊>變換>對稱>垂直)然后定位在原始圖形的右側,選擇并聯合兩個形狀(路徑查找器>聯集)。
第10步
使用描邊為生成的形狀提供輪廓。首先創建一個圖形的副本(Ctrl-C),將其粘貼在原始圖形的前面(Ctrl-F),將其顏色設置為#252730。然后將它的描邊和填充進行翻轉(Shift-X),將描邊粗細設置為8 px,邊角設置為圓角。
完成后,選擇兩個形狀并使用Ctrl-G?鍵盤快捷鍵對它們進行分組。
第11步
使用20 x 12 px矩形創建綁住的氣球部分,使用#C15846為矩形進行著色 ,然后將其中心對齊到下面的活動繪圖區域,距離其底部邊緣24 px。
第12步
選擇并將其頂部錨點向內部推動4px(右擊>變換>移動>水平> + / - 4 px,具體取決于在哪一側開始),調整我們剛剛創建的矩形。
第13步
使用描邊方法為生成的形狀提供8 px的輪廓(#252730),將其邊角設置為圓角。完成后,使用Ctrl-G鍵盤快捷鍵選擇兩個形狀并將它們組合在一起。
第14步
選擇鋼筆工具(P),顏色設置為#252730繪制輪廓和氣球的綁線。
綁線一直延伸到活動繪圖區域的底部邊緣,選擇并分組(Ctrl-G)目前為止我們繪制的所有形狀。
第15步
創建心形氣球主體形狀的副本(Ctrl-C> Ctrl-F),使用它創建一個較小的心形(右鍵單擊>變換>縮放>等比> 50%)。
將其描邊的粗細設置為8像素,然后將其對齊到下方活動繪圖區域的左側,定位在距底部邊緣24 px的位置。
第16步
將心形填充形狀的顏色設置為暗紅色(#C15846),然后使用16 px長8 px寬的線條(#252730)繪制小氣球綁線部分,選擇新建的圖形并進行分組(Ctrl-G),將它們放置在大心形氣球的下方(右鍵單擊>排列>后移一層)。
第17步
使用左側的心形氣球副本創建右側的心形氣球(Ctrl-C> Ctrl-F),將副本對齊到活動繪圖區域的另一側,定位在距離底邊4 px的位置。
完成后,使用Ctrl-G鍵盤快捷鍵選擇圖標的所有合成部分并將其組合在一起。
6.創建訂婚戒指圖標
移動到下一層(第三層),放大第二個參考網格,讓我們開始繪制訂婚戒指。
第1步
使用32 x 12 px大小的矩形創建鉆石的主要形狀,使用#52B9D1為該矩形進行著色 ,然后將其中心對齊到下面的活動繪圖區域,定位在距其頂部邊緣4 px的位置。
第2步
選擇并使用移動工具將矩形頂部錨點向內部推動6 px的距離(右鍵單擊>變換>移動> + / - 6 px,具體取決于從哪一側開始)。
第3步
使用“?添加錨點工具”(+),將新錨點添加到形狀的中心,然后使用“?移動”工具將新錨點向下推動14 px(右鍵單擊>“變換”>“移動”>“垂直”> 14像素)。
第4步
為新建的形狀添加8 px的描邊(#252730)。
第5步
給鉆石的水平位置添加8 px的分隔線(#252730),然后選擇并分組(Ctrl-G)三個圖形。
第6步
創建一個86 x 86 px圓圈繪制戒指的圓環部分,使用#EAA74E為該圓圈進行著色,然后將其中心對齊到下面的活動繪圖區域,距離底部邊緣4 px。
第7步
創建一個54 x 54 px圓圈(以橙色突出顯示),居中對齊前一個圓圈,然后使用路徑查找器的減去頂層刪去中間的圓圈部分。
第8步
為結果形狀提供8 px的輪廓(#252730),選擇并將兩者組合在一起(Ctrl-G),然后對戒指的所有組成部分執行相同操作,完成圖標。
7.創建婚禮蛋糕圖標
定位在圖層的最后一層,放大它的參考網格,讓我們完成最后一個圖標的繪制。
第1步
使用112 x 12 px的矩形創建一個金色的托盤,使用#EAA74E為該矩形進行著色,然后將其中心對齊到下面的活動繪圖區域,距離底部邊緣4 px。
第2步
調整我們剛剛創建的形狀,通過使用移動工具選擇并將其底部錨點向內推動4 px的距離(右鍵單擊>變換>移動>水平> + / - 4 px,具體取決于從哪一側開始)。
第3步
使用描邊功能為結果形狀提供8 px的輪廓(#252730)并設置為圓形邊角,然后使用Ctrl-G鍵盤快捷鍵選擇并將兩個形狀組合在一起。
第4步
使用84 x 28 px矩形創建蛋糕的底部形狀,使用#AD584D為它進行著色,然后將其中心對齊到金色托盤,距離為0像素。
第5步
通過使用直接選擇工具(A)選擇剛剛創建形狀的頂角,然后在“?變換”?面板中將其半徑設置為8 px。
第6步
添加白色巧克力部分,創建棕色形狀的副本(Ctrl-C> Ctrl-F),將副本的填充色調整為#E2BFA1,然后選擇其底部錨點并將它們向上推動16 px(右鍵單擊>變換>移動>垂直> - 16像素)。
第7步
使用8 px粗細的線條給蛋糕的底部部分畫上輪廓,使用#252730為線條進行著色。
第8步
使用8 px粗細的線條將蛋糕的兩種顏色分開(#252730)。
完成后,使用Ctrl-G鍵盤快捷鍵選擇所有形狀并組合在一起。
第9步
創建一個60 x 24像素的矩形(#AD584D),開始繪制蛋糕的中心部分,將矩形頂角的半徑設置為8像素。然后將生成的形狀對齊到蛋糕底部,垂直堆疊距離調整為0像素。
第10步
通過創建上一步完成形狀的副本(Ctrl-C> Ctrl-F)添加白色巧克力部分,使用#E2BFA1為該副本進行著色 ,然后通過選擇并將其底部錨點向上推動12px的距離(右鍵單擊>變換>移動>垂直> -12像素)。
第11步
為完成的形狀添加8 px的描邊(#252730),然后添加同樣粗細的水平分隔線,完成蛋糕的這一部分。完成后,不要忘記選擇并將所有組成形狀組合(Ctrl-G)在一起。
第12步
使用36 x 20 px矩形(#AD584D)創建蛋糕的上半部分,將矩形頂角的實時角半徑設置為8 px,將生成的形狀定位在先前創建形狀的頂部。
第13步
給我們剛剛創建的形狀添加一個副本(Control-C> Control-F),然后將其顏色更改為#E2BFA1,選擇并將其底部錨點向上推動10像素(右鍵單擊>變換>移動>垂直> -10像素)。
第14步
為完成的形狀添加8 px的描邊(#252730)和水平分隔線,然后將四個形狀進行分組(Control-G)。
第15步
創建一個16 x 16 px圓(#ED664C)來開始繪制一個小的心形,將其放置在距活動繪圖區域頂部邊緣4 px,距離左邊緣45 px。
第16步
創建另一個16 x 16 px圓(#ED664C)作為心臟的右側部分,將其放置在活動繪圖區域的另一側,距離右邊緣45 px。
第17步
創建另一個16 x 16 px的圓圈作為心形的底部部分,使用#ED664C為該圓圈進行著色 ,然后將中心對齊到下面的活動繪圖區域,垂直堆疊到蛋糕頂部。
第18步
選擇三個圓圈使用路徑查找器的聯集功能將它們變成一個形狀,然后調整最終的形狀的手柄將它變得更像是一個心形。
第19步
給心形添加一個8像素的輪廓(#252730),選擇并將兩個形狀進行分組(Ctrl-G)完成圖標,然后對整個圖標的所有組成形狀執行同樣的操作。
完成