今天我們有一個特別的任務,將太陽系的行星以圖標的形式重新創建,我們將使用強大的Illustrator,在今天的教程里你可以學到一些新的技能。文章有點長,步驟非常細致,根據以下步驟,相信你可以學到新的東西。
我們先來看看最終的效果:
嗯,分析一下子:
1.漂亮的色彩,很夢幻,真實的太空代入感;
2.插畫風格的圖標;
3.八個圖標的形式很相似(廢話,誰都看得出啊);
OK,接下來我們開始動手制作:
首先,新建一個文檔,命名宇宙行星,800*600像素,顏色模式為RGB,分辨率為72ppi。
STEP1 創建默認的“空白”圖標
(1)選擇矩形工具(M),繪制一個128 x 128像素的紅(#f97373)正方形。再添加一個較小的116 x 116像素(#f2f2f2)的矩形,選中兩個矩形,水平垂直居中。
(2)選擇矩形工具(M),創建一個22 x 14像素的矩形圓角為7像素圓角半徑,顏色為(#656370)。將其定位到活動繪圖區域的左上角,在其左側留下6像素間距,從頂部留下11像素間距 。
創建一個68 x 14像素圓角矩形(#656370)和7像素角半徑,并將其放置在先前創建的形狀的右側,保留4像素的間距。
(3)繪制一個58 x 6像素的圓角矩形,圓角半徑為3像素。在兩邊創建兩個6×6像素的圓(#656370),選中兩個圓和圓角矩形,窗口>路徑查找器,在彈出的面板中,選擇減去頂部 。
(4)將調整后的形狀置于先前創建的形狀的底部,并使用“ 對齊”框對齊“水平中心”。
(5)創建一個110 x 14像素的圓角矩形,圓角半徑為7像素(#656370)。并將其定位在連接器部分下方,確保將其與參考網格的可繪制區域的左側對齊。
(6)添加另一個86像素×6像素圓角矩形(除去兩個大小為6×6像素的圓)和放在前面的形狀下方位置,留下到右側14像素的距離。
(7)使用圓角矩形工具(M),創建一個108 x 14像素的形狀,圓角半徑為7像素(#656370)。然后將其放置在剛剛創建的圓角矩形下方,將其對準可繪制區域的右側。
(8)留一個空的間隙6像素,然后添加90×14像素圓角矩形(#656370),圓角半徑為7像素。接著添加一個18×14像素圓角矩形(#656370),圓角半徑為7像素。兩個矩形間距為4像素,然后將其與可繪制區域的左側對齊。
溫馨提示:如果你想知道為什么空6像素的間距,因為我們會把星球放在它的中心,這意味著它最終將被掩蓋,所以不要擔心它。
(9)創建一個52 x 6像素的圓角矩形(#656370),圓角半徑為3像素。放在我們先前創建的寬圓角矩形的右側,這樣就可以得到與可繪制區域右側間距為32像素。
(10)創建一個76 x 14像素圓角矩形(#656370)與圓角半徑為7像素,放在上個圓角矩形下方,與右側區域間距為16像素。
背景的整體形狀繪制完成,現在選擇所有的形狀并將它們組合在一起(Control+G),這樣可減少我們的誤操作。
(11)使用橢圓工具(L),創建一個16 x 16像素的圓(#e2d388),然后位于背景的左上角,使其位于可繪制區域的左側,與頂端的間距為5像素。