1. 程式人生 > >在Adobe Illustrator中建立太陽系行星圖示包

在Adobe Illustrator中建立太陽系行星圖示包

在這裡插入圖片描述
宇宙是廣袤空間和其中存在的各種天體以及瀰漫物質的總稱,宇宙起源是一個極其複雜的問題,今天我們就著手用AI中基礎的繪圖工具繪製太陽系中的行星。

一、設定新文件

首先,開啟檔案>新建或使用Control-N快捷鍵建立新文件,並進行以下設定

畫板數量:1

寬度:800畫素

高度:600畫素

單位:畫素

進入“高階”選項卡

色彩模式:RGB

光柵效果:螢幕(72ppi)

選中物件與畫素網格對齊
在這裡插入圖片描述
二、設定圖層

文件建立後,進行分層專案,這將通過關注一個圖示來幫助我們保持穩定的工作流程

因此,使用圖層面板,建立九個圖層,重新命名如下

第1層

:reference grids參考網格

第2層:mercury水星

第3層:venus金星

第4層:earth地球

第5層:mars火星

第6層:jupiter木星

第7層:saturn土星

第8層:uranus天王星

第9層:neptune海王星
在這裡插入圖片描述
注意:在開始繪製圖像前,我們需要單擊眼睛圖示旁的小圓圈(Toggles Lock)鎖定除我們當前正在處理的圖層之外的所有圖層

三、設定自定義網格

進入編輯>首選項>參考線和網格子選單,並做如下調整

網格線:1px

細分:1
在這裡插入圖片描述
四、建立參考網格

參考網格的建立可以方便我們繪製過程中觀察圖形的水平和對齊,網格的大小一般決定了圖示的大小,每個圖示的建立就是以參考網格為準則

第1步

