首頁 > 軟體教學 > 電腦軟體 > ps漸層按鈕怎麼做_ps漸層按鈕做法教學

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

王林
發布: 2024-06-10 13:14:36
原創
394 人瀏覽過

漸層按鈕美觀大方,為網頁增添色彩。如何使用PS製作漸層按鈕呢?接下來,php小編柚子將為大家詳細解說,讓大家輕鬆學會漸層按鈕的製作方法。

1、首先我們用【圓角矩形工具】畫出一個360*100像素的圓角形狀,如圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

2、我們按住圓角矩形的任一個小圓點,把它往裡面移動,讓形狀的圓角更圓一些,如圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

3、然後,我們選取圓角矩形,在填滿裡面設定為自己喜歡的漸層顏色,如圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

4、接著我們把漸層顏色調整為30度,設定為反向效果,如圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

5、下一步,我們用【文字工具】在漸層顏色的圓角矩形上面輸入所需的文字,圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

6、我們選取文字圖層,然後給它新增一個黑色的投影,把不透明度調整20%、距離為2像素,大小為1像素,點選【確定】 ,如圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

7、文字加入好投影之後,如果我們想改變形狀的顏色,把它複製一組移下來,如圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

8、我們選取形狀,然後點選圓角矩形工具,把填滿換成橘色的漸層顏色,可依照自己的需求調整角度即可,如圖所示。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學

9、最後,我們來看兩種不同漸層顏色的按鈕就做好了。

ps漸層按鈕怎麼做_ps漸層按鈕做法教學#

以上是ps漸層按鈕怎麼做_ps漸層按鈕做法教學的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:zol.com.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板