Photoshop設(shè)計制作黑色科技感旋轉(zhuǎn)按鈕圖標(biāo)
優(yōu)設(shè)網(wǎng) 發(fā)布時間：2015-05-14 10:01:07 作者：projava 
我要評論
我要評論制作按鈕之前需要把構(gòu)造分析透徹；然后由底層開始用形狀工具畫出想要的圖形，稍微復(fù)雜一點(diǎn)的可以用通過多個形狀合并或減去得到；然后用圖層樣式給圖形添加顏色和質(zhì)感等即可
16、畫一個直徑400像素的圓形，你也可以把“橢圓2”復(fù)制一層編輯一下，但是為了能直接明了地讓大家看清楚，我重新畫了一個。
17、填充透明度調(diào)為0 ，添加黑白漸變。
18、接著制作中間帶有細(xì)齒的旋鈕，畫一個矩形，旋轉(zhuǎn)45度，壓扁。
19、Ctrl+Alt+T，旋轉(zhuǎn)2度后狂Shift+Ctrl+Alt+T完成循環(huán)，一個齒輪出生了。
20、添加漸變。
21、再畫一個圓形，在屬性里羽化兩個像素，讓邊緣虛一點(diǎn)，同時把填充透明度調(diào)為0。
22、添加一個大家喜聞樂見的模擬金屬的角度漸變，相比以前這個漸變有點(diǎn)復(fù)雜。
23、還有模擬旋鈕高度的斜面浮雕，其實你用投影效果也差不多。
24、接著是比較繁瑣的刻度的制作，畫一個稍小于外圓的圓形，復(fù)制一個路徑后減去，一個圓環(huán)出來了，為了能更好的目測它的大小，我暫時減低它的透明度。
25、用鋼筆裁去不需要的部分，為了使兩邊能更對稱，我添加了一個參考線。
26、復(fù)制一層，隱藏備用。進(jìn)入圖層樣式添加斜面浮雕。
27、點(diǎn)開隱藏的備用層，用“減去”模式添加一條居中的兩個像素寬直條。
28、Ctrl+Alt+T，旋轉(zhuǎn)3度。
29、之后是我最喜歡的一步，狂按Shift+Strl+Alt+T。
30、在圖層樣式里把顏色更改為比較深的灰色后添加斜面浮雕。
31、編輯路徑，把不完整的個體去掉，底下那層凹槽也要做相應(yīng)的修改。
32、把橢圓8復(fù)制一層，右鍵清除圖層樣式，名稱改為橢圓9。
33、在圖層樣式里把顏色更改為比較靚麗的淺藍(lán)色后，添加一個奇怪的斜面浮雕，因為它沒有暗面。
34、再次編輯路徑，裁去一部分，科幻感十足的刻度完成了。
35、用前面同樣的辦法制作一個小按鈕上的指示燈，過程不再重復(fù)了。
36、加了內(nèi)陰影和白色投影的文字，非常簡單。
最終效果：
相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個工具在修圖的時候是比較常用的，下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡單來說，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨(dú)立的，下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時候，我們經(jīng)常會在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時可以拿出來使用，該怎么操作呢？詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?；A(chǔ)的操作，但也是非常實用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小，使用起來非常的不方便，因此有不少用戶想將其大小進(jìn)行調(diào)節(jié)，具體該如何操作呢？詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦？ps描邊在使用的過程中，發(fā)現(xiàn)只能調(diào)到288像素，該怎么操作呢？下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦？ps工具欄中有很多工具，但是發(fā)現(xiàn)有些工具不見了，該怎么辦呢？下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來看看ps2024安裝圖文教程2023-11-30
