酷播亮新聞
最棒的知識補給站

AI教程/一組行星圖標

圖/文 MHJay

分析一下:

1.漂亮的色彩,很夢幻,真實的太空代入感;

2.插畫風格的圖標;

3.八個圖標的形式很相似(廢話,誰都看得出啊);

首先,新建一個文檔,命名宇宙行星,800*600像素,顏色模式為RGB,解析度為72ppi

STEP1 創建默認的「空白」圖標

(1)選擇矩形工具(M),繪製一個128 x 128像素的紅()正方形。再添加一個較小的116 x 116像素()的矩形,選中兩個矩形,水平垂直居中。

(2)選擇矩形工具(M),創建一個22 x 14像素的矩形圓角為7像素圓角半徑,顏色為()。將其定位到活動繪圖區域的左上角,在其左側留下6像素間距,從頂部留下11像素間距 。

創建一個68 x 14像素圓角矩形()和7像素角半徑,並將其放置在先前創建的形狀的右側,保留4像素的間距。

(3)繪製一個58 x 6像素的圓角矩形,圓角半徑為3像素。在兩邊創建兩個6×6像素的圓(),選中兩個圓和圓角矩形,窗口>路徑查找器,在彈出的面板中,選擇減去頂部 。

(4)將調整後的形狀置於先前創建的形狀的底部,並使用「對齊」對齊「水平中心」

(5)創建一個110 x 14像素的圓角矩形,圓角半徑為7像素()。並將其定位在連接器部分下方,確保將其與參考網格的可繪製區域的左側對齊。

(6)添加另一個86像素×6像素圓角矩形(除去兩個大小為6×6像素的圓)和放在前面的形狀下方位置,留下到右側14像素的距離。

(7)使用圓角矩形工具(M),創建一個108 x 14像素的形狀,圓角半徑為7像素()。然後將其放置在剛剛創建的圓角矩形下方,將其對準可繪製區域的右側。

(8)留一個空的間隙6像素,然後添加90×14像素圓角矩形(),圓角半徑為7像素。接著添加一個18×14像素圓角矩形(),圓角半徑為7像素。兩個矩形間距為4像素,然後將其與可繪製區域的左側對齊。

溫馨提示:如果你想知道為什麼空6像素的間距,因為我們會把星球放在它的中心,這意味著它最終將被掩蓋,所以不要擔心它。

(9)創建一個52 x 6像素的圓角矩形,圓角半徑為3像素。放在我們先前創建的寬圓角矩形的右側,這樣就可以得到與可繪製區域右側間距為32像素。

(10)創建一個76 x 14像素圓角矩形()與圓角半徑為7像素,放在上個圓角矩形下方,與右側區域間距為16像素

背景的整體形狀繪製完成,現在選擇所有的形狀並將它們組合在一起(Control+G),這樣可減少我們的誤操作。

(11)使用橢圓工具(L),創建一個16 x 16像素的圓(),然後位於背景的左上角,使其位於可繪製區域的左側,與頂端的間距為5像素

(12)添加一個微妙的亮點,複製(Control+C>Control+F)一個我們剛剛創建的圓形,然後應用一個-2像素的偏移量(對象>路徑>偏移路徑>-2像素),選擇生成的形狀和複製的圓形,減去頂層路徑查找器>減去頂層),將其顏色變為白色(),將其混合模式更改為柔光,將其不透明度更改為80%

(13)添加高亮部分後,通過使用4像素偏移量(選擇黃色形狀對象>路徑>偏移路徑> 4像素),將圓形投射到外部陰影。(),將其不透明度降低到10%

完成後,選擇所有三種形狀(陰影,黃色和高亮),使用Control+G鍵盤快捷鍵對其進行分組。

(14)直接選擇工具(A)選擇左上角的圓角矩形,複製一個副本(Control+C),將其移動到頂層(Control+Shift+])。選中副本和圓形組合,滑鼠右鍵單擊建立剪切蒙版

(15)選擇底部的圓角矩形,並創建一個圓24 x 24像素(),使用相同的過程添加高光和陰影,然後鑲嵌到底部圓形矩形內。

(16)使用橢圓工具(L),創建一個「空白」偽行星,繪製一個68 x 68像素的圓(),行星是主要焦點,確保將其放置在中心。

(17)選中空白偽行星,通過三次連續的4像素偏移量得到圓,將其顏色設置為黑色()並將其不透明度降低到10%,將三個透明的圓組合(Control+G)。

(18)選擇後面的所有圓角矩形,複製副本置於頂層,雙擊刪除裡面的圓。全選副本圓角矩形,然後轉到對象>複合路徑>建立(Control+8),然後按住Shift加選不透明圓組合,滑鼠右鍵單擊建立剪切蒙版

(19)選中所有形狀,滑鼠右鍵變換>移動,(水平:178像素、垂直:0像素、角度:0°,點擊複製按鈕)。再按兩次(Control+D)得到水平四個空白偽行星。選中四個行星,滑鼠右鍵變換>移動,(水平:0像素、垂直:178像素、角度:0°,點擊複製按鈕)。再按兩次(Control+D)得到垂直四個空白偽行星。

