最近，有不少同學(xué)問(wèn)小編photoshop中怎么畫(huà)類(lèi)似燒杯一樣的實(shí)驗(yàn)室玻璃器皿圖標(biāo)？今天小編就給大家?guī)?lái)一篇非常詳細(xì)的Photoshop中繪制一組科學(xué)實(shí)驗(yàn)室小圖標(biāo)教程，教程中一個(gè)繪制了三個(gè)實(shí)驗(yàn)室小圖標(biāo)，分別是玻璃器皿、顯微鏡和燈檢查器，效果非常精致漂亮，好了，話不多說(shuō)，下面讓我們一起去看看具體的制作步驟吧！

效果圖：

具體步驟：

1.如何設(shè)置新文檔

由于我希望您已經(jīng)在后臺(tái)啟動(dòng)并運(yùn)行了Illustrator，因此請(qǐng)將其啟動(dòng)，并使用以下設(shè)置設(shè)置新文檔（文件>新建或控制-N）：

2.設(shè)置自定義網(wǎng)格

由于我們將使用像素完美的工作流程來(lái)創(chuàng)建圖標(biāo)，因此我們需要設(shè)置一個(gè)漂亮的小網(wǎng)格，以便我們可以完全控制圖形。

步驟1

轉(zhuǎn)到編輯>首選項(xiàng)>指南和網(wǎng)格子菜單，然后調(diào)整以下設(shè)置：

網(wǎng)格線： 1 px

細(xì)分： 1

第2步

一旦我們?cè)O(shè)置了自定義網(wǎng)格，我們需要做的就是確保我們的形狀看起來(lái)很清晰，可以在視圖菜單下找到對(duì)齊網(wǎng)格選項(xiàng)，每當(dāng)您進(jìn)入像素預(yù)覽時(shí)就會(huì)轉(zhuǎn)換為對(duì)齊像素模式。

3.如何設(shè)置圖層

在創(chuàng)建新文檔的情況下，使用幾個(gè)圖層來(lái)構(gòu)建項(xiàng)目將是一個(gè)不錯(cuò)的主意，因?yàn)橥ㄟ^(guò)這種方式，我們可以一次關(guān)注一個(gè)圖標(biāo)，從而保持穩(wěn)定的工作流程。

這就是說(shuō)，調(diào)出圖層面板，并總共創(chuàng)建四個(gè)圖層，我們將重新命名為：

第1層：玻璃器皿

第2層：顯微鏡

第3層：燈檢查器

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

該 基準(zhǔn)網(wǎng)格（或基礎(chǔ)網(wǎng)格）是一組精確的界定參考面，這讓我們專(zhuān)注于規(guī)模性和一致性，以建立我們的圖標(biāo)。

通常，網(wǎng)格的大小決定了實(shí)際圖標(biāo)的大小，并且它們應(yīng)該始終是您在開(kāi)始新項(xiàng)目時(shí)做出的第一個(gè)決定，因?yàn)槟冀K希望從最小的可能大小開(kāi)始并在此基礎(chǔ)上進(jìn)行構(gòu)建。

現(xiàn)在，在我們的例子中，我們將只使用一個(gè)尺寸創(chuàng)建圖標(biāo)包，更確切地說(shuō)是128 x 128像素，這是一個(gè)相當(dāng)大的尺寸。

步驟1

首先鎖定除“參考網(wǎng)格”圖層以外的所有圖層，然后抓住矩形工具（M）并創(chuàng)建一個(gè)128 x 128像素的橙色（#F15A24）方形，這將有助于定義圖標(biāo)的整體大小。

第2步

添加另一個(gè)較小的120 x 120 px one（#FFFFFF），它將作為我們的活動(dòng)繪圖區(qū)域，從而為我們提供全方位4 px填充。

第3步

使用鍵盤(pán)快捷鍵對(duì)組成參考網(wǎng)格的兩個(gè)方格進(jìn)行分組，然后在彼此距離為40 px的位置創(chuàng)建三個(gè)副本，確保將它們對(duì)齊到畫(huà)板的中心。

