搜尋
首頁web前端PS教程Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Jun 01, 2016 pm 02:26 PM
圖示按鈕旋轉黑色

制作按钮之前需要把构造分析透彻;然后由底层开始用形状工具画出想要的图形,稍微复杂一点的可以用通过多个形状合并或减去得到;然后用图层样式给图形添加颜色和质感等即可 制作按钮之前需要把构造分析透彻;然后由底层开始用形状工具画出想要的图形,稍微复杂一点的可以用通过多个形状合并或减去得到;然后用图层样式给图形添加颜色和质感等即可。
最终效果

Photoshop设计制作黑色科技感旋转按钮图标


1、新建一个1000*1000,72分辨率的新画布。

Photoshop设计制作黑色科技感旋转按钮图标

2、新建一层,填充34%的灰色。

Photoshop设计制作黑色科技感旋转按钮图标
 3、在当前这个层上右键选择“转换为智能对象”,你也可以在“图层”菜单里选择这个命令。

Photoshop设计制作黑色科技感旋转按钮图标

4、添加杂色。

Photoshop设计制作黑色科技感旋转按钮图标

5、再高斯模糊一点。

Photoshop设计制作黑色科技感旋转按钮图标

6、现在看上去跟原图的背景差不多了。这里我插一句,之所以我把这个背景层转成智能对象后再添加滤镜的好处是,万一你觉得哪里不合适的话可以很方便的修改,比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值,不需要重新来过。

Photoshop设计制作黑色科技感旋转按钮图标
 7、布置两条居中的参考线,以参考线的交叉点为中心画一个直径为723像素的椭圆形状。

Photoshop设计制作黑色科技感旋转按钮图标

8、在圆形的下面用“合并形状”模式添加一个小圆形。

Photoshop设计制作黑色科技感旋转按钮图标

9、把填充透明度调至0,双击这个层进入图层样式,添加纯黑白的渐变。有同学做出来不是这个效果,可以试试取消勾选反向。

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标
 10、重新画一个直径为468像素的圆形。

Photoshop设计制作黑色科技感旋转按钮图标

11、从“椭圆1”层里选中小的圆形路径,直接CTRL+C复制小圆形。

Photoshop设计制作黑色科技感旋转按钮图标

12、粘贴到“椭圆2”,把路径操作模式改为“减去”。 有同学反映复制过去后交叉部分是黑色的,这是因为在步骤上出了一点问题,粘贴小圆形之前先要激活路径,就是按A点击大圆形。


Photoshop设计制作黑色科技感旋转按钮图标
 13、同样把填充透明度调为0,在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图,你可以左键移动渐变的黑白分布。

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

14、继续把“椭圆3”复制一层,在图层上右键清除图层样式,Ctrl+T把直径改为173像素。

Photoshop设计制作黑色科技感旋转按钮图标
 15、填充透明度调为0,添加渐变,灰色选择42%。

Photoshop设计制作黑色科技感旋转按钮图标


陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
訪問Photoshop:方法和可用性訪問Photoshop:方法和可用性Apr 24, 2025 am 12:07 AM

可以通過購買永久許可證或訂閱CreativeCloud兩種方式獲取Photoshop。 1.購買永久許可證適合長期使用,無需每月支付,但無法享受最新更新。 2.訂閱CreativeCloud可訪問最新版本及其他Adobe軟件,需持續支付月費或年費。選擇應基於使用頻率和需求。

Photoshop最有用的是:常見任務和項目Photoshop最有用的是:常見任務和項目Apr 23, 2025 am 12:06 AM

Photoshop擅長圖像編輯、圖層和蒙版、數字繪畫及多種設計應用。 1)圖像編輯與修復:去除瑕疵,調整色彩和亮度。 2)圖層與蒙版:非破壞性編輯和創作。 3)數字繪畫與插圖:創作藝術作品。 4)實際應用:平面設計、網頁設計和數字藝術創作。

使用Photoshop:創意可能性和實際用途使用Photoshop:創意可能性和實際用途Apr 22, 2025 am 12:09 AM

Photoshop在實際應用中非常實用且具有創造性。 1)它提供基本編輯、修復和合成功能,適合初學者和專業人士。 2)高級功能如內容識別填充和圖層樣式可提升圖像效果。 3)掌握快捷鍵和優化圖層結構能提高工作效率。

Photoshop:高級技術和工具Photoshop:高級技術和工具Apr 21, 2025 am 12:08 AM

AdobePhotoshop的高級功能包括高級選擇工具、圖層混合模式和動作與腳本。 1)高級選擇工具如快速選擇工具和色彩範圍選擇工具可精確選擇圖像區域。 2)圖層混合模式如“疊加”模式能創造獨特視覺效果。 3)動作和腳本能自動化重複任務,提高工作效率。

Photoshop的主要功能:修飾和增強Photoshop的主要功能:修飾和增強Apr 20, 2025 am 12:07 AM

Photoshop在修圖和增強方面的強大功能包括:1.使用“修復畫筆工具”去除痘痘,2.使用“液化工具”瘦臉,3.使用“頻率分離”技術進行精確修圖,這些功能通過算法和圖像處理技術實現,優化圖像處理效果。

Photoshop的主要特徵:深度潛水Photoshop的主要特徵:深度潛水Apr 19, 2025 am 12:08 AM

Photoshop的關鍵功能包括圖層與蒙版、調整工具、濾鏡與效果。 1.圖層與蒙版允許獨立編輯圖像部分。 2.調整工具如亮度/對比度可修改圖像色調和亮度。 3.濾鏡與效果可快速添加視覺效果。掌握這些功能可以幫助創意專業人士實現創意願景。

Photoshop和數字藝術:繪畫,插圖和合成Photoshop和數字藝術:繪畫,插圖和合成Apr 18, 2025 am 12:01 AM

Photoshop在數字藝術中的應用包括繪畫、插圖和圖像合成。 1)繪畫:使用畫筆、鉛筆和混合工具,藝術家可創造逼真效果。 2)插圖:通過矢量和形狀工具,藝術家可精確繪製複雜圖形並添加效果。 3)合成:利用蒙版和圖層混合模式,藝術家可將不同圖像元素無縫融合。

高級Photoshop教程:大師修飾和合成高級Photoshop教程:大師修飾和合成Apr 17, 2025 am 12:10 AM

Photoshop的高級修圖與合成技術包括:1.使用圖層、蒙版和調整層進行基礎操作;2.通過調整圖像像素值實現修圖效果;3.利用多圖層和蒙版進行複雜合成;4.應用“液化”工具調整面部特徵;5.使用“頻率分離”技術進行細膩修圖,這些技術能提升圖像處理水平並實現專業級效果。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。