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

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

步驟1

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

第2步

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

第3步

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

步驟4

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

第5步

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

第6步

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

第7步

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

第8步

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

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

第9步

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

第10步

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

步驟13

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

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

第14步

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

第15步

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

步驟16

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

步驟17

使用較大的創(chuàng)造合適的雙面盤8×8像素的圓（#E8DDDD）具有4像素輪廓（#494343），我們將組（控制-G ），然后對(duì)準(zhǔn)到顯示器的輪廓的下邊緣，并確保水平居中對(duì)齊它到我們?cè)谏弦徊街袆?chuàng)建的按鈕。

步驟18

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

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

步驟19

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

步驟20

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

步驟21

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

步驟22

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

步驟23

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

步驟24

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

步驟25

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

完成后，按Escape退出隔離。

步驟26

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

此外，在進(jìn)入下一個(gè)圖標(biāo)之前，不要忘記選擇并分組（Control-G）所有圖標(biāo)的組成形狀。