完成后，鎖定當(dāng)前圖層并轉(zhuǎn)到下一個(gè)圖層，我們將開(kāi)始處理第一個(gè)圖標(biāo)。

5.如何創(chuàng)建玻璃器皿圖標(biāo)

假設(shè)你已經(jīng)在創(chuàng)建參考網(wǎng)格之后移動(dòng)到下一層（這將是第二層），讓我們通過(guò)放大我們的第一個(gè)參考網(wǎng)格開(kāi)始項(xiàng)目，在那里我們將開(kāi)始在玻璃小立場(chǎng)上工作試管。

步驟1

通過(guò)創(chuàng)建一個(gè)12 x 88 px矩形開(kāi)始處理第一根管子，我們將使用該矩形進(jìn)行著色#56C1AD，然后在距離活動(dòng)繪圖區(qū)域頂邊2 px和距其左邊30 px的位置進(jìn)行定位。

第2步

通過(guò)在“ 變形”面板的“ 矩形屬性”中將其底角的半徑設(shè)置為6像素，調(diào)整剛剛創(chuàng)建的形狀。

第3步

使用Stroke方法給出生成的輪廓輪廓，方法是創(chuàng)建一個(gè)它的副本（Control-C），我們將在前面粘貼（Control-F），然后通過(guò)首先將其顏色更改為#5B4032 ，然后使用其筆觸翻轉(zhuǎn)其填充（Shift-X），確保將其重量設(shè)置為4像素。

步驟4

使用20 x 4 px矩形（#5B4032）添加管子的邊緣，我們將其放置在其輪廓的上部分，將其與中心線對(duì)齊到之前創(chuàng)建的形狀。

第5步

使用一個(gè)12 x 6像素矩形（#5B4032），給我們一個(gè)硬陰影，我們將中心對(duì)齊到較大的填充形狀的頂部邊緣。完成后，使用Control-G鍵盤(pán)快捷鍵選擇并將所有四個(gè)形狀組合在一起。

第6步

創(chuàng)建兩個(gè)我們剛剛完成的管的復(fù)制（Control-C> Control-F兩次），然后將它們分布在其右側(cè)，將它們定位在距彼此4 px的距離處 。完成后，使用Control-G鍵盤(pán)快捷鍵選擇并將它們?nèi)拷M合在一起。

第7步

通過(guò)使用具有4 px厚輪廓（）的104 x 16 px矩形（#C48755）創(chuàng)建底座，開(kāi)始在木架上工作，我們將中心對(duì)齊到活動(dòng)繪圖區(qū)域的底邊。#5B4032

第8步

使用20 x 8 px矩形（#5B4032）添加小標(biāo)簽，在其兩邊添加兩個(gè)較小的8 x 4像素（#5B4032）。選擇并將所有三種形狀組合在一起（Control-G），將它們對(duì)齊到較大的木質(zhì)部分，確保在之后創(chuàng)建另一個(gè)組。

第9步

使用兩個(gè)帶有4 px粗輪廓（）的10 x 64 px矩形（#AF7245）創(chuàng)建機(jī)架的側(cè)面部分（），我們將分別對(duì)其進(jìn)行分組（Control-G），然后放置在上一節(jié)的頂部，將它們對(duì)齊到其外邊緣。#5B4032

第10步

使用帶有4 px厚輪廓（）的104 x 12 px矩形（#C48755）添加機(jī)架的上部分，我們將對(duì)其進(jìn)行分組（Control-G），然后將其放置在先前創(chuàng)建的形狀的頂部。#5B4032

第11步

使用兩個(gè)4 x 4像素圓圈（#5B4032）將小螺釘添加到頂部，以便它們與機(jī)架的側(cè)面部分對(duì)齊。一旦你有了它們，選擇并將它們（Control-G）分組到底層部分。

第12步

接下來(lái)，花幾分鐘時(shí)間，使用兩個(gè)10 x 6 px矩形（#5B4032）為木架的側(cè)面部分添加硬陰影，然后為懸浮玻璃管添加三個(gè)12 x 6像素（#5B4032）。

步驟13

