如何在Adobe Illustrator中創(chuàng)建太陽系行星圖標包

(本教程由尋圖標icon.52112.com提供)

宇宙是廣袤空間和其中存在的各種天體以及彌漫物質的總稱莉兰,宇宙起源是一個極其復雜的問題。 千百年來倔喂,科學家們一直在探尋宇宙是什么時候铝条、如何形成的。直到今天席噩,許多科學家認為班缰,宇宙是由大約137億年前發(fā)生的一次大爆炸形成的。今天我們就著手用AI中基礎的繪圖工具繪制太陽系中的行星悼枢。

1.設置新文檔

在我們開始創(chuàng)建行星之前埠忘,我們要花幾秒鐘的時間來設置項目的“參數”。

首先馒索,打開文件>新建或使用Control-N鍵盤快捷鍵創(chuàng)建?新文檔莹妒,并進行以下設置:

畫板數量:?1

寬度:?800像素

高度:?600像素

單位:像素

進入“?高級”選項卡:

色彩模式:?RGB

光柵效果:屏幕(72 ppi)

選中對象與像素網格對齊


2.設置圖層?

一旦我們獲得了文檔,我們就可以參與分層項目绰上,這將通過一次關注一個圖標來幫助我們保持穩(wěn)定的工作流程旨怠。

因此,使用“?圖層”面板蜈块,共創(chuàng)建九個圖層鉴腻,我們將按以下方式重命名:

1.reference grids參考網格

2.mercury水星

3.venus金星

4.earth地球

5.mars火星

6.jupiter木星

7.saturn土星

8.uranus天王星

9.neptune海王星

需要注意的是在開始繪制圖像前,我們都需要單擊眼睛圖標旁邊的小圓圈(Toggles Lock)鎖定除我們當前正在處理的圖層之外的所有圖層百揭。


3.設置自定義網格?

我們進入編輯>首選項>參考線和網格子菜單爽哎,并做如下方式進行調整:

網格線:?1 px

細分:?1


4.創(chuàng)建參考網格

參考網格的建立可以方便我們繪制過程中觀察圖形的水平和對齊,通常器一,網格的大小決定了圖標的大小倦青,每個圖標創(chuàng)建的基礎就是以參考網格為準則。

第1步

