宇宙是廣袤空間和其中存在的各種天體以及彌漫物質的總稱莉兰,宇宙起源是一個極其復雜的問題。 千百年來倔喂,科學家們一直在探尋宇宙是什么時候铝条、如何形成的。直到今天席噩,許多科學家認為班缰,宇宙是由大約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的副本?述雾。
將它們堆疊在兩行(每行四個)上,并將它們與畫板的中心對齊。
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 px、7 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。
第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)的行星萍歉,使用相同的方法添加高光和陰影,然后使用更大的圓形遮住它档桃。
第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步
由于我們不希望所有圖標看起來都是一樣的最蕾,我們可以選擇第二個依溯,第四個,第六個和第八個圖像并水平映射它們(右鍵單擊>變換>反射>水平)讓整個合集看起來更加豐富揖膜。
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)建迷你地球替換右上角的行星來完成圖標?。
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)。
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鍵盤快捷鍵選擇所有圖標元素并將其組合在一起。
14.創(chuàng)建漸變背景
接下來我們需要給背景創(chuàng)建平滑的漸變效果嫉入,這將使圖標更具視覺吸引力焰盗。?
第1步
創(chuàng)建所有圖標的背景副本(Control-C)璧尸,將其粘貼在原圖層的前面(Control-F)。
然后熬拒,選擇副本爷光,轉到“?對象”>“復合路徑”并單擊“ 建立”將所有圖形變?yōu)橐粋€整體。
第2步
選擇副本澎粟,然后對其應用線性漸變蛀序,調整左側顏色為#93278f、右側顏色為#0071bc活烙,將角度設置為?90°哼拔。
第3步
在仍選擇副本的情況下,打開“?透明度”面板瓣颅,并將“?混合模式”設置為“?疊加”倦逐,將“?不透明度”降低到80%。
完成
一旦你完成了疊加層宫补,不要忘記選擇它和底層圖標檬姥,并將它們進行分組(Control-G),確保它們不會被錯誤地分開粉怕。
這樣我們的圖標就完成了健民!