平面設(shè)計:如何在Adobe Illustrator中創(chuàng)建一組復(fù)古的科學(xué)主題圖標(biāo)

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

1.創(chuàng)建新文檔

啟動并運行Illustrator辐烂,創(chuàng)建一個新文檔文件> 新建Control-N):

畫板數(shù)量:?1

寬度:?800像素

高度:?600像素

單位:?像素

進入“?高級”選項:

色彩模式:?RGB

柵格效果:屏幕(72ppi)

預(yù)覽模式:默認(rèn)

2.創(chuàng)建自定義網(wǎng)格

第1步

轉(zhuǎn)到編輯>首選項>參考和網(wǎng)格子菜單,然后進行以下設(shè)置:

網(wǎng)格線:?1 px

細(xì)分:?1

第2步

一旦我們完成了自定義網(wǎng)格,為了確保我們繪制過程中更方便的觀察細(xì)節(jié)汽纤,我們可以在“?視圖”菜單下找到“?對齊網(wǎng)格”選項敬锐,這樣我們每次進入“?像素預(yù)覽”時都會轉(zhuǎn)換為“?捕捉到像素”模式。

3.創(chuàng)建圖層

打開“?圖層”面板颤介,創(chuàng)建四個圖層,將它們分別重命名如下:

第1層:參考網(wǎng)格

第2層:試管架

第3層:顯微鏡

第4層:燈檢查器

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

第1步

