首頁 web前端 PS教程 PS创建一个漂亮的3D质感按钮

PS创建一个漂亮的3D质感按钮

Mar 20, 2017 pm 05:13 PM
3d 創建 工具 形狀 按鈕 漂亮

以前我们制作3D按钮往往需要借助3DMAX,和其他3D软件。对于不熟悉此类软件朋友要想制作3D按钮往往成了一个难题。但是没关系只要你略懂PHOTOSHOP,就能够做出一个不逊于3D软件的质感不错的水晶按钮,在今天的教程中你将学会用PS来创建一个漂亮的3D质感按钮,这种方法还使用于制作网站LOGO,UI等等……
先看一下最终效果:


下面我们开始制作

1.首先,在PS中建立一个500×500像素大小的新文件,这个大小通常比较适合创建按钮。下面将你的背景层的颜色填充为#e0e0e0。


请添加描述
2.现在建立一个新图层,加入任何一个所喜欢的形状,这里我暂且用自定形状工具中的形状来做个实例。形状的颜色我用#be1947,并将该层至于最顶层。


3.下面,用透视变换工具(编辑-变换-透视)将形状向右边拉伸一些。然后,在用变换工具(编辑-自由变换)将形状向左旋转大约15度。



4.现在,我们来制作形状的立体效果。首先选中形状图层并按住SHIFT和ALT键盘,然后用右手同时按下下方向键和右方向键按图层就被自动复制了一层。再重复以上步骤,当达到了一定的厚度即可停止。然后将除最顶层以外的所有的图层合并。现在在最顶层上按住CTRL键点击该图层载入其选区用#a00330颜色代码进行填充。并双击此图层重命名为“bottom”。


5.接下来,复制最顶层并把得到的复制层移动到3D形状层和最顶层之间,然后同时按下下,右2个方向键2次。移动完以后双击此图层加入渐变叠加图层样式如下所示:



6.在最顶层建立一个新图层,命名为“top highlights”。然后按住CTRL点击载入上层形状层的选区,用画笔工具,设置一个较软的画笔,大小约为200像素。在“top highlights”上加入高光如下所示:


7.同上面步骤一样,在3D形状层上建立一个新图层,在用画笔来创建3D形状层上的高光。然后将2个创建按出来的高光图层的不透明度设置为60-70之间,如图所示:



8.继续在最顶上再建立一个新图层,命名为“shine”。然后用椭圆选框工具建立一个椭圆选区并用白色填充如下所示:


9.选择原始形状层,按CTRL点击此层载入其选择区然后执行选择-修改-收缩,设置数值为3像素。然后在执行选择-反选-删除命令,结果如下所示:



10.现在仍然选中“shine”层,用橡皮工具将橡皮的画笔笔触设置的软一些。擦出“shine”层边缘的一些部分,如下所示:


11.双击“shine”层设置图层样式,如下所示:



12.下面加入最后的一个步骤,改变原始形状层和3D层的颜色,分别双击以上2个图层加入渐变叠加图层样式。


最终完成!你可以吧这个方法用在许多不同形状的物体上,来为它们制作亮丽的光线和效果。


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱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

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

熱工具

記事本++7.3.1

記事本++7.3.1

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

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

免費的看盤軟件網站有哪些 幣圈十大免費看行情軟件排名 免費的看盤軟件網站有哪些 幣圈十大免費看行情軟件排名 Apr 22, 2025 am 10:57 AM

币圈十大免费看行情软件排名前三分别是OKX、Binance和gate.io。1. OKX提供简洁界面和实时数据,支持多种图表和市场分析。2. Binance功能强大,数据准确,适合各种交易者。3. gate.io以稳定性和全面性著称,适合长期和短线投资者。

meme幣交易所排行榜 meme幣主流交易所top10盤點 meme幣交易所排行榜 meme幣主流交易所top10盤點 Apr 22, 2025 am 09:57 AM