使用108 px寬4 px厚行程線（#5B4032）創(chuàng)建水平部分，用于固定管，我們將中心對(duì)準(zhǔn)機(jī)架，將其定位在距離其上部20 px的距離處，確保將其送回到后部之后）。

第14步

完成了機(jī)架，并與它本身的圖標(biāo)本身，通過(guò)繪制在一個(gè)4 px厚行程顏色設(shè)置為小的對(duì)角結(jié)構(gòu)武器#5B4032。完成后，選擇并將的所有組合部分組合在一起，然后對(duì)整個(gè)圖標(biāo)執(zhí)行相同的操作。

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

假設(shè)你已經(jīng)完成了第一個(gè)圖標(biāo)的工作，鎖定它的圖層，然后繼續(xù)下一個(gè)（這將是第三個(gè)圖標(biāo)），我們將開(kāi)始在這個(gè)小顯微鏡上工作。

步驟1

使用帶有4 px粗輪廓（）的80 x 12 px矩形（#6B5B51）創(chuàng)建底部的較低部分（），我們將組合（Control-G），然后居中對(duì)齊到底層活動(dòng)繪圖區(qū)域的底部邊緣。#5B4032

第2步

使用具有4 px厚輪廓（）的96 x 12 px矩形（#C48755）添加基底的上部分，我們將對(duì)其進(jìn)行分組（Control-G），然后將其放置在先前創(chuàng)建的形狀的頂部。#5B4032

第3步

創(chuàng)建兩個(gè)108 px寬4 px厚的描邊線（#5B4032），我們將在輪廓的頂部和底部邊緣上放置兩個(gè)粗線，之后再向填充形狀的中心添加一個(gè)。完成后，使用Control-G 鍵盤(pán)快捷鍵選擇并將所有上半部分的形狀組合在一起。

步驟4

使用80 x 6像素的矩形（#5B4032）在底部的底部投射出一個(gè)硬陰影，我們將對(duì)齊它的上邊緣。一旦你完成了，將（影子-G）陰影分組到它的部分，然后對(duì)整個(gè)基地做同樣的事情。

第5步

通過(guò)創(chuàng)建一個(gè)12 x 72 px的矩形開(kāi)始在手臂上工作，我們將使用該矩形進(jìn)行著色#82756C ，然后將其放置在距離其左邊緣30像素距離的基座上。

第6步

創(chuàng)建一個(gè)更小的12 x 14 px矩形（#82756C），并將其放置在上一步較高的左側(cè)，并使用探路者的團(tuán)結(jié)形狀模式將它們合并成一個(gè)更大的形狀。

第7步

使用直接選擇工具（A）選擇下半部分的左上角定位點(diǎn) ，然后使用移動(dòng)工具（右鍵單擊>變換>移動(dòng)>垂直> 6像素）將其下移6 px的距離。

第8步

使用Stroke 方法 給出生成的形狀4 px厚的輪廓，確保將其顏色設(shè)置為。#5B4032

第9步

使用4 x 4像素圓圈（#5B4032）添加小螺釘，我們將位于手臂底部，并在其周?chē)粝?strong>4 px間隙。完成后，選擇全部三種形狀，并使用Control-G鍵盤(pán)快捷鍵將它們組合在一起。

第10步

通過(guò)創(chuàng)建一個(gè)8 x 8 px矩形（#5B4032），開(kāi)始在上緊螺絲上工作，我們將把它放在顯微鏡的手臂上。

第11步

使用4 x 2 px矩形（#5B4032）（2）創(chuàng)建螺絲的較薄部分，在其上面我們將添加一個(gè)16 x 4 px矩形（#5B4032）（3），然后稍微變窄12 x 4 px one（#5B4032）（4） ）。將所有三個(gè)形狀定位在上一步的矩形頂部，之后選擇并將它們分組。

第12步

創(chuàng)建一個(gè)16 x 8像素矩形（#5B4032），我們將把它放置在顯微鏡手臂的左側(cè)，距離其上邊緣12像素。

步驟13

使用4 x 68 px長(zhǎng)方形（#5B4032）添加支撐桿，我們也將它放置在手臂的左側(cè)，確保將其發(fā)送到所有其他形狀的后面（右鍵單擊>排列>發(fā)送到后面）。

