Photoshop設(shè)計制作黑色科技感旋轉(zhuǎn)按鈕圖標
優(yōu)設(shè)網(wǎng) 發(fā)布時間：2015-05-14 10:01:07 作者：projava 
我要評論
我要評論制作按鈕之前需要把構(gòu)造分析透徹；然后由底層開始用形狀工具畫出想要的圖形，稍微復(fù)雜一點的可以用通過多個形狀合并或減去得到；然后用圖層樣式給圖形添加顏色和質(zhì)感等即可
制作按鈕之前需要把構(gòu)造分析透徹；然后由底層開始用形狀工具畫出想要的圖形，稍微復(fù)雜一點的可以用通過多個形狀合并或減去得到；然后用圖層樣式給圖形添加顏色和質(zhì)感等即可。
最終效果
1、新建一個1000*1000，72分辨率的新畫布。
2、新建一層，填充34%的灰色。
3、在當前這個層上右鍵選擇“轉(zhuǎn)換為智能對象”，你也可以在“圖層”菜單里選擇這個命令。
4、添加雜色。
5、再高斯模糊一點。
6、現(xiàn)在看上去跟原圖的背景差不多了。這里我插一句，之所以我把這個背景層轉(zhuǎn)成智能對象后再添加濾鏡的好處是，萬一你覺得哪里不合適的話可以很方便的修改，比如你認為雜色不夠的話可以直接雙擊圖層下面的雜色欄修改數(shù)值，不需要重新來過。
7、布置兩條居中的參考線，以參考線的交叉點為中心畫一個直徑為723像素的橢圓形狀。
8、在圓形的下面用“合并形狀”模式添加一個小圓形。
9、把填充透明度調(diào)至0，雙擊這個層進入圖層樣式，添加純黑白的漸變。有同學做出來不是這個效果，可以試試取消勾選反向。
10、重新畫一個直徑為468像素的圓形。
11、從“橢圓1”層里選中小的圓形路徑，直接CTRL+C復(fù)制小圓形。
12、粘貼到“橢圓2”，把路徑操作模式改為“減去”。 有同學反映復(fù)制過去后交叉部分是黑色的，這是因為在步驟上出了一點問題，粘貼小圓形之前先要激活路徑，就是按A點擊大圓形。
13、同樣把填充透明度調(diào)為0，在圖層樣式里添加黑白漸變。為了這個漸變能更好的模仿原圖，你可以左鍵移動漸變的黑白分布。
14、繼續(xù)把“橢圓3”復(fù)制一層，在圖層上右鍵清除圖層樣式，Ctrl+T把直徑改為173像素。
15、填充透明度調(diào)為0，添加漸變，灰色選擇42%。
最終效果
1、新建一個1000*1000，72分辨率的新畫布。
2、新建一層，填充34%的灰色。
3、在當前這個層上右鍵選擇“轉(zhuǎn)換為智能對象”，你也可以在“圖層”菜單里選擇這個命令。
4、添加雜色。
5、再高斯模糊一點。
6、現(xiàn)在看上去跟原圖的背景差不多了。這里我插一句，之所以我把這個背景層轉(zhuǎn)成智能對象后再添加濾鏡的好處是，萬一你覺得哪里不合適的話可以很方便的修改，比如你認為雜色不夠的話可以直接雙擊圖層下面的雜色欄修改數(shù)值，不需要重新來過。
7、布置兩條居中的參考線，以參考線的交叉點為中心畫一個直徑為723像素的橢圓形狀。
8、在圓形的下面用“合并形狀”模式添加一個小圓形。
9、把填充透明度調(diào)至0，雙擊這個層進入圖層樣式，添加純黑白的漸變。有同學做出來不是這個效果，可以試試取消勾選反向。
10、重新畫一個直徑為468像素的圓形。
11、從“橢圓1”層里選中小的圓形路徑，直接CTRL+C復(fù)制小圓形。
12、粘貼到“橢圓2”，把路徑操作模式改為“減去”。 有同學反映復(fù)制過去后交叉部分是黑色的，這是因為在步驟上出了一點問題，粘貼小圓形之前先要激活路徑，就是按A點擊大圓形。
13、同樣把填充透明度調(diào)為0，在圖層樣式里添加黑白漸變。為了這個漸變能更好的模仿原圖，你可以左鍵移動漸變的黑白分布。
14、繼續(xù)把“橢圓3”復(fù)制一層，在圖層上右鍵清除圖層樣式，Ctrl+T把直徑改為173像素。
15、填充透明度調(diào)為0，添加漸變，灰色選擇42%。
相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個工具在修圖的時候是比較常用的，下面我們就來看看基礎(chǔ)教程2025-05-01
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡單來說，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨立的，下面我們就來看2025-04-25PS基礎(chǔ)教程之學習應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時候，我們經(jīng)常會在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時可以拿出來使用，該怎么操作呢？詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非常基礎(chǔ)的操作，但也是非常實用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小，使用起來非常的不方便，因此有不少用戶想將其大小進行調(diào)節(jié)，具體該如何操作呢？詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來看看詳細的解決辦法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