最適合交易Meme幣的平台包括:1. 幣安(Binance),全球最大,流動性高,低手續費;2. 歐意(OKX),高效交易引擎,支持多種Meme幣;3. XBIT,去中心化,支持跨鏈交易;4. 雷迪姆(Solana DEX),低成本,結合Serum訂單簿;5. PancakeSwap(BSC DEX),交易費用低,速度快;6. Orca(Solana DEX),用戶體驗優化;7. Coinbase,安全性高,適合新手;8. 火幣(Huobi),亞洲知名,交易對豐富;9. DEXRabbit,智能

幣圈行情實時數據免費平台推薦前十名發布 幣圈行情實時數據免費平台推薦前十名發布 Apr 22, 2025 am 08:12 AM

適合新手的加密貨幣數據平台有CoinMarketCap和非小號。 1. CoinMarketCap提供全球加密貨幣實時價格、市值、交易量排名,適合新手與基礎分析需求。 2. 非小號提供中文友好界面,適合中文用戶快速篩選低風險潛力項目。

靠譜好用的虛擬幣交易所app推薦 幣圈十大交易所排行榜最新 靠譜好用的虛擬幣交易所app推薦 幣圈十大交易所排行榜最新 Apr 22, 2025 pm 01:21 PM

靠譜好用的虛擬幣交易所app是:1. Binance,2. OKX,3. Gate.io,4. Coinbase,5. Kraken,6. Huobi Global,7. Bitfinex,8. KuCoin,9. Bittrex,10. Poloniex。這些平台因其交易量、用戶體驗和安全性等因素被評選為最佳,均提供註冊、驗證、存款、提款和交易操作功能。

十大數字虛擬貨幣app排行榜 幣圈交易數字貨幣交易所排名前十 十大數字虛擬貨幣app排行榜 幣圈交易數字貨幣交易所排名前十 Apr 22, 2025 pm 03:00 PM

十大數字虛擬貨幣app排行榜分別是:1. OKX,2. Binance,3. gate.io,4. Coinbase,5. Kraken,6. Huobi,7. KuCoin,8. Bitfinex,9. Bitstamp,10. Poloniex。這些交易所根據交易量、用戶體驗和安全性等因素評選,均提供多種數字貨幣交易服務和高效的交易體驗。

2025數字貨幣交易平台有哪些 十大數字貨幣app最新排行榜 2025數字貨幣交易平台有哪些 十大數字貨幣app最新排行榜 Apr 22, 2025 pm 03:09 PM

十大虛擬幣看盤平台app推薦:1. OKX,2. Binance,3. Gate.io,4. Huobi,5. Coinbase,6. Kraken,7. Bitfinex,8. KuCoin,9. Bybit,10. Bitstamp,這些平台提供實時行情、技術分析工具和用戶友好的界面,幫助投資者進行有效的市場分析和交易決策。

數字貨幣交易app容易上手的推薦top10(025年最新排名) 數字貨幣交易app容易上手的推薦top10(025年最新排名) Apr 22, 2025 am 07:45 AM

gate.io(全球版)核心優勢是界面極簡,支持中文,法幣交易流程直觀;幣安(簡版)核心優勢是全球交易量第一,簡版模式僅保留現貨交易;OKX(香港版)核心優勢是界面簡潔,支持粵語/普通話,衍生品交易門檻低;火幣全球站(香港版)核心優勢是老牌交易所,推出元宇宙交易終端;KuCoin(中文社區版)核心優勢是支持800 幣種,界面採用微信式交互;Kraken(香港版)核心優勢是美國老牌交易所,持有香港SVF牌照,界面簡潔;HashKey Exchange(香港持牌)核心優勢是香港知名持牌交易所,支持法

適合新手的數字貨幣交易App有哪些?一文了解幣圈 適合新手的數字貨幣交易App有哪些?一文了解幣圈 Apr 22, 2025 am 08:45 AM

選擇適合新手的數字貨幣交易平台需考慮安全性、易用性、教育資源和費用透明度:1. 優先選擇提供冷存儲、雙重驗證和資產保險的平台;2. 界面簡潔、操作清晰的App更適合新手;3. 平台應提供教程和市場分析等學習工具;4. 注意交易手續費和提現費等隱性成本。

See all articles