第14步

使用16 x 16像素圓（#C48755）以及4像素厚輪廓（#5B4032）添加小調(diào)整輪，在其上我們將添加更小的 4 x 4像素圓（#5B4032）。Group（Control-G）將所有三種形狀組合在一起，然后將它們放置在顯微鏡臂的中央，距離較大的基座22像素。

第15步

通過(guò)創(chuàng)建一個(gè)14 x 14像素的正方形（#5B4032），通過(guò)在“ 變形”面板的“ 矩形屬性”中將其右下角的半徑設(shè)置為14像素來(lái)調(diào)整輪子的硬陰影。將產(chǎn)生的形狀定位在車(chē)輪的下半部分上，確保將其對(duì)準(zhǔn)右側(cè)。

步驟16

使用手臂填充形狀的副本（Control-C）作為剪貼蒙版來(lái)遮罩陰影，我們將在前面粘貼（Control-F），然后右鍵單擊>制作剪貼蒙版。完成后，使用“ 排列”>“向后發(fā)送”將陰影發(fā)送到輪子的后部，將所有手臂的組合部分選擇并分組（Control-G）。

步驟17

通過(guò)創(chuàng)建一個(gè)具有4 px厚輪廓（）的18 x 40 px矩形（#6B5B51），開(kāi)始在顯微鏡的主體上工作，我們將組合（Control-G），然后放置在距手臂16 px的距離處，并將36 px來(lái)自更大的基地。#5B4032

步驟18

使用10 x 10 px正方形（#5B4032）創(chuàng)建觀察管，在其上面我們將添加一個(gè)較小的6 x 4 px矩形（#5B4032），然后是稍微更寬的14 x 4 px矩形（#5B4032）。Group（Control-G）將所有三種形狀組合在一起，將它們放置在管的較大主體的頂部。

步驟19

通過(guò)創(chuàng)建一個(gè)6 x 6 px正方形（#5B4032）我們將中心對(duì)齊其底部邊緣，從而為較大的主體提供小插入。

步驟20

使用10 x 10 px正方形（#D8A466）和4 px厚的輪廓（#5B4032）創(chuàng)建物鏡的上半部分，底部將添加一個(gè)稍寬的18 x 4 px矩形（#5B4032），然后是10 x 6 px硬度頂部的陰影（#5B4032）。將所有四種形狀組合（Control-G），然后將它們放在顯微鏡較大的機(jī)身底部。

步驟21

使用10 x 2 px矩形（#5B4032）添加客觀的底部部分，在其下面我們將添加一個(gè)更寬的22 x 4像素一（#5B4032）。組（Control-G）兩者一起形成，然后將它們放置在前一部分的下方。

步驟22

使用具有4 px 厚輪廓（）的10 x 8像素橢圓（#56C1AD）創(chuàng)建實(shí)際的鏡頭（），我們將它組合（Control-G），然后定位到前一個(gè)部分，以使其上半部分與其重疊。一旦你有了它，一定要把它發(fā)送到更寬的部分后面，通過(guò)右擊>排列>發(fā)送到后面，選擇和分組（Control-G）所有顯微鏡的下部分。#5B4032

步驟23

使用4 x 4 px正方形（#5B4032）添加小調(diào)整輪，在其旁邊添加4 x 8 px矩形（#5B4032）。組（Control-G）并將兩個(gè)形狀放置在顯微鏡較大主體的右下側(cè)，之后選擇并分組（Control-G）所有組成部分。

步驟24

通過(guò)創(chuàng)建一個(gè)32 x 12 px矩形（#C48755），開(kāi)始在手臂的右側(cè)部分工作，我們將通過(guò)在“ 變形”面板的“ 矩形屬性”中將其右角的半徑設(shè)置為6像素來(lái)進(jìn)行調(diào)整。完成后，將所得的形狀放置在距顯微鏡底座52 px的距離處。

步驟25

創(chuàng)建一個(gè)較小的14 x 12 px矩形（#C48755），并將其放置在之前創(chuàng)建的部分下方，使用探路者的 統(tǒng)一形狀模式將兩者合并為一個(gè)較大的形狀。