鎖定除參考網格之外的所有其他圖層盹舞,選擇矩形工具(M)繪制一個128 x 128像素的紅色(#f97373)方塊产镐,定義圖標的整體大小。

第2步

然后添加另一個較小的116 x 116 px?矩形(#f2f2f2)踢步,作為我們的活動繪圖區(qū)域癣亚,從而為我們提供6 px的邊緣填充。

第3步

使用Control-G鍵盤快捷鍵將兩個矩形組合在一起获印,然后創(chuàng)建七個彼此間隔40 px的副本?述雾。

將它們堆疊在兩行(每行四個)上,并將它們與畫板的中心對齊。

(本教程由尋圖標icon.52112.com提供)

5.創(chuàng)建默認“空白”圖標?

正如預覽圖像中觀察到的那樣玻孟,所有圖標都遵循相似但不完全相同的構圖或基礎唆缴,八個圖標中存在一些共同的元素。

這意味著我們可以構建一個“空白”圖標黍翎,然后我們可以通過添加或刪除其組成元素中的細節(jié)來創(chuàng)建剩余的圖標面徽,從而使創(chuàng)作過程非常方便快捷。

第1步

選擇第一個參考網格上匣掸,放大它趟紊,以便你可以更好地查看繪制圖形的細節(jié)。

然后碰酝,使用圓角矩形工具(M)霎匈,創(chuàng)建一個22 x 14像素7像素角半徑的形狀送爸。顏色設置為#656370铛嘱,然后定位在繪圖區(qū)域的左上角,左側留下6像素袭厂,頂部留下11像素的距離墨吓。

快速提示:建議打開“?像素預覽”模式(“?視圖”>“像素預覽”或“?Alt-Control-Y”),以便于我們更輕松地根據基礎像素網格確定形狀嵌器。


第2步

創(chuàng)建7 px 角半徑68 x 14 px的圓角矩形(#656370),并將其放置在先前創(chuàng)建的形狀的右側谐丢,在它們之間留出4 px的間隙爽航。

第3步

創(chuàng)建云中間連接的形狀

首先,創(chuàng)建3 px角半徑58 x 6 px的圓角矩形乾忱,使用#656370進行著色讥珍,然后兩個6 x 6 px圓圈(用紅色突出顯示),使用路徑查找器的減去功能減去圓形進行調整窄瘟。


第4步

將調整后的形狀放在先前創(chuàng)建的形狀下方衷佃,?水平居中?使用“?對齊”面板對齊它們。

第5步


創(chuàng)建7 px角半徑110 x 14 px的圓角矩形#656370蹄葱,將其放置在連接器段下方氏义,將其對齊到可繪制區(qū)域的左側。

第6步

添加另一個86 px x 6 px?的連接形狀图云,并將其放置在前一個形狀下方惯悠,放置在可繪制區(qū)域右側14 px的位置。

第7步

使用圓角矩形工具竣况,創(chuàng)建一個108 x 14像素7 px角半徑的形狀克婶,使用#656370進行著色,然后將其放置在我們剛剛創(chuàng)建形狀的下方,將其對齊到可繪制區(qū)域的右側情萤。

第8步

留出6 px的間隙,然后添加一個90 x 14 px7 px 角半徑的圓角矩形(#656370)藻糖,然后再繪制一個18 x 14 px?的圓角矩形(#656370)隘蝎。

將它們之間的距離調整為4像素?,將它們對準到可繪制區(qū)域的左側泉蝌。

第9步

創(chuàng)建一個52 x 6 px連接形狀歇万,使用#656370進行著色,并將其放置在我們前一步創(chuàng)建的形狀下方(朝向右側)勋陪,放置在距離右側32 px的位置贪磺。

第10步

創(chuàng)建一個76 x 14、7 px角半徑的圓角矩形(#656370)诅愚,將它放置在第三個連接形狀的下方寒锚,距離可繪制區(qū)域右側6 px

(本教程由尋圖標icon.52112.com提供)

第11步

使用橢圓工具(L)违孝,創(chuàng)建一個16 x 16像素的圓圈刹前,使用#e2d388進行著色,然后將其放置在背景的左上角雌桑,距離可繪制區(qū)域頂部5 px的位置喇喉。

第12步

制作它的副本(Control-C> Control-F),然后對其應用-2 px?位移校坑,為我們剛剛創(chuàng)建的小太陽添加一個微妙的高光(選擇副本并選擇?對象>路徑>偏移路徑> - 2 px)拣技,然后選擇路徑查找器減去選項

第13步

然后耍目,選擇生成的形狀并將其顏色更改為白色(#FFFFFF)膏斤,將其混合模式更改為柔光,將不透明度更改為80%邪驮。

第14步

添加高光后莫辨,使用4像素偏移為太陽提供外部陰影(選擇黃色形狀并選擇“?對象”>“路徑”>“偏移路徑”> 4像素)。

使用黑色(#000000)為生成的形狀著色毅访,并將其不透明度降低至10%沮榜。

完成后,選擇所有三個形狀(陰影喻粹,黃色和高光)并使用Control-G鍵盤快捷鍵對它們進行分組敞映。

第15步?

由于我們希望小太陽位于底層背景區(qū)域內,我們將創(chuàng)建圓角矩形(Control-C)的副本將其粘貼到行星前面(Control-F)磷斧。

給副本創(chuàng)建剪貼蒙版振愿,方法是選擇它和我們在上一步中分組的對象捷犹,然后右鍵單擊>制作剪貼蒙版


第16步

向下移動到背景的底部冕末,并創(chuàng)建一個稍大(24 x 24 px)稍暗(#d8ca8b)的行星萍歉,使用相同的方法添加高光和陰影,然后使用更大的圓形遮住它档桃。

(本教程由尋圖標icon.52112.com提供)

第17步

使用橢圓工具(L)枪孩,繪制一個68 x 68 px圓(#d0d0d8)創(chuàng)建一個“空白”的行星,我們稍后再對這八個行星的基礎形狀進行定制和調整藻肄。

由于行星將成為主要焦點蔑舞,因此要確保將行星定位到參考網格的中心。

第18步

首先創(chuàng)建三個連續(xù)的4 px偏移的大圓圈嘹屯,為行星添加三個陰影攻询,然后將其顏色設置為黑色(#000000)并將它們的不透明度降低到10%

第19步

選擇背景的副本將所有圖形進行分組州弟,創(chuàng)建副本钧栖,然后轉到對象>復合路徑并點擊“ 建立”將背景副本變?yōu)榭捎玫?b>剪貼蒙版。

完成后婆翔,選擇它和陰影拯杠,然后右鍵單擊>制作剪貼蒙版,遮住多出的陰影部分啃奴。

第20步

完成了默認“空白”圖標潭陪,我們創(chuàng)建七個副本并將它們定位到剩余的參考網格上。


第21步

由于我們不希望所有圖標看起來都是一樣的最蕾,我們可以選擇第二個依溯,第四個,第六個和第八個圖像并水平映射它們(右鍵單擊>變換>反射>水平)讓整個合集看起來更加豐富揖膜。

(本教程由尋圖標icon.52112.com提供)

6.創(chuàng)建水星圖標

跳轉到水星圖層同時將其余的圖層鎖定起來誓沸,我們開始繪制水星圖標梅桩。

第1步

由于水星的表面具有大量的隕石坑壹粟,我們可以通過創(chuàng)建一堆大小不一的圓圈表現(xiàn)這一特征,使用稍暗的灰色陰影(#aaaab2)進行著色宿百。

第2步

接下來趁仙,創(chuàng)建一個環(huán)狀的高光使這個星球更加有層次感。

首先垦页,選擇灰色形狀并創(chuàng)建它的副本(Control-C> Control-F)雀费,然后對副本應用2 px偏移。

選擇生成的偏移和復制的形狀痊焊,使用路徑查找器減去頂層選項來創(chuàng)建一個缺口盏袄,將它的顏色設置為白色(#FFFFFF)忿峻,改變它的混合模式柔光不透明度更改為68%

7.創(chuàng)建金星圖標

第1步

定位到第二層辕羽,然后放大第二個參考網格逛尚。

現(xiàn)在,我們要做的第一件事就是將行星的顏色從灰色變?yōu)槟帱S色(#d8ca8b)刁愿。

第2步

使用鋼筆工具(P)绰寞,繪制一個略微彎曲的部分放置到行星的中心,使用#bcaf75進行著色铣口。

第3步

選擇鋼筆工具(P)滤钱,繪制兩條彎曲的線條,一條朝向頂部脑题,另一條延伸到我們之前創(chuàng)建的較大的線條下面件缸,使用#eadba0進行著色。

第4步

創(chuàng)建行星主體形狀的副本使用剪貼蒙版遮住行星多余形狀旭蠕。

第5步

接下來停团,使用橢圓工具(L),向行星表面的中心和頂部添加幾個細長的橢圓掏熬,并使用#a59862進行著色佑稠。

第6步

像我們對水星的操作一樣,接下來我們在行星表面添加2 px的環(huán)狀高光旗芬。

第7步

將左下方行星的顏色更改#d0d0d8 將右上方的行星顏色改為#78d2ea舌胶,并添加一個綠色部分(#80e5c8)使其類似于地球。完成圖標疮丛。

8.創(chuàng)建地球圖標

第1步

與前一個圖標一樣幔嫂,我們需要做的第一件事是調整“空白”行星的顏色,將它的顏色更改為#78d2ea誊薄。

第2步

接下來選擇鋼筆工具(P)繪制“地球”的地貌#80e5c8然后使用較大圓圈的副本進行遮罩履恩。

第3步

使用前面的圖標的副本,或者使用幾步之前相同的過程創(chuàng)建的新副本呢蔫,為行星賦予環(huán)狀陰影切心。


第4步

接下來,用與背景的繪制相同過程添加一堆云片吊,使用白色(#FFFFFF)進行著色绽昏,并將混合模式改為柔光

第5步

給左側較小的天體著色#c1c1c6并給它創(chuàng)建一個2 x 2像素沖擊坑(#a0a0a8)俏脊,使其看起來像月亮全谤,然后將第二個的顏色更改為#d8ca8b。

完成后爷贫,使用Control-G鍵盤快捷鍵選擇所有圖標元素并將其組合在一起认然。

9.創(chuàng)建火星圖標

第1步

將較大圓圈的顏色更改為#ea7d7d补憾。

第2步

使用橢圓工具(L)創(chuàng)建顏色為#bf6262的形狀作為隕石坑,并將它們分散到行星的中心和右上方卷员。

第3步

添加一個18 x 6 px的橢圓(#FFFFFF)作為冰層放置在行星頂部余蟹,使用下方較大的圓圈遮住多多余形狀。

第4步

為行星創(chuàng)建淺色的輪廓并將白色冰層放置在星球頂層子刮。

第5步

將左側較小行星的顏色更改為#e27959(給它一個小細節(jié)#d3674f)做為金星威酒,創(chuàng)建迷你地球替換右上角的行星來完成圖標?。

(本教程由尋圖標icon.52112.com提供)

10.創(chuàng)建木星圖標

第1步

跳轉到下一個圖層挺峡,放大我們當前的參考網格葵孤,并將行星的顏色從暗灰色更改為#e27959。

第2步?

使用鋼筆工具(P)繪制幾條#ff9b73較亮的線條和#d3674f較暗的線條橱赠,使用行星副本創(chuàng)建剪切蒙版遮蓋它們尤仍,使線條不會突出到行星表面之外。

第3步

使用橢圓工具(L)在行星的底部和上部創(chuàng)建一些橢圓狭姨。

第4步

給行星創(chuàng)建環(huán)形輪廓宰啦,使其與其余圖標的樣式保存一致。

第5步

將左上角的星球顏色改為#ea7d7d饼拍,右下角的行星顏色改為#d8ca8b赡模,并在行星表面創(chuàng)建一些小的斜線(#bcaf75)。

另外师抄,不要忘記使用Control-G鍵盤快捷鍵選擇所有圖標元素并將其組合在一起漓柑。

11.創(chuàng)建土星圖標

第1步

跳轉到第七層,放大參考網格叨吮,將較大圓圈的顏色更改為#d8ca8b辆布。

第2步

使用矩形工具(M),創(chuàng)建高度不一的矩形茶鉴,并分別賦予#eadba0#bcaf75和#a59862的顏色锋玲。使用直接選擇工具(A)選擇所有矩形一邊的錨點將它們略微向頂側移動約12 px的距離調整矩形。

第3步

按照之前添加行星輪廓一樣的方法給行星創(chuàng)建顏色較淺的輪廓涵叮。

第4步

添加行星的行星環(huán)惭蹂,創(chuàng)建一個98 x 26像素(#ffe9a4)和一個較小的78 x 18px(#ffe9a4)的橢圓,使用路徑查找器減去行星中心的形狀围肥。

將生成的形狀定位到行星的中心剿干,確保將較大的圓圈放在它前面(右鍵單擊>排列>置于前面)蜂怎,然后將其旋轉24°?右鍵單擊>變換>旋轉> 24)穆刻。

第5步

創(chuàng)建行星環(huán)和行星的副本(Control-C)并將其粘貼到所有元素(Control-F)上。然后杠步,使用“?路徑查找器?”的“?相交”選項氢伟,創(chuàng)建一個兩者的交點產生的新形狀榜轿,移除頂部創(chuàng)建行星環(huán)繞的感覺。

第6步?

改變左側行星的顏色#e27959朵锣,并將右邊的行星顏色設置為#5ad6e0并添加一些細長的線條(#73ecef)谬盐。

12.創(chuàng)建天王星圖標

第1步

跳轉到天王星圖層,改變行星的顏色#5ad6e0诚些。

第2步

使用鋼筆工具(P)繪制三個垂直線段飞傀,并使用#73ecef 給較大的圓圈進行著色和遮罩。

第3步

使用橢圓工具(L)诬烹,創(chuàng)建兩個垂直細長形狀砸烦,使用#e1ffff給它們著色,并將它們定位在行星的右上角绞吁。

第4步

正如我們對之前的圖標所做的那樣幢痘,給行星添加環(huán)狀的高光。


第5步

接下來給行星創(chuàng)建垂直的行星環(huán)家破,首先給行星需要添加垂直線條颜说,通過創(chuàng)建一個12 x 90 px橢圓(#e1ffff)和另一個較小的8 x 86 px?(#e1ffff)橢圓,使用路徑查找器的減去選項將中間的橢圓從較大的橢圓中切出汰聋。

將生成的形狀定位在行星的中心门粪,放置在較大圓圈的下方,然后向右側移動幾個像素烹困。

第6步

創(chuàng)建一個行星環(huán)和另一個較大的圓圈的副本(Control-C> Control-F)庄拇,然后使用路徑尋找器相交選項創(chuàng)建一個繞著行星圓周運動的行星環(huán)。

第7步

使用#d8ca8b?給右下角行星著色韭邓。完成后措近,選擇所有圖標元素并將其組合在一起(Control-G)。

(本教程由尋圖標icon.52112.com提供)

13.創(chuàng)建海王星圖標?

第1步

接下來跳轉到最后一個圖層女淑,將較大圓圈的顏色更改為#77afe0瞭郑。

第2步

使用鋼筆工具(P),繪制兩個不規(guī)則形狀鸭你,使用#e1ffff給它們著色屈张,將它們一個放置在頂部,另一個放置在底部袱巨。


第3步

選擇橢圓工具(L)并創(chuàng)建一對淺色斑點(#e1ffff)和一個較暗(#5fa1d3)橢圓陰影阁谆,放置在行星的中心。

第4步

給行星添加2 px厚的環(huán)狀高光以保持視覺上的一致性愉老。

第5步

通過從我們的土星圖標中選取右側較小行星的副本替換我們現(xiàn)在圖層中右上角的星球來完成圖標场绿。

并且使用Control-G鍵盤快捷鍵選擇所有圖標元素并將其組合在一起。

(本教程由尋圖標icon.52112.com提供)

14.創(chuàng)建漸變背景

接下來我們需要給背景創(chuàng)建平滑的漸變效果嫉入,這將使圖標更具視覺吸引力焰盗。?

第1步

創(chuàng)建所有圖標的背景副本(Control-C)璧尸,將其粘貼在原圖層的前面(Control-F)。

然后熬拒,選擇副本爷光,轉到“?對象”>“復合路徑”并單擊“ 建立”將所有圖形變?yōu)橐粋€整體。

第2步

選擇副本澎粟,然后對其應用線性漸變蛀序,調整左側顏色為#93278f、右側顏色為#0071bc活烙,將角度設置為?90°哼拔。

第3步

在仍選擇副本的情況下,打開“?透明度”面板瓣颅,并將“?混合模式”設置為“?疊加”倦逐,將“?不透明度”降低到80%

完成


一旦你完成了疊加層宫补,不要忘記選擇它和底層圖標檬姥,并將它們進行分組Control-G),確保它們不會被錯誤地分開粉怕。

這樣我們的圖標就完成了健民!

(本教程由尋圖標icon.52112.com提供)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市贫贝,隨后出現(xiàn)的幾起案子秉犹,更是在濱河造成了極大的恐慌,老刑警劉巖稚晚,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件崇堵,死亡現(xiàn)場離奇詭異,居然都是意外死亡客燕,警方通過查閱死者的電腦和手機鸳劳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來也搓,“玉大人赏廓,你說我怎么就攤上這事“剩” “怎么了幔摸?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長颤练。 經常有香客問我既忆,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任尿贫,我火速辦了婚禮,結果婚禮上踏揣,老公的妹妹穿的比我還像新娘庆亡。我一直安慰自己,他們只是感情好捞稿,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布又谋。 她就那樣靜靜地躺著,像睡著了一般娱局。 火紅的嫁衣襯著肌膚如雪彰亥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天衰齐,我揣著相機與錄音任斋,去河邊找鬼。 笑死耻涛,一個胖子當著我的面吹牛废酷,可吹牛的內容都是我干的。 我是一名探鬼主播抹缕,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼澈蟆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了卓研?” 一聲冷哼從身側響起趴俘,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎奏赘,沒想到半個月后寥闪,有當地人在樹林里發(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡磨淌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年橙垢,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片伦糯。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡柜某,死狀恐怖,靈堂內的尸體忽然破棺而出敛纲,到底是詐尸還是另有隱情喂击,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布淤翔,位于F島的核電站翰绊,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜监嗜,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一谐檀、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧裁奇,春花似錦桐猬、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至音五,卻和暖如春惫撰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背躺涝。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工厨钻, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人坚嗜。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓莉撇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親惶傻。 傳聞我的和親對象是個殘疾皇子棍郎,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355