當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

photoshop設計簡單時尚按鈕

來源:未知 作者:福特少普ps 學習:240人次
作者閃電兒   出處:網頁網

先讓大家看效果。


在本文中我們設計一個GUI接口按鈕,看上去效果非常不錯,希望大家喜歡并且支持網。
創(chuàng)建一個photoshop文檔。


填充背景為#191919顏色。然后設置前景色為黑色,使用圓角矩形工具,繪制一個黑色的按鈕形狀。




,下面我們添加圖層樣式。


設置如下。







,                                            




效果如下。




,然后按CTRL鍵點擊圖層,載入選區(qū)。


執(zhí)行選擇-修改-收縮命令。


設置5像素。




,然后新建立一個圖層,填充顏色為 # 0081e4,效果如下。


然后設置圖層樣式。


最終效果。


學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關注大神微博加入>>

網友求助,請回答!