步驟26

首先使用直接選擇工具（A）選擇其右下角，然后按刪除將其刪除，以調(diào)整生成的形狀。按下Control-J關(guān)閉結(jié)果路徑，然后給它一個(gè)4 px厚的輪廓（#5B4032），確保在之后一起選擇和分組（Control-G）。

步驟27

使用4 x 4像素圓（#5B4032）添加小螺絲，然后再按8 x 4像素矩形插入（#5B4032），完成延伸臂。完成后，選擇并將（Control-G）的所有組合形狀組合在一起。

步驟28

使用14 x 12 px矩形（#5B4032）將硬陰影投射到顯微鏡上，我們將通過(guò)在“ 變形”面板的“ 矩形屬性”中將其右下角的半徑設(shè)置為12像素進(jìn)行調(diào)整。將產(chǎn)生的形狀定位到延伸臂的下半部分，確保通過(guò)選擇它和較大的顯微鏡將其發(fā)送到后面，然后右鍵單擊>排列>發(fā)送到后面。

步驟29

完成顯微鏡和圖標(biāo)本身，通過(guò)使用48 x 4 px矩形（#5B4032）將舞臺(tái)添加到顯微鏡的手臂右側(cè)，與其較大的基座相距4 px。完成后，在繼續(xù)下一步之前，選擇并分組（Control-G）所有圖標(biāo)的組成部分。

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

我們現(xiàn)在轉(zhuǎn)到第三個(gè)也是最后一個(gè)圖標(biāo)，所以假設(shè)你已經(jīng)進(jìn)入下一層，放大它的參考網(wǎng)格，讓我們把它包裝起來(lái)！

步驟1

使用具有4 px厚輪廓（）的88 x 12 px矩形（#AF7245）創(chuàng)建設(shè)備底部的下部分，我們將中心對(duì)齊到活動(dòng)繪圖區(qū)域的底部邊緣。#5B4032

第2步

使用兩個(gè)6 x 4 px矩形（#5B4032）添加小側(cè)面片段，我們將底部對(duì)齊填充形狀的可視部分。完成后，使用Control-G 鍵盤(pán)快捷鍵選擇并將所有四個(gè)形狀組合在一起。

第3步

使用具有4 px厚輪廓（）的104 x 28 px矩形（#C48755）創(chuàng)建基底的上半部分（），我們將分組（Control-G），然后放置在先前形狀的頂部。#5B4032

步驟4

使用四個(gè)4 x 4 px圓（#5B4032）來(lái)添加小螺絲，我們將從每個(gè)較大部分的角落以4 px的距離定位。

第5步

使用28 x 16 px rectangle（#5B4032）添加標(biāo)簽，在其兩邊添加兩個(gè)較小的8 x 8 px正方形（#5B4032）。Group（Control-G）將所有三種形狀組合在一起，然后將它們居中對(duì)齊到較大的部分，同時(shí)選擇和分組（Control-G）其所有組成形狀。

第6步

使用88 x 6 px矩形（#5B4032）將硬陰影添加到底部的底部，我們將居中對(duì)齊其頂部邊緣。完成后，使用Control-G鍵盤(pán)快捷鍵選擇并組合我們目前為止所有的形狀。

第7步

通過(guò)創(chuàng)建一個(gè)帶有4 px粗輪廓（）的72 x 12 px矩形（#82756C），開(kāi)始在設(shè)備的上半身進(jìn)行工作（），我們將對(duì)其進(jìn)行分組（Control-G），然后再放置在較大的基座上。#5B4032

第8步

添加使用兩個(gè)水平的細(xì)節(jié)線84像素寬4 PX厚行程線（#5B4032），我們將定位到部分的輪廓的頂部和中間部分。一旦你有了它們，在進(jìn)入下一步之前，選擇并將它們和更大的矩形組合在一起（Control-G）。

第9步

使用12 x 6像素矩形（#C48755）和4像素粗輪廓（#5B4032）創(chuàng)建小按鈕，在其上我們將添加另一個(gè)稍微更窄的8 x 6像素矩形（#5B4032）。Group（Control-G）將所有三種形狀組合在一起，然后將它們放置在上一節(jié)的頂部，距離其左邊緣12 px。