鎖定除參考網格之外的所有圖層,選擇矩形工具(M)繪製一個128×128畫素的紅色(#F97373)方塊,定義圖示的大小進行調整
在這裡插入圖片描述
第2步

新增另一個較小的116×116px矩形(#F2F2F2),作為我們的活動繪圖區域,從而為我們提供6px的邊緣填充
在這裡插入圖片描述
第3步

使用Control-G快捷鍵將兩個矩形組合在一起,然後建立七個間隔40px的副本,將它們堆疊成兩行(每行四個),並與畫板中心對齊
在這裡插入圖片描述
五、建立預設“空白”圖示

正如預覽影象中觀察的那樣,所有圖示都遵循相似但不完全相同的構圖或基礎,八個圖示中存在一些共同的元素

這意味著我們可以構建一個“空白”圖示,然後我們可以通過新增或刪除其組成元素中的細節來建立剩餘的圖示,從而使創作過程非常方便快捷。

第1步

選擇第一個參考網格,放大(以便觀察),使用圓角矩形工具(M),建立一個22×14畫素,7畫素角半徑的形狀,顏色設定為#656370,定位在繪圖區域的左上角,左側留下6畫素,頂部留下11畫素的距離
在這裡插入圖片描述
注意:建議開啟“畫素預覽”模式(檢視>畫素預覽>Alt-Control-Y),以便更輕鬆的根據基礎畫素網格確定形狀
在這裡插入圖片描述
第2步

建立一個7px角半徑68×14px的圓角矩形(#656370),並將其放置在先前建立的形狀的右側,六處4px的間隙
在這裡插入圖片描述
第3步

建立雲中間連線的形狀

首先,建立3px角半徑58×6px的圓角矩形,使用#656370進行著色,然後兩個6×6px圓圈(用紅色突出顯示),使用路徑查詢器裡的減去功能對圓形進行調整
在這裡插入圖片描述
第4步

將調整後的形狀放在先前建立的形狀下方,水平居中(對齊面板)
在這裡插入圖片描述
第5步

建立7px角半徑110×14px的圓角矩形#656370,將其放置在聯結器的下方,將其對齊到可繪製區域的左側
在這裡插入圖片描述
第6步

新增86×6px的連線形狀,並將其放置在前一個形狀的下方,放置在可繪製區域右側14px的位置
在這裡插入圖片描述
第7步

使用圓角矩形工具,建立一個108×14畫素7px角半徑的形狀,使用#656370進行著色,將其放置在我們剛剛建立好的形狀下方,將其對齊到可繪製區域的右側
在這裡插入圖片描述
第8步

留出6px間隙,新增一個90×14px、7px角半徑的圓角矩形(#656370),然後再繪製一個18×14px的圓角矩形(#656370),將它們之間的距離調整為4畫素,並將它們對準到可繪製區域的左側
在這裡插入圖片描述
第9步

建立一個52×6px連線形狀,使用#656370進行著色,並將其放置在我們前一步建立的形狀下方(朝向右側),放置在距離右側32px的位置
在這裡插入圖片描述
第10步

建立一個76×14、7px角半徑的圓角矩形(#656370),將它放置在第三個連線形狀的下方,距離可繪製區域右側6px
在這裡插入圖片描述
第11步

使用橢圓工具(L),建立一個16×16畫素的圓圈,使用#e2d388進行著色,然後將其放置在背景的左上角,距離可繪製區域頂部5px的位置
在這裡插入圖片描述
第12步

製作它的副本(Control-C> Control-F),然後對其應用-2px位移,為我們剛剛建立的小太陽新增一個微妙的高光(選擇副本並選擇 物件>路徑>偏移路徑> - 2 px),然後選擇路徑查詢器的減去功能
在這裡插入圖片描述
第13步

選擇生成的形狀並將其顏色更改為白色(#FFFFFF),將其混合模式更改為柔光,將不透明度更改為80%
在這裡插入圖片描述
第14步

新增高光後,使用4畫素偏移為太陽提供外部陰影(選擇黃色形狀並選擇“ 物件”>“路徑”>“偏移路徑”> 4畫素

使用黑色(#000000)為生成的形狀著色,並將其不透明度降低至10%

完成後,選擇所有三個形狀(陰影,黃色和高光)並使用Control-G快捷鍵對他們進行分組
在這裡插入圖片描述
第15步

由於我們希望小太陽位於底層背景區域內,我們將建立圓角矩形(Control-C)的副本將其貼上到行星前面(Control-F)

給副本建立剪貼蒙版,方法是選擇它和我們在上一步中分組的物件,然後右鍵單擊>製作剪貼蒙版
在這裡插入圖片描述
第16步

向下移動到背景的底部,並建立一個稍大(24×24px)稍暗(#d8ca8b)的行星,使用相同的方法新增高光和陰影,然後使用更大的圓形遮住它
在這裡插入圖片描述
第17步

使用橢圓工具(L),繪製一個68×68px圓(#d0d0d8)建立一個“空白”的行星,我們稍後再對這八個行星的基礎形狀進行定製與調整

由於行星將成為主要焦點,因此要確保將行星定位到參考網格的中心
在這裡插入圖片描述
第18步

首先建立三個連續的4px偏移的大圓圈,為行星新增三個陰影,然後將其顏色設定為黑色(#000000)並將它們的不透明度降低到10%
在這裡插入圖片描述
第19步

選擇背景的副本將所有圖形進行分組,建立副本,然後轉到物件>複合路徑並點選“建立”將背景副本變為可用的剪貼蒙版
在這裡插入圖片描述
完成後,選擇它和陰影,然後右鍵單擊>製作剪貼蒙版,遮住多出的陰影部分
在這裡插入圖片描述
第20步

完成了預設“空白”圖示,我們建立七個副本並將它們定位到剩餘的參考網格上
在這裡插入圖片描述
第21步

由於我們不希望所有圖示看起來都是一樣的,我們可以選擇第二個、第四個、第六個和第八個影象並水平對映它們(右鍵單擊>變換>反射>水平)讓整個合集看起來更加豐富
在這裡插入圖片描述
六、建立水星圖示

跳轉到水星圖層同時將其餘的圖層鎖定起來後,開始繪製水星圖示

第1步

由於水星的表面具有大量的隕石坑,我們可以通過建立一堆大小不一的圓圈表現這一特徵,使用稍暗的灰色陰影(#aaaab2)進行著色
在這裡插入圖片描述
第2步

接下來,建立一個環狀的高光使這個星球更加有層次感

首先,選擇灰色環狀並建立它的副本(Control-C> Control-F),然後對副本應用2px偏移

選擇生成的偏移和複製的形狀,使用路徑查詢器的減去功能來建立一個缺口,將它的顏色設定為白色(#FFFFFF),改變它的混合模式為柔光將不透明度更改為68%
在這裡插入圖片描述
七、建立金星圖示

第1步

定位到第二層,然後放大第二個參考網格

將行星顏色從灰色變為泥黃色(#d8ca8b)
在這裡插入圖片描述
第2步

使用鋼筆工具(P),繪製一個略微彎曲的部分放置到行星的中心,使用#bcaf75進行著色
在這裡插入圖片描述
第3步

選擇鋼筆工具(P),繪製兩條彎曲的線條,一條朝向頂部,另一條延伸到我們之間建立的較大的線條下面,使用#sadba0進行著色
在這裡插入圖片描述
第4步

建立行星主體形狀的副本使用剪貼蒙版遮住行星多餘形狀
在這裡插入圖片描述
第5步

使用橢圓工具(L),向行星表面的中心和頂部新增幾個細長的橢圓,並使用#a59862進行著色
在這裡插入圖片描述
第6步

接下來對行星表面新增2px的環狀高光,如同對水星的操作
在這裡插入圖片描述
第7步

將左下方行星的顏色更改為#d0d0d8,將右上方的行星顏色更改為#78d2ea,並新增一個綠色部分(#80e5c8)使其類似於地球,完成
在這裡插入圖片描述
八、建立地球圖示

第1步

與金星圖示一樣,我們需要做的第一件事是調整“空白”行星的顏色,將它的顏色更改為#78d2ea
在這裡插入圖片描述
第2步

選擇鋼筆工具(P)繪製“地球”的地貌#80e5c8然後使用較大的圓圈的副本進行遮罩
在這裡插入圖片描述
第3步

使用前面的圖示副本,或者使用之前相同的步驟建立新副本,為行星賦予環狀陰影
在這裡插入圖片描述
第4步

接下來,用與背景的繪製相同步驟新增一堆雲,使用白色(#FFFFFF)進行著色,並將混合模式改為柔光
在這裡插入圖片描述
第5步

給左側較小的天體著色#c1c1c6並給它建立一個2×2畫素衝擊坑(#a0a0a8),使其看起來像月亮,然後將第二個顏色更改為#d8ca8b
在這裡插入圖片描述
完成後,使用Control-G快捷鍵選擇所有圖示元素並將其組合在一起

九、建立火星圖示

第一步

將較大圓圈的顏色更改為#ea7d7d
在這裡插入圖片描述
第2步

使用橢圓工具(L)建立顏色為#bf6262的形狀座位隕石坑,並將它們分散到行星的中心與右上方
在這裡插入圖片描述
第3步

新增一個18×6px的橢圓(#FFFFFF)作為冰層放在行星頂部,使用下方較大的圓圈遮住多餘形狀
在這裡插入圖片描述
第4步

為行星建立淺色的輪廓並將白色冰層放置在星球頂層
在這裡插入圖片描述
第5步

將左側較小行星的顏色更改為#27959(給它一個小細節#d3674f)作為金星,建立迷你地球替換右上角的行星來完成圖示
在這裡插入圖片描述
十、建立木星圖示

第1步

跳轉到下一個圖層,放大我們當前的參考網格,並將行星的顏色從暗灰色更改為#e27959
在這裡插入圖片描述
第2步

使用鋼筆工具(P)繪製幾條#ff9b73較亮的線條和#d3674較暗的線條,使用行星副本建立剪下蒙版遮蓋它們,使線條不會突出到行星表面之外
在這裡插入圖片描述
第3步

使用橢圓工具(L)在行星底部和上部建立一些橢圓
在這裡插入圖片描述
第4步

給行星建立環形輪廓,使其與其餘圖示的樣式保持一致
在這裡插入圖片描述
第5步

將左上角的星球顏色改為#ea7d7d,右下角的行星顏色改為#d8ca8b,並在行星表面建立一些小的斜線(#bcaf75)
在這裡插入圖片描述
:不要忘記使用Control-G快捷鍵選擇所有圖示元素將其組合在一起

十一、建立土星圖示

第1步

跳轉到第7層,放大參考網格,將較大圓圈的顏色更改為#d8ca8b
在這裡插入圖片描述
第2步

使用矩形工具(M),建立高度不一樣的矩形,並分別賦予#eadba0、#bcaf75和#59862的顏色,使用直接選擇工具(A)選擇所有矩形一邊的錨點將它們略微向頂側移動約12px的距離調整矩形
在這裡插入圖片描述
第3步

按照之前新增行星輪廓一樣的方法給行星建立較淺顏色的輪廓
在這裡插入圖片描述
第4步

新增行星的行星環,建立一個98×26畫素(#ffe9a4)和一個較小的74×18px(#ffe9a4)的橢圓,使用路徑查詢器減去行星中心的形狀

將生成的形狀定位到行星的中心。確保將較大的圓圈放在它前面(右鍵單擊>排列>置於前面),然後將其旋轉24°(右鍵單擊>變換>旋轉>24
在這裡插入圖片描述
第5步

建立行星環和行星的副本(Control-C)並將其貼上到所有元素(Control-F)上,然後,使用“路徑查詢器”的“相交”選項,建立一個兩者的交點產生的新形狀,移除頂部建立行星環繞的感覺
在這裡插入圖片描述
第6步

改變左側行星的顏色#e27959,並將右邊的行星顏色設定為#5ad6e0並新增一些細長的線條(#73ecef)
在這裡插入圖片描述
十二、建立天王星圖示

第1步

跳轉到天王星圖層,改變行星的顏色#5ad6e0
在這裡插入圖片描述
第2步

使用鋼筆工具(P)繪製三個垂直線段,並使用#73ecef 給較大的圓圈進行著色和遮罩
在這裡插入圖片描述
第3步

使用橢圓工具(L),建立兩個垂直細長形狀,使用#e1ffff給它們著色,並將它們定位在行星的右上角
在這裡插入圖片描述
第4步

正如我們對之前的圖示所做的那樣,給行星新增環狀的高光
在這裡插入圖片描述
第5步

接下來給行星建立垂直的行星環,首先給行星需要新增垂直線條,通過建立一個12 x 90 px橢圓(#e1ffff)和另一個較小的8 x 86 px(#e1ffff)橢圓,使用路徑查詢器的減去選項將中間的橢圓從較大的橢圓中切出來完成

將生成的形狀定位在行星的中心,放置在較大圓圈的下方,然後向右側移動幾個畫素
在這裡插入圖片描述
第6步

建立一個行星環和另一個較大的圓圈的副本(Control-C> Control-F),然後使用路徑尋找器的相交選項建立一個繞著行星圓周運動的行星環
在這裡插入圖片描述
第7步

使用**#d8ca8b** 給右下角行星著色。完成後,選擇所有圖示元素並將其組合在一起(Control-G)
在這裡插入圖片描述
十三、建立海王星圖

第1步

接下來跳轉到最後一個圖層,將較大圓圈的顏色更改為#77afe0
在這裡插入圖片描述
第2步

使用鋼筆工具(P),繪製兩個不規則形狀,使用#e1ffff給它們著色,將它們一個放置在頂部,另一個放置在底部
在這裡插入圖片描述
第3步

選擇橢圓工具(L)並建立一對淺色斑點(#e1ffff)和一個較暗(#5fa1d3)橢圓陰影,放置在行星的中心
在這裡插入圖片描述
第4步

給行星新增2px厚的環狀高光以保持視覺上的一致性
在這裡插入圖片描述
第5步

通過從我們的土星圖示中選取右側較小行星的副本替換我們現在圖層中右上角的星球來完成圖示

並且使用Control-G快捷鍵選擇所有圖示元素並將其組合在一起
在這裡插入圖片描述
十四、建立漸變背景

接下來我們需要給背景建立平滑的漸變效果,這將使圖示更具視覺吸引力

第1步

建立所有圖示的背景副本(Control-C),將其貼上在原圖層的前面(Control-F
在這裡插入圖片描述
然後,選擇副本,轉到“物件”>“複合路徑”並單擊“ 建立”將所有圖形變為一個整體

第2步

選擇副本,然後對其應用線性漸變,調整左側顏色為#93278f右側顏色為#0071bc,將角度設定為90°
在這裡插入圖片描述
第3步

在仍選擇副本的情況下,開啟“透明度”面板,並將“混合模式”設定為“疊加”,將“不透明度”降低到80%
在這裡插入圖片描述
完成

一旦你完成了疊加層,不要忘記選擇它和底層圖示,並將它們進行分組(Control-G),確保它們不會被錯誤地分開

這樣,我們的圖示就完成啦
在這裡插入圖片描述
(本教程由尋圖示icon.52112.com提供)