溫馨提示:可以在每個行星下面加上名字,以便繼續我們的工作。

我們將重命名如下:

水星

金星

地球

火星

木星

土星

天王星

海王星

(20)由於我們不希望所有的圖標看起來都是一樣的,所以我們可以選擇第二個,第四個,第六個和第八個,並且水平翻轉(滑鼠右鍵單擊>變換> 對稱>垂直>確定),這樣畫面更真實豐富。

我們終於完成了創建空白圖標,這意味著我們現在可以繼續添加其中每一個的細節。

STEP2 創建行星圖標細節

創建水星圖標

(1)由於水星的表面具有大量的隕石坑,我們可以通過創建一堆可變尺寸的圓圈來輕鬆地反映在我們的圖標中,我們將使用稍微較暗的灰色()進行著色。

(2)接下來,我們將創建一個戒指般的亮點給水星。

首先,選擇主灰色並創建一個副本(Control-C> Control-F),然後對該副本應用-2像素偏移量(對象> 路徑>偏移路徑)。

選擇所得到的偏移量和副本,滑鼠右鍵建立剪切蒙版(),其混合模式柔光,將其不透明度降至70

完成後,選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

創建金星圖標

金星上可謂火山密布,表面反映了它的暴力歷史;金星是一個有趣的星球,因為它的雲層主要是由二氧化硫和硫酸組成,完全覆蓋整個進行表面,這給它帶來了有趣的紋理。這讓我們的圖標脫穎而出,只需要幾個細節。

(1)選中第二個空白行星,講圓形的顏色從灰色改變為泥濘的黃色()。

(2)使用鋼筆工具(P),創造性地繪製一個稍微彎曲的部分,朝向行星的中心,我們將使用它來進行著色()。

(3)使用鋼筆工具(P),再畫出兩條彎曲的線條,一條朝向頂端,另一條彎曲的線條正好在我們之前創建的較大的線條上()。

(4)複製(Control+C>Control+F)黃色的圓置於頂層,加選前面鋼筆繪製的形狀,滑鼠右鍵建立剪切蒙版。

(5)使用橢圓工具(L),向行星表面的中心和頂部添加幾個細長形狀,顏色為()。

(6)添加相同的2像素厚的環狀在行星的表面上,就像我們與水星一樣。

(7)選中背景,滑鼠右鍵隔離選中的剪切蒙版滑鼠左鍵雙擊兩下,選擇左下角黃色內圓設置顏色() 和右上方的顏色更改為(),添加一點綠色部分(),使其類似於地球。

完成後,選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

創建地球圖標

與所有其他行星相比,地球是特別的,地球外部有水圈、大氣圈以及磁場。而且目前它也是唯一已知存在生命的星球。地球表面的獨特性永遠烙在我們的頭腦深處,這使得這個圖標真的很有趣,很容易創建。

(1)與以前的圖標一樣,將「空白」行星的顏色設置為()。

(2)選擇筆工具(P),繪製一些「地球」大陸,我們將使用顏色(),然後複製藍色圓置於頂層加選繪製的大陸,滑鼠右鍵建立剪切蒙版

(3)複製金星圖標的高光圓環,或者使用與之前相同的過程新創建的一個高光圓環。

(4)按照與背景相同的過程添加一堆雲,顏色(),混合模式為柔光

(5)選中背景,滑鼠右鍵隔離選中的剪切蒙版滑鼠左鍵雙擊兩下,選擇黃色內圓設置顏色()。繪製一個2 x 2像素的撞擊坑()。選擇右下角的天體,設置顏色() 。

完成後,選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

創建火星圖標

地球上的鄰居是「火星」,這個星球幾千年來一直引發人類的想像,因為許多人仍然希望再次星球上發現類似於地球能承載生命跡象。

現在,這個星球大多覆蓋著與其他天體的撞擊造成的峽谷和火山口,這使得它很容易被重新創建為一個圖標。

(1)選擇黃色的圓,將其顏色改變為()。

(2)使用橢圓工具(L),設置顏色()創建一些細長的形狀和圓形,並將它們分散到行星的中心和表面其他地方。

(3)在頂部添加一個橢圓18 x 6像素(),複製紅色圓加選白色橢圓右鍵建立剪切蒙版

(4)複製地球圖標的高光圓環,或者使用與之前相同的過程新創建一個高光圓環。

(5)選中背景,滑鼠右鍵隔離選中的剪切蒙版滑鼠左鍵雙擊兩下,選擇左下角黃色內圓設置顏色()(給它一個細節小圓)。右上方的顏色更改為(),添加一點綠色部分(),使其類似於地球。

完成後,選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

創建木星圖標

我們現在已經到了我們的第二行行星,木星是一個沒有實體表面氣態巨行星。

與所有其他行星相比,木星可能是我們的小太陽系最美麗有趣的行星之一,也是最可怕的行星之一(大氣壓力等於1MPa(10bar)),因為強大的風暴正在不斷塑造。

(1)選擇灰色圓,將顏色變為()。

