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簡單快速繪制一個透明質(zhì)感小圖標教程

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

最新評論