Photoshop繪制一組DJ主題圖標(biāo)教程
5.如何創(chuàng)建CDJ
我們將通過創(chuàng)建CDJ來啟動該項(xiàng)目,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),確保使用“ 對齊”面板的“ 水平對齊居中”選項(xiàng)將 較小的形狀居中放大。

第8步
在仍然選中矩形工具(M)的情況下,在設(shè)備底部添加一個更小的32 x 4 px矩形(#494343),并將其對齊到底層形狀。
添加完成后,選擇我們目前為止建立的所有形狀,并使用Control-G鍵盤快捷鍵對它們進(jìn)行分組。

第9步
由于我們已經(jīng)完成了CDJ主體的工作,現(xiàn)在我們可以專注于向其添加詳細(xì)信息。我們首先創(chuàng)建一個帶有4 px粗輪廓()的40 x 20 px矩形(#615A5A)的小顯示器(),我們將對它們進(jìn)行分組(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
通過使用添加錨點(diǎn)工具(+)向第一個頂部和第二個底部添加一個新的錨點(diǎn),然后使用刪除錨點(diǎn)刪除角點(diǎn)之后,將兩個方格變成“上”和“下”箭頭點(diǎn)工具( - )。
完成后,將它們分組(Control-G),然后對所有顯示器的組成形狀執(zhí)行相同的操作。

第14步
一旦我們完成了顯示器的工作,我們可以創(chuàng)建第一個按鈕,使用4 x 2 px矩形(#F9AE7A),以及一個4 px粗的輪廓(#494343),我們將對它進(jìn)行分組(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,我們將對其進(jìn)行分組(Control-G),然后將其放置在由顯示器創(chuàng)建的空白空間的中心和上部的右邊緣。

步驟17
使用較大的創(chuàng)造合適的雙面盤8×8像素的圓(#E8DDDD)具有4像素輪廓(#494343),我們將組(控制-G ),然后對準(zhǔn)到顯示器的輪廓的下邊緣,并確保水平居中對齊它到我們在上一步中創(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進(jìn)行調(diào)整,然后將其置于其上方,距離為4 px。

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

步驟25
雙擊我們剛剛創(chuàng)建的形狀以進(jìn)入隔離模式,然后在它們之上添加一個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
此外,在進(jìn)入下一個圖標(biāo)之前,不要忘記選擇并分組(Control-G)所有圖標(biāo)的組成形狀。

相關(guān)文章

PS怎畫倉庫標(biāo)志圖? ps倉庫圖標(biāo)設(shè)計技巧
PS怎畫倉庫標(biāo)志圖?想要設(shè)計簡單的倉庫標(biāo)志,該怎么操作呢?下面我們就來看看ps倉庫圖標(biāo)設(shè)計技巧,詳細(xì)請看下文介紹2023-07-28
ps怎么畫簡筆畫的篝火火焰圖標(biāo)? ps火焰logo的繪制技巧
ps怎么畫簡筆畫的篝火火焰圖標(biāo)?ps中想要繪制一個篝火的簡筆畫logo,該怎么繪制呢?下面我們就來看看ps火焰logo的繪制技巧2023-07-21
ps怎么設(shè)計愛護(hù)牙齒圖標(biāo)? ps畫愛牙標(biāo)志的技巧
ps怎么設(shè)計愛護(hù)牙齒圖標(biāo)?ps中想要繪制一款愛護(hù)牙齒的矢量圖,該怎么繪制這個標(biāo)志呢?下面我們就來看看ps畫愛牙標(biāo)志的技巧2023-07-21
ps怎么設(shè)計游戲手柄logo標(biāo)志? Photoshop畫簡筆畫游戲手柄的技巧
ps怎么設(shè)計游戲手柄logo標(biāo)志?ps中想要繪制一款游戲手柄的簡筆畫圖形作為logo使用,該怎么繪制呢?下面我們就來看看Photoshop畫簡筆畫游戲手柄的技巧2023-07-18
ps怎么畫收納袋logo? ps設(shè)計收納袋簡筆畫圖形的技巧
ps怎么畫收納袋logo?ps中想要畫一個收納袋,該怎么繪制呢?下面我們就來看看ps設(shè)計收納袋簡筆畫圖標(biāo)的技巧2023-07-14
ps怎么畫攝影機(jī)logo矢量圖? photoshop手繪簡筆畫攝影機(jī)的技巧
ps怎么畫攝影機(jī)logo矢量圖?想要畫一個攝像機(jī)的logo,該怎么手繪一款簡單易懂的攝像機(jī)圖標(biāo)呢?下面我們就來看看photoshop手繪簡筆畫攝影機(jī)的技巧2023-07-11
ps怎么畫一個圓角骰子?想要繪制一個骰子,但是想要畫成圓角效果的,該怎么操作呢?下面我們就來看看ps畫簡筆畫骰子矢量圖的技巧2023-07-11
PS怎么設(shè)計漸變色的數(shù)字標(biāo)志牌? PS漸變式圖標(biāo)的做法
PS怎么設(shè)計漸變色的數(shù)字標(biāo)志牌?ps中想要設(shè)計一款漸變圖標(biāo),該怎么設(shè)計呢?下面我們就來看看PS漸變式圖標(biāo)的做法,詳細(xì)請看下文介紹2022-11-22
ps怎么繪制眼睛標(biāo)志? ps設(shè)計眼睛矢量圖標(biāo)的技巧
ps怎么繪制眼睛標(biāo)志?想要設(shè)計一個圖形代表眼睛,該怎么繪制眼睛這個圖標(biāo)呢?下面我們就來看看ps設(shè)計眼睛矢量圖標(biāo)的技巧,詳細(xì)請看下文介紹2022-11-22
ps+ai設(shè)計喜糖鋪?zhàn)铀囆g(shù)字標(biāo)志的logo
想要設(shè)計一款喜糖鋪?zhàn)拥臉?biāo)志圖標(biāo),該怎么設(shè)計這款矢量圖標(biāo)呢?下面我們就來看看ps+ai設(shè)計喜糖鋪?zhàn)訕?biāo)志的技巧,詳細(xì)請看下文介紹2022-08-09