(2)使用鋼筆工具(P),繪製幾條更亮的線條細節線,(),繪製幾條較暗的線條(),複製圓形置於頂層加選所有線條,滑鼠右鍵建立剪切蒙版。

(3)使用橢圓工具(L),使用與上一步相同的顏色,在行星表面添加一些橢圓形狀。

(4)複製上面圖標的高光圓環,或者使用與之前相同的過程新創建一個高光圓環。

(5)通選中背景,滑鼠右鍵隔離選中的剪切蒙版滑鼠左鍵雙擊兩下,選擇左上角黃色內圓設置顏色()。右下方的顏色更改為(),添加一條小對角線()。

完成後,選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

創建土星圖標

土星是太陽的第六顆行星,也是少數幾個在它周圍有冰塊和岩石的地球之一,給它一個獨特的形狀。

與木星類似,天體是由大氣覆蓋,它賦予它有趣的紋理,使它更容易重現為一個圖標。

(1)選擇較大的圓,顏色變為()。

(2)使用矩形工具(M),創建一些高度不等的水平矩形,較淺的水平矩形(),過度的水平矩形(),並較深的水平矩形()。

(3)複製木星圖標的高光圓環,或者使用與之前相同的過程新創建一個高光圓環。

(4)創建一個98 x 26像素的橢圓()和一個78 x 18像素橢圓()來添加行星的皮帶,滑鼠右鍵建立剪切蒙版。旋轉24°右鍵單擊>變換>旋轉> 24),並置於頂層。

(5)複製黃色大圓至於皮帶後面,加選行星皮帶(路徑查找器>分割),取消編組刪除多餘形狀,保留有用的形狀,(路徑查找器>聯集)。

(6)通選中背景,滑鼠右鍵隔離選中的剪切蒙版滑鼠左鍵雙擊兩下,選擇左下角黃色內圓設置顏色()。右上方的顏色更改為(),添加一條小對角線(),高光環放置在頂層。

完成後,選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

創建天王星圖標

太陽系中的第三大行星,天王星是一個特別有趣的行星,由於其有趣的軌道和顏色。這是我們地球附近最冷的星球,這使得它很容易描繪,正如我們將在以下時刻看到的。

(1)選擇大圓將顏色改變為()。

(2)使用鋼筆工具(P),繪製三個垂直線段(),複製大圓建立剪切蒙版。

(3)使用橢圓工具(L),創建兩個垂直細長的橢圓形狀,顏色為(),並將它們放置在行星表面的右上角。

(4)複製土星圖標的高光圓環,或者使用與之前相同的過程新創建一個高光圓環。

(5)接下來,我們需要添加一個垂直帶,通過創建一個12 x 90像素的橢圓()和另一個8 x 86像素的橢圓(),選中兩個橢圓(路徑查找器>減去頂層)。置於頂層。

(6)複製藍色大圓至於垂直帶後面,加選行星皮帶(路徑查找器>分割),取消編組刪除多餘形狀,保留有用的形狀,(路徑查找器>聯集)。

(7)選中背景,滑鼠右鍵隔離選中的剪切蒙版滑鼠左鍵雙擊兩下,選擇左上角黃色內圓設置顏色()。右下方的顏色更改為()。完成後,選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

創建海王星圖標

這是一個漫長的旅程,但我們現在在海王星附近,看到美麗鮮艷的海之藍。

太陽系最遠的已知行星,最密集的行星,其氣氛主要由氫和氦組成,賦予其特徵的藍色。

(1)將較大圓的顏色更改為()。

(2)使用鋼筆工具(P),繪製兩個高度可變形狀(),複製藍色大圓加選兩個形狀建立剪切蒙版。

(3)選擇橢圓工具(L),在海王星表面創建一些淺色斑點()和一個較暗的橢圓元素()。

(4)複製天王星圖標的高光圓環,或者使用與之前相同的過程新創建一個高光圓環。

(5)通過從土星圖標抓取一個正確的天體的副本來完成圖標,並替換我們目前的天體。

並且,一如往常,不要忘記選擇所有圖標的元素使用Control+G鍵盤快捷鍵編組。

STEP3 製作彩色漸變

在這一點上,我們需要添加的是平滑的「糖果」漸變,這將使圖標更具視覺吸引力。

(1)對於每個圖標,識別主要的構圖形狀,並創建它們的副本(Control+C>Control+F),將其置於頂層。我們正在談論的形狀是空間背景,代表行星較大圓,以及行星後面的圓角矩形組合的形狀。

對於每個副本,轉到(對象>複合路徑>創建/Control+8),使形狀作為一個整體。

(2)選擇副本,對它們應用線性漸變,紫色()到藍色(),將角度設置為90°

(3)繼續選中漸變色形狀,打開(窗口>外觀)面板,將混合模式設置為疊加不透明度降低到80%

完成後,選中單個行星和對應的漸變色形狀分組Control+G),以使它們不會被錯誤地分開。

最後刪除所有紅色和灰色矩形,完成啦!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 設計源 的精彩文章:
如有侵權請來信告知:酷播亮新聞 » AI教程/一組行星圖標