首先鎖定除“參考網(wǎng)格”圖層以外的所有圖層,然后選擇矩形工具(M)創(chuàng)建一個128 x 128像素的橙色(#F15A24)方塊。

第2步

創(chuàng)建另一個120 x 120 px的方形(#FFFFFF),放置到橙色方形中心位置留出4 px的描邊,我們的有效繪圖區(qū)域就完成了滴劲。

第3步

使用Control-G鍵盤快捷鍵對兩個正方形進行分組芯砸,然后在彼此相距40 px的位置創(chuàng)建兩個副本双揪。

完成后,鎖定當(dāng)前圖層并轉(zhuǎn)到下一個圖層,我們將開始繪制第一個圖標(biāo)倦青。

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

5.創(chuàng)建試管架圖標(biāo)

完成創(chuàng)建參考網(wǎng)格之后我們轉(zhuǎn)移到下一層(第二層)矾策,放大第一個參考網(wǎng)格開始工作。

第1步

創(chuàng)建一個12 x 88 px矩形我們開始制作第一個試管#56C1AD,將其放置在距活動繪圖區(qū)域頂部邊緣2 px,距離左側(cè)30 px的位置。

第2步

在“?變形”面板的“?矩形屬性”中將矩形底角的半徑設(shè)置為6 px


第3步

使用描邊為結(jié)果形狀賦予輪廓眶蕉,創(chuàng)建它的副本(Control-C),將其粘貼(Control-F)在圖形前面然后將其顏色更改為#5B4032?唧躲,將其粗細(xì)設(shè)置為4px造挽。

第4步

使用20 x 4 px矩形(#5B4032)添加試管口碱璃,將其定位在試管主體的上部刽宪,將其與先前創(chuàng)建的形狀中心對齊厘贼。

第5步

使用12 x 6 px矩形(#5B4032)創(chuàng)建試管的陰影,將它對齊到試管口的頂部邊緣圣拄。完成后嘴秸,使用Control-G鍵盤快捷鍵選擇四個形狀并組合在一起。

第6步

選擇我們剛剛完成的試管庇谆,創(chuàng)建兩個副本(Control-C> Control-F兩次)岳掐,然后將它們分布在試管右側(cè),將彼此距離設(shè)置為4 px饭耳。完成后串述,使用Control-G鍵盤快捷鍵選擇并將所有形狀組合在一起。

第7步

創(chuàng)建4 px輪廓(#5B4032)104 x 16 px大小的矩形(#C48755)創(chuàng)建基座寞肖,將對齊到活動繪圖區(qū)域的底部邊緣纲酗。

第8步

使用20 x 8 px矩形(#5B4032)添加試管架的標(biāo)簽,然后在它的左右添加兩個較小8 x 4 px(#5B4032)的矩形新蟆。選擇并將三個形狀組合(Control-G)在一起觅赊,將它們居中對齊到木制基座,完成之后將創(chuàng)建的形狀進行分組琼稻。

第9步

使用兩個4 px輪廓(#5B4032)10 x 64 px矩形(#AF7245)創(chuàng)建試管架的側(cè)面部分吮螺,將圖形分別進行分組(Control-G),然后將其放置在基座的上方帕翻,距離繪圖區(qū)域兩邊10px的位置鸠补。

第10步

使用4 px輪廓(#5B4032)104 x 12 px大小的矩形(#C48755)添加試管架的上部,將其進行分組(Control-G)嘀掸,然后定位在先前創(chuàng)建形狀的頂部紫岩。

第11步

使用兩個4 x 4 px圓圈(#5B4032)制作小螺釘,將它們放在木條的兩端睬塌,讓他們與木條中心對齊泉蝌。選擇并將它們分組(Control-G)。

第12步

添加兩個10×6像素的矩形(#5B4032)為木架的側(cè)面陰影部分衫仑,接著創(chuàng)建三個12×6像素矩形(#5B4032)用做玻璃試管的陰影梨与。

第13步

創(chuàng)建108 px4 px寬的水平線(#5B4032)創(chuàng)建木架的支撐部分,將線條中心對齊到木架文狱,將其定位在距其上部20 px的位置粥鞋,將其發(fā)送到木架背面(右鍵單擊>排列>后移一層)。

第14步

完成木架瞄崇,使用4 px線條繪制試管架支架呻粹,顏色設(shè)置為#5B4032壕曼。完成后,選擇并將所有組成部分組合(Control-G)在一起等浊。

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

6.創(chuàng)建顯微鏡圖標(biāo)

完成了第一個圖標(biāo)的工作腮郊,接著我們鎖定它的圖層,然后繼續(xù)進入到下一個圖層(這將是第三個圖層)筹燕,開始顯微鏡圖標(biāo)的繪制轧飞。

第1步

使用具有4 px輪廓的80 x 12 px矩形(#6B5B51)創(chuàng)建顯微鏡的基座,對其進行分組(Control-G)撒踪,然后居中對齊到活動繪圖區(qū)域下邊緣过咬。

第2步

使用具有4 px輪廓(#5B4032)的96 x 12 px矩形(#C48755)添加基座的上部,將其分組(Control-G)制妄,然后定位在先前創(chuàng)建的形狀的頂部掸绞。

第3步

創(chuàng)建兩個108 px長4 px寬的線條(#5B4032)耕捞,將它們分別定位在基座輪廓的頂部和底部邊緣上衔掸,然后再向填充形狀的中心添加一條直線。完成后俺抽,使用Control-G?鍵盤快捷鍵選擇并將所有形狀組合在一起敞映。

第4步

使用80 x 6 px矩形(#5B4032)將陰影投射到基座的底部,對齊它的上邊緣凌埂。完成后驱显,將陰影進行分組(Control-G)诗芜,然后對整個基座執(zhí)行相同的操作瞳抓。

第5步

創(chuàng)建一個12 x 72 px矩形開始繪制顯微鏡的手柄,使用#82756C為矩形著色 伏恐,然后將其定位在基座左邊緣30 px的位置上孩哑。

第6步

創(chuàng)建一個12 x 14 px矩形(#82756C)將其放置在上一步中較高矩形的左側(cè),使用路徑查找器的聯(lián)集將兩者組合成一個更大的形狀翠桦。

第7步

使用直接選擇工具(A)選擇形狀下部的左上錨點?横蜒,使用移動工具將下移6 px的距離(右鍵單擊>變換>移動>垂直> 6 px)。

第8步

使用描邊方法?為生成的形狀提供4 px的輪廓销凑,將其顏色設(shè)置為#5B4032丛晌。

第9步

使用4 x 4 px圓圈(#5B4032)給手柄添加小螺釘,將螺釘定位在手柄的底部斗幼,在其周圍留出4 px間隙澎蛛。完成后,選擇所有形狀并使用Control-G鍵盤快捷鍵將它們組合在一起蜕窿。

第10步

創(chuàng)建一個8 x 8 px矩形(#5B4032)創(chuàng)建手柄上班的螺釘谋逻,將其放置在顯微鏡手柄的頂部呆馁。

第11步

使用4×2像素的矩形(#5B4032)(2)創(chuàng)建螺釘較窄的部分,在其頂部我們添加一個16×4像素的矩形(#5B4032)(3)接著是稍窄12×4像素矩形(#5B4032)毁兆。將三個形狀放在方形頂部浙滤,然后選擇并將它們組合在一起(Control-G)(4)。

第12步

創(chuàng)建一個16 x 8 px矩形(#5B4032)气堕,將其定位在顯微鏡臂的左側(cè)距離頂部12 px的位置纺腊。

第13步

使用4 x 68 px矩形(#5B4032)添加支撐桿茎芭,將其放置在顯微鏡手柄的左側(cè)摹菠,將其發(fā)送到其他形狀的背面(右鍵單擊>排列>后移一層)。

第14步

創(chuàng)建16 x 16 px大衅(#C48755)和4 px輪廓(#5B4032)的圓添加調(diào)整轉(zhuǎn)輪次氨,在其上面添加一個較小的?4 x 4 px圓(#5B4032)。將三個形狀組合(Control-G)到一起摘投,然后將它們放置在顯微鏡手柄的中心煮寡,距離基座22px的位置。

第15步

創(chuàng)建一個14 x 14像素的正方形(#5B4032)給輪子添加一個陰影犀呼,通過在“?變換”面板的“?矩形屬性”中將其右下角的半徑設(shè)置為14像素幸撕。將生成的形狀放在轉(zhuǎn)輪的下半部分,確保將陰影對齊到右側(cè)外臂。

第16步

使用顯微鏡手柄填充形狀的副本(Control-C)作為剪切蒙版遮罩陰影坐儿,將它粘貼(Control-F)在顯微鏡手柄前,然后右鍵單擊>制作剪貼蒙版宋光。完成后貌矿,使用“?排列”>“后移一層”將陰影發(fā)送到圓盤后面,選擇并將所有手柄組成部分進行組合(Control-G)罪佳。

第17步

現(xiàn)在開始繪制顯微鏡的主體部分逛漫,創(chuàng)建一個18 x 40像素矩形(#6B5B51),并添加4 px的輪廓(#5B4032)赘艳,將圖形進行分組(Control-G)酌毡,然后定位距離顯微鏡手柄16 px距離基座36 px的位置。

第18步

使用10 x 10 px方形(#5B4032)創(chuàng)建目鏡蕾管,在其上方我們將添加一個6 x 4 px矩形(#5B4032)枷踏,然后創(chuàng)建稍寬的14 x 4 px矩形(#5B4032)。將三種形狀組合在一起(Control-G)掰曾,將它們定位在管子的上方旭蠕。

第19步

創(chuàng)建一個6 x 6 px方形(#5B4032),放置在管子的底部邊緣。

第20步

使用10 x 10 px?(#D8A466)和4 px輪廓(#5B4032)的矩形創(chuàng)建物鏡的上半部分下梢,在其底部添加稍寬的18 x 4 px矩形(#5B4032)客蹋,然后是10 x 6 px的頂部陰影(#5B4032)。將所有形狀組合在一起(Control-G)孽江,然后將它們放置在顯微鏡較大矩形的底部讶坯。

第21步

使用10 x 2 px矩形(#5B4032)添加物鏡的底部部分,在其下方添加更寬的22 x 4 px矩形(#5B4032)岗屏。將顯微鏡物鏡部分進行分組(Control-G)辆琅。

第22步

使用10 x 8 px(#56C1AD)和4 px?輪廓(#5B4032)的橢圓創(chuàng)建鏡頭,將其進行分組(Control-G)然后將它定位到物鏡上这刷,使其上半部分與物鏡邊緣重疊婉烟。調(diào)整好位置之后,通過右鍵單擊>排列>后移一層暇屋,將顯微鏡的下部分進行分組(Control-G)似袁。

第23步

使用4 x 4 px矩形(#5B4032)添加一個調(diào)整輪,在其旁邊我們添加一個4 x 8 px矩形(#5B4032)咐刨。選擇并將旋鈕進行分組(Control-G)昙衅。

第24步

創(chuàng)建一個32 x 12 px矩形(#C48755)處理顯微鏡的右側(cè)部分,通過在“變形”面板的“矩形屬性”中將其右角的半徑設(shè)置為6 px定鸟。完成后而涉,將生成的形狀放置在離顯微鏡底座52像素的位置。

第25步

創(chuàng)建一個較小的14 x 12 px矩形(#C48755)將其放置在先前創(chuàng)建形狀的下方联予,使用路徑查找器聯(lián)集選項將兩者組成一個更大的形狀啼县。

第26步

首先使用直接選擇工具(A)選擇形狀右下角的錨點,然后按Delete鍵將其刪除沸久,調(diào)整生成的形狀季眷。按Control-J關(guān)閉生成的路徑,然后給它創(chuàng)建一個4 px的輪廓(#5B4032)麦向,選擇并將兩者組合在一起(Control-G)瘟裸。

第27步

使用4 x 4 px圓(#5B4032)添加小螺釘完成延伸臂客叉,然后使用8 x 4 px矩形制作旋鈕(#5B4032)诵竭。完成后,選擇并將所有組成形狀組合(Control-G)在一起兼搏。

第28步

使用14 x 12 px矩形(#5B4032)創(chuàng)建投射到顯微鏡上的陰影卵慰,通過在“?變換”面板的“?矩形屬性”中將其右下角的半徑設(shè)置為12 px。將生成的形狀放在延伸臂的下半部分上佛呻,通過選擇它和較大的顯微鏡將其發(fā)送到背面裳朋,然后右鍵單擊>排列>后移一層

第29步

完成顯微鏡吓著,使用48 x 4 px矩形(#5B4032)制作載物臺鲤嫡,將它定位在顯微鏡物鏡的下方送挑,距離基座4 px的位置。完成后暖眼,選擇并分組(Control-G)圖標(biāo)的組成部分惕耕,然后再繼續(xù)下一步。

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

7.創(chuàng)建燈檢查器圖標(biāo)

完成顯微鏡圖標(biāo)之后將圖層鎖定诫肠,然后放大最后一個圖層進行最后一個圖標(biāo)的繪制司澎。

第1步

使用88 x 12 px大小(#AF7245)4 px輪廓(#5B4032)的矩形創(chuàng)建設(shè)備底部部分栋豫,將它居中對齊到活動繪圖區(qū)域的下邊緣挤安。

第2步

創(chuàng)建兩個6 x 4 px矩形(#5B4032)添加基座的側(cè)面裝飾,將它們底部對齊到填充形狀的可視部分丧鸯。完成后蛤铜,使用Control-G?鍵盤快捷鍵選擇四個形狀并將它們組合在一起。

第3步

創(chuàng)建104 x 28 px(#C48755)和4 px輪廓(#5B4032)矩形創(chuàng)建基座的上部丛肢,將它們進行分組(Control-G)昂羡,然后定位在先前形狀的頂部。

第4步

創(chuàng)建四個4 x 4 px圓圈(#5B4032)添加小螺釘摔踱,將它們定位在距離較大部分每個角落4 px的位置虐先。

第5步

使用28 x 16 px矩形(#5B4032)添加標(biāo)簽,在其兩邊添加兩個較小的8 x 8 px正方形(#5B4032)派敷。將所有三個形狀組合在一起(Control-G)蛹批,然后將它們居中對齊到較大的部分,選擇和分組(Control-G)所有組成形狀篮愉。

第6步

使用88 x 6 px矩形(#5B4032)創(chuàng)建基座的陰影腐芍,將其對齊到基座的頂部邊緣。完成后试躏,使用Control-G鍵盤快捷鍵選擇并分組目前為止我們創(chuàng)建的所有形狀猪勇。

第7步

創(chuàng)建一個具有4 px輪廓的72 x 12 px矩形(#82756C)開始制作設(shè)備的上半部分,將它進行分組(Control-G)然后定位在基座的頂部颠蕴。#5B4032

第8步

使用兩條84 px4 px直線(#5B4032)添加水平線條泣刹,將它們定位到該部分的頂部和中心部分。完成后犀被,選擇并將它們和大矩形進行分組(Control-G)椅您,然后再繼續(xù)下一步操作。

第9步

使用具有4 px輪廓12 x 6 px大小的矩形(#C48755)創(chuàng)建小按鈕寡键,在其上方我們添加另一個稍窄的8 x 6 px矩形掀泳。將所有三個形狀組合在一起(Control-G),然后將它們定位在基座的頂部。

第10步

使用具有4 px輪廓的24 x 12 px矩形(#6B5B51)添加設(shè)備的插槽员舵,在其底部我們添加一個較小的8 x 6 px矩形脑沿。將三個形狀組合在一起(Control-G),然后將它們放置在按鈕的右側(cè)马僻,距離按鈕12 px的位置捅伤。

第11步

使用16 x 12 px(#D8A466)和4 px輪廓(#5B4032)的矩形創(chuàng)建燈泡底座,在其中心添加另一個16 x 4 px矩形(#5B4032)巫玻。將三個形狀組合在一起(Control-G)丛忆,然后將它們放在先前創(chuàng)建形狀中心。

第12步

通過創(chuàng)建一個16 x 4 px矩形(#56C1AD)開始創(chuàng)建燈泡的玻璃部分仍秤,將它們放置底座的頂部熄诡。

第13步

接下來,創(chuàng)建一個32 x 32 px圓(#56C1AD)诗力,放置在較小矩形的上方凰浮,距離頂邊4 px的位置?。

第14步

使用直接選擇工具(A)選擇其底部錨點苇本,然后按Delete袜茧,打開圓的路徑。通過在添加錨點工具(+)將新錨點添加到上邊緣的中心瓣窄,然后按Delete刪除它笛厦,對矩形執(zhí)行相同操作。

第15步

選擇兩個路徑將兩個路徑合并為一個更大的形狀俺夕,然后按Control-J?兩次裳凸。

第16步

像素預(yù)覽模式(Alt-Control-Y)中,通過其錨點的手柄調(diào)整其曲率劝贸,使得到的形狀的過渡平滑?姨谷。完成后,繼續(xù)下一步操作映九。

第17步

使用描邊為生成的形狀提供4 px的輪廓(#5B4032)梦湘,然后選擇并將它和底座進行分組(Control-G)。

第18步

創(chuàng)建8×8像素大小4 px的圓圈作為燈絲?(#5B4032)?彼此距離2像素件甥,將它們放在燈泡的中心位置捌议,距離上邊緣10像素的位置。

第19步

使用添加錨點工具(+)添加新錨點嚼蚀,然后選擇并按Delete刪除它打開每個圓的路徑禁灼。

第20步

使用Control-J?鍵盤快捷鍵選擇并組合底部錨點,使用鋼筆工具(P)繪制垂線轿曙,完成燈絲。完成后,選擇并分組所有燈泡的組成形狀导帝,然后對整個圖標(biāo)執(zhí)行相同操作守谓。

完成!

(本教程由尋圖標(biāo)icon.52112.com提供)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末您单,一起剝皮案震驚了整個濱河市斋荞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌虐秦,老刑警劉巖平酿,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異悦陋,居然都是意外死亡蜈彼,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門俺驶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來幸逆,“玉大人,你說我怎么就攤上這事暮现』够妫” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵栖袋,是天一觀的道長拍顷。 經(jīng)常有香客問我,道長塘幅,這世上最難降的妖魔是什么菇怀? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮晌块,結(jié)果婚禮上爱沟,老公的妹妹穿的比我還像新娘。我一直安慰自己匆背,他們只是感情好呼伸,可當(dāng)我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著钝尸,像睡著了一般括享。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上珍促,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天铃辖,我揣著相機與錄音,去河邊找鬼猪叙。 笑死娇斩,一個胖子當(dāng)著我的面吹牛仁卷,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播犬第,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼锦积,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了歉嗓?” 一聲冷哼從身側(cè)響起丰介,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鉴分,沒想到半個月后哮幢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡志珍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年橙垢,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片碴裙。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡钢悲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出舔株,到底是詐尸還是另有隱情莺琳,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布载慈,位于F島的核電站惭等,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏办铡。R本人自食惡果不足惜辞做,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望寡具。 院中可真熱鬧秤茅,春花似錦、人聲如沸童叠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽厦坛。三九已至五垮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間杜秸,已是汗流浹背放仗。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留撬碟,地道東北人诞挨。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓莉撇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親亭姥。 傳聞我的和親對象是個殘疾皇子稼钩,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容