按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程(6)

來源:站酷 作者:royavs 學(xué)習(xí):8324人次

類似風(fēng)扇的調(diào)速開關(guān),步驟雖然多,但主要還是運(yùn)用圖層樣式,所以難度不大,推薦一起練習(xí)一下。做完交作業(yè)。

先看看效果:
按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

1、新建文件

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

2、選擇背景顏色

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

3、alt+delete鍵填充前景色。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

4、橢圓工具新建一個(gè)正圓(橢圓1圖層)。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

4.1、雙擊橢圓1圖層調(diào)節(jié)圖層樣式——顏色疊加、描邊,參數(shù)如圖。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

4.2、得到橢圓1的效果。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

5、再新建橢圓2,大小如圖。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

5.1、雙擊圖層調(diào)節(jié)圖層樣式:顏色疊加、描邊、投影。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

6、得到效果,再新建橢圓3.

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

6.1雙擊橢圓3圖層調(diào)節(jié)圖層樣式:顏色疊加、投影。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

6.2、橢圓3圖層填充調(diào)為0.

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

6.3、橢圓3效果。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

7、新建橢圓4圖層大小如圖。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

7.1、雙擊圖層調(diào)節(jié)圖層樣式:斜面和浮雕、顏色疊加、外發(fā)光、投影。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

7.2、效果。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

7.3、ctrl+J復(fù)制橢圓3圖層得到橢圓4,調(diào)節(jié)如圖

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

8、用矩形工具新建矩形。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

8.1、雙擊矩形圖層調(diào)節(jié)圖層樣式:顏色疊加、投影。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

8.2、效果如圖

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

8.3、ctrl+T復(fù)制出4個(gè)矩形圖層,分別調(diào)整好位置如圖

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

9、新建小橢圓位置如圖。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

9.1、雙擊圖層調(diào)節(jié)圖層樣式:顏色疊加

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

9.2、效果如圖

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

9.3、新建幾個(gè)小橢圓位置如圖。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

10、選擇大橢圓所對(duì)應(yīng)的小圓圖層調(diào)整圖層樣式。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

10.1、效果圖

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

11、打上文字然后調(diào)節(jié)圖層樣式。

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

最終效果

按鈕教程,設(shè)計(jì)調(diào)速開關(guān)按鈕教程_theoat.com.cn

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!