最近，有不少同學問小編photoshop中怎么畫類似燒杯一樣的實驗室玻璃器皿圖標？今天小編就給大家?guī)硪黄浅Ｔ敿毜腜hotoshop中繪制一組科學實驗室小圖標教程，教程中一個繪制了三個實驗室小圖標，分別是玻璃器皿、顯微鏡和燈檢查器，效果非常精致漂亮，好了，話不多說，下面讓我們一起去看看具體的制作步驟吧！

效果圖：

具體步驟：

1.如何設置新文檔

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

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

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

步驟1

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

網(wǎng)格線： 1 px

細分： 1

第2步

一旦我們設置了自定義網(wǎng)格，我們需要做的就是確保我們的形狀看起來很清晰，可以在視圖菜單下找到對齊網(wǎng)格選項，每當您進入像素預覽時就會轉換為對齊像素模式。

3.如何設置圖層

在創(chuàng)建新文檔的情況下，使用幾個圖層來構建項目將是一個不錯的主意，因為通過這種方式，我們可以一次關注一個圖標，從而保持穩(wěn)定的工作流程。

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

第1層：玻璃器皿

第2層：顯微鏡

第3層：燈檢查器

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

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

通常，網(wǎng)格的大小決定了實際圖標的大小，并且它們應該始終是您在開始新項目時做出的第一個決定，因為您始終希望從最小的可能大小開始并在此基礎上進行構建。

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

步驟1

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

第2步

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

第3步

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

完成后，鎖定當前圖層并轉到下一個圖層，我們將開始處理第一個圖標。

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

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

步驟1

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

第2步

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

第3步

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

步驟4

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

第5步

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

第6步

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

第7步

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

第8步

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

第9步

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

第10步

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

第11步

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

第12步

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

步驟13

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

第14步

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

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

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

步驟1

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

第2步

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

第3步

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

步驟4

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

第5步

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

第6步

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

第7步

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

第8步

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

第9步

使用4 x 4像素圓圈（#5B4032）添加小螺釘，我們將位于手臂底部，并在其周圍留下4 px間隙。完成后，選擇全部三種形狀，并使用Control-G鍵盤快捷鍵將它們組合在一起。

第10步

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

第11步

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

第12步

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

步驟13

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

第14步

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

第15步

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

步驟16

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

步驟17

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

步驟18

使用10 x 10 px正方形（#5B4032）創(chuàng)建觀察管，在其上面我們將添加一個較小的6 x 4 px矩形（#5B4032），然后是稍微更寬的14 x 4 px矩形（#5B4032）。Group（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像素一（#5B4032）。組（Control-G）兩者一起形成，然后將它們放置在前一部分的下方。

步驟22

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

步驟23

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

步驟24

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

步驟25

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

步驟26

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

步驟27

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

步驟28

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

步驟29

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

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

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

步驟1

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

第2步

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

第3步

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

步驟4

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

第5步

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

第6步

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

第7步

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

第8步

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

第9步

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

第10步

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

第11步

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

第12步

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

步驟13

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

第14步

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

第15步

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

步驟16

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

步驟17

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

步驟18

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

步驟19

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

步驟20

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

OK完！

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

教程結束，以上就是關于Photoshop中繪制一組精致的科學實驗室小圖標教程的全部內(nèi)容，文章來源于 站酷，感謝作者 自設計  給我們帶來經(jīng)精彩的文章！

相關教程推薦：

ps超簡單繪制一個精美的微光icon圖標教程

ps簡單快速繪制一個透明質感小圖標教程

Photoshop繪制一組DJ主題圖標教程

最新評論