第10步

使用帶有4 px粗輪廓（）的24 x 12 px矩形（#6B5B51）添加設(shè)備的插槽，在其底部我們將添加一個(gè)較小的8 x 6 px矩形（）。Group（Control-G）將所有三種形狀組合在一起，然后將它們放置在按鈕的右側(cè)，距離它的距離為12px。#5B4032#5B4032

第11步

使用一個(gè)16 x 12像素的矩形（#D8A466）以及一個(gè)4像素厚的輪廓（#5B4032）來(lái)創(chuàng)建燈泡的底部，在該像素的中心我們將添加另一個(gè)16 x 4像素的矩形（#5B4032）。將所有三種形狀組合（Control-G），然后將它們放在先前創(chuàng)建的部分上。

第12步

通過(guò)創(chuàng)建一個(gè)16 x 4 px矩形（#56C1AD），開(kāi)始在燈泡的玻璃部分上工作，我們將在上一步中放置在基座的頂部。

步驟13

接下來(lái)，創(chuàng)建一個(gè)32 x 32像素的圓圈（#56C1AD），我們將位于較小的矩形上方，距離其頂邊4 px 。

第14步

使用直接選擇工具（A）選擇底部錨點(diǎn)，然后按Delete鍵打開(kāi)圓的路徑。通過(guò)在添加錨點(diǎn)工具（+）的幫助下向其頂部邊緣的中心添加新的錨點(diǎn)，然后通過(guò)按Delete刪除它，對(duì)矩形執(zhí)行相同的操作。

第15步

將兩條路徑合并成一個(gè)較大的形狀，方法是將兩條路徑選中，然后 按兩下Control-J。

步驟16

在像素預(yù)覽模式（Alt-Control-Y）中，借助其錨點(diǎn)手柄調(diào)整其曲面，從而平滑生成的形狀轉(zhuǎn)場(chǎng)  。慢慢來(lái)，一旦完成，繼續(xù)下一步。

步驟17

使用Stroke方法 為生成的形狀繪制4 px厚的輪廓（#5B4032），然后將它和底層填充形狀選擇并分組（Control-G）。

步驟18

開(kāi)始通過(guò)創(chuàng)建兩個(gè)燈絲工作的8×8像素用圓圈4 PX 厚中風(fēng)  （#5B4032在的水平距離）  2像素彼此，這我們將在燈泡的中心位置，在距離為10像素從它的上邊緣。

步驟19

通過(guò)使用添加錨點(diǎn)工具（+）添加新錨點(diǎn)來(lái)打開(kāi)每個(gè)圓的路徑的內(nèi)底部分，然后通過(guò)選擇并按刪除來(lái)刪除它。

步驟20

通過(guò)使用Control-J 鍵盤(pán)快捷鍵選擇并合并底部錨點(diǎn)，使用鋼筆工具（P）繪制垂直部分，完成細(xì)絲并使用圖標(biāo)本身。完成后，選擇并分組所有燈泡的組成形狀，然后對(duì)整個(gè)圖標(biāo)執(zhí)行相同的操作。

OK完！

做得好！我希望你已經(jīng)發(fā)現(xiàn)這篇教程足夠有趣，足以讓它直到最后 - 因?yàn)樗荛L(zhǎng) - 最重要的是學(xué)到了一些新的有用的東西。

教程結(jié)束，以上就是關(guān)于Photoshop中繪制一組精致的科學(xué)實(shí)驗(yàn)室小圖標(biāo)教程的全部?jī)?nèi)容，文章來(lái)源于 站酷，感謝作者 自設(shè)計(jì)  給我們帶來(lái)經(jīng)精彩的文章！

相關(guān)教程推薦：

ps超簡(jiǎn)單繪制一個(gè)精美的微光icon圖標(biāo)教程

ps簡(jiǎn)單快速繪制一個(gè)透明質(zhì)感小圖標(biāo)教程

Photoshop繪制一組DJ主題圖標(biāo)教程

最新評(píng)論