教你使用Photoshop繪制一組DJ主題圖標，教程內(nèi)容有點長，因為作者寫的真的很詳細，總共分為如何設(shè)置新文檔、如何設(shè)置自定義網(wǎng)格、如何設(shè)置圖層、如何創(chuàng)建參考網(wǎng)格、如何創(chuàng)建CDJ、如何創(chuàng)建耳機和如何創(chuàng)建MPC七大步驟，效果很漂亮，好了，話不多說，下面讓我們一起去看看具體的制作步驟吧！

效果圖：

具體步驟：

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

假設(shè)您已經(jīng)啟動并運行PS，那么讓我們通過File> New啟動項目并設(shè)置我們的文檔，如下所示：

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

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

步驟1

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

網(wǎng)格線： 1 px

細分： 1

第2步

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

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

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

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

第1層：cdj

第2層：耳機

第3層：mpc

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

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

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

現(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步

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

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

5.如何創(chuàng)建CDJ

我們將通過創(chuàng)建CDJ來啟動該項目，CDJ是大多數(shù)DJ使用的重要工具，因此請確保您位于正確的圖層上（這將是第二個），然后放大第一個參考網(wǎng)格，讓我們開始吧。

步驟1

使用我們將使用的96 x 108像素矩形創(chuàng)建設(shè)備主體的主體形狀#BFB6B6，然后放置到底層網(wǎng)格的較低部分，為輪廓留下4像素空隙。

第2步

使用“ 偏移路徑”方法，選擇它，然后轉(zhuǎn)到“ 對象”>“路徑”>“偏移路徑”，然后 在“ 偏移值”字段中輸入4 px，形成我們剛剛創(chuàng)建輪廓的形狀。

第3步

將我們剛剛創(chuàng)建的輪廓的填充顏色更改為#494343 使其從填充形狀中脫穎而出。

步驟4

創(chuàng)建CDJ的上部分，方法是在其頂部添加一個96 x 36 px矩形（#787171），將其與底層填充形狀的邊緣對齊。

第5步

通過在其正下方添加一個96 x 4 px矩形，將設(shè)備的上部與底部分開 ，并使用它著色#494343。

第6步

使用矩形工具（M），創(chuàng)建一個80 x 4像素形狀，我們將使用該顏色#494343 ，然后將其放置在由設(shè)備輪廓和活動繪圖區(qū)域頂部邊緣形成的空白空間的中心。

第7步

在頂部的水平分隔線下方 添加一個40 x 4 px的矩形（#494343），確保使用“ 對齊”面板的“ 水平對齊居中”選項將 較小的形狀居中放大。

第8步

在仍然選中矩形工具（M）的情況下，在設(shè)備底部添加一個更小的32 x 4 px矩形（#494343），并將其對齊到底層形狀。

添加完成后，選擇我們目前為止建立的所有形狀，并使用Control-G鍵盤快捷鍵對它們進行分組。

第9步

由于我們已經(jīng)完成了CDJ主體的工作，現(xiàn)在我們可以專注于向其添加詳細信息。我們首先創(chuàng)建一個帶有4 px粗輪廓（）的40 x 20 px矩形（#615A5A）的小顯示器（），我們將對它們進行分組（Control-G），然后放置在設(shè)備上半部分的中心。#494343

第10步

使用矩形工具（M）創(chuàng)建使用8個2 x 16 px高矩形（#F97762）  的小聲波，該矩形彼此相距2 px，我們將它們分組（Control-G）并將其定位到顯示器上，從而留下2 px間隔它的左邊。

第11步

雙擊我們剛剛創(chuàng)建的聲波以隔離它們，然后調(diào)整它們的一些高度，如下所示：

第一欄：  12 px

第二欄：16像素

第三欄：12像素

第四欄：8像素

第五欄：4 px

第六欄：12像素

第七欄：8 px

第八欄：12 px

完成后，不要忘了退出隔離模式按退出。

第12步

使用矩形工具（M） 創(chuàng)建兩個4 x 4像素的正方形（#494343），我們將在彼此之間以4 px的距離垂直堆疊，將它們放置在由聲波形成的空白空間的中心，顯示。

步驟13

通過使用添加錨點工具（+）向第一個頂部和第二個底部添加一個新的錨點，然后使用刪除錨點刪除角點之后，將兩個方格變成“上”和“下”箭頭點工具（ - ）。

完成后，將它們分組（Control-G），然后對所有顯示器的組成形狀執(zhí)行相同的操作。

第14步

一旦我們完成了顯示器的工作，我們可以創(chuàng)建第一個按鈕，使用4 x 2 px矩形（#F9AE7A），以及一個4 px粗的輪廓（#494343），我們將對它進行分組（Control-G）左上角，在距離6像素從其左邊緣和4 PX從其頂部之一。

第15步

使用橢圓工具（L），創(chuàng)建一個4 x 4像素圓（#E8DDDD），其中有一個4像素輪廓（#494343），我們將通過在其上半部分添加一個4 x 2像素矩形變成一個表盤。完成后，選擇并分組（Control-G）所有撥號盤的組成形狀，將它放置在我們剛剛創(chuàng)建的按鈕下方，距離為6像素。

步驟16

移動到設(shè)備的右側(cè)，創(chuàng)建兩個6 x 6像素圓（#494343）  ，彼此相距4 px，我們將對其進行分組（Control-G），然后將其放置在由顯示器創(chuàng)建的空白空間的中心和上部的右邊緣。

步驟17

使用較大的創(chuàng)造合適的雙面盤8×8像素的圓（#E8DDDD）具有4像素輪廓（#494343），我們將組（控制-G ），然后對準到顯示器的輪廓的下邊緣，并確保水平居中對齊它到我們在上一步中創(chuàng)建的按鈕。

步驟18

抓住我們剛剛創(chuàng)建的表盤的一個副本（Control-C> Control-F），并將它放在設(shè)備下半部分的左上角，這樣就可以 使其與其設(shè)備之間的距離為4 px左側(cè)和上側(cè)。

將其鎖定到位后，以90度角旋轉(zhuǎn)（右鍵單擊>變換>旋轉(zhuǎn)> 90），以使其看起來不會與原始圖像相同。

步驟19

通過創(chuàng)建一個44 x 44像素的圓形（#615A5A），以4 px粗的輪廓（#494343）將其分組（Control-G），然后將其放置在設(shè)備下半身的中心，開始研究中心暫存轉(zhuǎn)輪。

步驟20

使用帶有4 px粗輪廓（）的28 x 28像素圓（#9B9494），創(chuàng)建輪子的前部分（），我們將分組（Control-G）并將其放置在我們在上一步中創(chuàng)建的基部的頂部。#494343

步驟21

向輪子正面的右下角 添加一個4 x 4像素的圓圈（#494343），然后使用Control-G鍵盤快捷鍵選擇并將所有組合形狀組合在一起。

步驟22

使用橢圓工具（L）創(chuàng)建一個4 x 4像素圓，我們將使用#F97762它，給它一個4像素輪廓（#494343），分組（Control-G），然后將兩者放置在設(shè)備的左下角，留下一個 與較大輪廓相差4 px。

步驟23

創(chuàng)建第二個底部按鈕，使用前一步驟中的一個副本（Control-C> Control-F），我們將通過將其顏色更改#F9AE7A為4進行調(diào)整，然后將其置于其上方，距離為4 px。

步驟24

通過選擇矩形工具（M）并創(chuàng)建一個我們將使用的6 x 52像素形狀#787171，給它一個漂亮的 4像素厚輪廓（#494343）組（Control-G）并將它們放置在一個距離的4 PX從裝置的右邊緣。

步驟25

雙擊我們剛剛創(chuàng)建的形狀以進入隔離模式，然后在它們之上添加一個2 x 48像素的矩形（#494343），確保將它們放在另一個中間。

完成后，按Escape退出隔離。

步驟26

通過創(chuàng)建推子的開關(guān)，使用帶有4 px輪廓（）的10 x 4 px矩形（），在其上添加更小的8 x 2 px矩形（），分組（Control-G），然后將它們定位在滑塊的下側(cè)。#E8DDDD#494343#494343

此外，在進入下一個圖標之前，不要忘記選擇并分組（Control-G）所有圖標的組成形狀。

6.如何創(chuàng)建耳機

假設(shè)您已經(jīng)鎖定了第二層，請繼續(xù)前進至第三層，我們將花時間制作一副封閉式耳機，確保放大該參考網(wǎng)格，然后讓我們開始吧。

步驟1

首先創(chuàng)建一個具有52 px圓角半徑的104 x 114圓角矩形（#615A5A），從中切出一個更小的96 x 106像素，其中48 px圓角半徑（用橙色突出顯示）將產(chǎn)生的形狀定位到中心底層的有效繪畫區(qū)域，距離其頂邊4 px。

第2步

使用一個120 x 54 px的矩形（用橙色突出顯示） 調(diào)整樂隊的主要形狀，方法是移除包含兩個底部定位點的下部，我們將居中對齊到活動繪圖區(qū)域的底部邊緣。

第3步

使用我們將使用的“ 偏移路徑”方法 為產(chǎn)生的形狀提供4 px厚的輪廓。#494343

步驟4

使用矩形工具（M），在樂隊的左下角 添加一個4 x 6 px形狀（#E8DDDD），并在其上面添加另一個更小的4 x 4 px正方形（#494343），我們將組合（Control-G）然后用它來創(chuàng)建一個副本（Control-C> Control-F），我們將把它放到樂隊的另一側(cè)。

第5步

在樂隊的每個外側(cè) 添加一個2 x 6 px矩形（#494343），確保將它們置于我們在上一步中創(chuàng)建的淺灰色部分。

第6步

使用矩形工具（M）創(chuàng)建一個4 x 6像素形狀（#494343），我們將位于帶子輪廓底部邊緣的下方，將其對中左側(cè)淺灰色矩形。在其左側(cè)添加一個小的1 x 2 px（#494343）矩形，然后對其進行分組（Control-G）并創(chuàng)建它們的副本（Control-C> Control-F），我們將把它放在頻段的右側(cè)，確保垂直翻轉(zhuǎn)（右鍵單擊>變換>反射>垂直）。

你也可以選擇樂隊的所有組合形狀和組合（Control-G），因為我們已經(jīng)完成了它的工作。

第7步

開始在左耳杯上工作，方法是使用8 x 20 px矩形（#787171）和4 px輪廓（#494343）為其驅(qū)動程序包裝創(chuàng)建主要形狀，我們將在前一個創(chuàng)建的樂隊的可調(diào)節(jié)部分步。

第8步

接下來，將一個2 x 20 px的垂直矩形（#494343）添加到包裝的左側(cè)（距邊緣2 px）和一個4 x 4 px圓形（#494343）上（以其左半部分與矩形完全重疊的方式定位），然后選擇并分組（Control-G）其所有組成形狀。

第9步

使用矩形工具（M）將2 x 12像素形狀（#494343）添加到驅(qū)動程序輪廓的左側(cè)，確保使用“ 對齊”面板垂直居中對齊兩者。

第10步

切換到圓角矩形工具并使用它創(chuàng)建一個帶有4 px輪廓（）的8 x 44像素形狀（），在其上我們將添加一個4 x 44像素垂直矩形（）。選擇并分組（Control-G）將所有三種形狀組合在一起，然后將它們定位在驅(qū)動器的右側(cè)，以確保輪廓最終重疊。#A79F9F#494343#494343

第11步

通過創(chuàng)建一個8 x 36 px矩形（#615A5A），開始在耳墊上工作，我們將通過將其左角的半徑設(shè)置為2 px來調(diào)整它。給出最終形狀為4 px輪廓（#494343），然后從其右側(cè)添加一個2 x 36 px垂直矩形（#494343）  2 px，分組（Control-G），然后將所有墊的組成形狀放置到杯子的右側(cè)。

第12步

使用4 x 16 px矩形（#494343）創(chuàng)建樂隊的下半部分，我們將通過將其底角的半徑設(shè)置為2 px然后將其放置在驅(qū)動程序包裝的下方進行調(diào)整。在其左側(cè)添加三個1 x 2 px矩形（#494343），垂直堆疊  2 px，然后選擇并分組（Control-G）所有形狀和杯子的形狀。

步驟13

使用我們剛完成工作的副本（Control-C> Control-F）創(chuàng)建右耳杯，我們將把它放在活動繪圖區(qū)域的另一側(cè)，確保垂直翻轉(zhuǎn)它（右鍵單擊>變換>反射>垂直）。

一旦你完成了，不要忘記選擇并將（Control-G）所有圖標的組合形狀組合在一起，以防止它們偶然分離。

7.如何創(chuàng)建MPC

所以說實話，沒有MPC（音樂制作控制器），沒有現(xiàn)場設(shè)置是完整的，這就是為什么我在當前包中包含一個。這就是說，我希望你已經(jīng)把自己定位在第四層和最后一層，以便我們可以開始研究它。

步驟1

使用一個96 x 108 px矩形（#BFB6B6）和一個4 px輪廓（#494343）（我們將組（Control-G）并居中對齊到底層活動繪制區(qū)域的頂部邊緣）創(chuàng)建設(shè)備的主體。

第2步

使用92 x 4 px矩形（#494343）填充設(shè)備主體留下的空白空間，我們將水平居中對齊到較大的輪廓。

第3步

使用我們將使用的96 x 8像素矩形創(chuàng)建上部的主要形狀#787171，然后對齊到主體填充形狀（淺灰色矩形）的上邊緣。

步驟4

通過在其正下方添加一個96 x 4 px水平分隔線，將我們剛剛創(chuàng)建的形狀從主體的下部分離出來，我們將使用該顏色#494343。

第5步

使用兩個4 x 4像素圓圈創(chuàng)建小側(cè)面螺栓，我們將使用這些圓圈進行著色#494343，然后與底層形狀的外邊緣以2 px的距離進行定位。

第6步

使用24 x 4 px矩形（#494343），然后在距離為4 px時使用另一個較小的14 x 4 px one（#494343），添加一條小型虛擬文本行，我們將通過選擇其內(nèi)部底部錨點并將它們移向左邊2px（右鍵單擊>變換>移動>水平> -2px）。然后，只需將（Control-G）組生成的形狀分組并將它們置于設(shè)備的上部分中，并將其組成（Control-G）組合形狀。

第7步

通過添加一個2 x 96 px矩形（#787171），然后是更寬的4 x 96 px one（#494343），創(chuàng)建左側(cè)部分，在其上我們將定位兩個2 x 4 px矩形（#494343），  4 px從頂部和底部邊緣，然后將其所有組成形狀分組。

第8步

使用剛剛創(chuàng)建的副本（Control-C> Control-F）添加右側(cè)部分，我們將垂直翻轉(zhuǎn)（右鍵單擊>變換>反射>垂直），然后對齊到右側(cè)底層的灰色形狀。

第9步

使用矩形工具（M），創(chuàng)建一個60 x 4像素的形狀，我們將使用該顏色#494343 ，然后居中對齊到設(shè)備的底部邊緣。

第10步

使用兩個4 x 4像素圓（#494343）將側(cè)面螺栓添加到我們剛剛創(chuàng)建的形狀的兩側(cè)，并 在其周圍留下  2 px的間隙。

此外，在這一點上，選擇所有圖標的組合形狀并使用Control-G 鍵盤快捷鍵對它們進行分組是一個不錯的主意。

第11步

由于我們已經(jīng)完成了設(shè)備的實際機身，現(xiàn)在我們可以開始添加小的界面元素，并且我們將從旋鈕開始。

使用橢圓工具（L）創(chuàng)建一個8 x 8像素圓（#494343），給它一個4像素輪廓（#494343），創(chuàng)建一個2 x 6像素增益指示符（#494343），然后組合（Control-G）并將形狀放置在下方該設(shè)備的頂部， 在他們周圍留下了全方位4 px的空白。

第12步

使用我們剛剛創(chuàng)建的副本（Control-C> Control-F）添加剩余的旋鈕，將它們彼此垂直堆疊2 px，確保將第二個增益指示器的位置調(diào)整為添加一些變化。

步驟13

從使用的最后一個旋鈕下方創(chuàng)建按鈕8×2像素的矩形（#E8DDDD）與4 PX輪廓（#494343）和4×1像素插入（#494343）朝向頂部邊緣，我們將基（對準控制-G ）和中心對齊在2 px的距離。

第14步

使用八個8 x 8 px正方形（#F97762）和一個4 px輪廓（#494343），在兩行中堆疊兩個具有2 px  間隙的水平和垂直小壓力墊。

第15步

接下來，使用兩個8 x 2 px矩形（#F9AE7A）和一個4 px輪廓（#494343）單獨分組（Control-G）并  從兩個底部鍵盤放置2 px來創(chuàng)建小橙色按鈕。

步驟16

使用帶有4 px輪廓（）的8 x 74 px矩形（#787171）創(chuàng)建小調(diào)制滑塊，該矩形將放置在設(shè)備的右側(cè)，與第二行的距離為4 px。#494343

步驟17

使用十八個6 x 2 px矩形（#494343）垂直堆疊  兩個px（我們將組合（Control-G）），然后將其放置在滑塊的填充形狀的中心，添加小指示線。

步驟18

通過在第四，第五和第六指示線上添加一個6 x 10 px矩形（#494343），然后選擇并將（Control-G）的所有組合形狀分組在一起，然后將其與圖標本身結(jié)合在一起。

與往常一樣，不要忘記選擇所有圖標的形狀和組（Control-G）。

OK完成！

你有它：一個非常簡單的教程，關(guān)于如何建立你自己的DJ主題圖標集使用一些最容易的工具和形狀，你可能已經(jīng)每天工作。

我希望你找到了容易遵循的步驟，并且最重要的是學(xué)到了一些新的有用的東西。

教程結(jié)束，以上就是關(guān)于Photoshop繪制一組DJ主題圖標教程的全部內(nèi)容，教程有些長，希望小伙伴能多花些時間，耐心看完哦！更多精彩，盡在腳本之家網(wǎng)站

最新評論