下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕

來源:貼吧 作者:P大點(diǎn)S 學(xué)習(xí):22254人次

今天跟大家講講怎么做一個(gè)圓形的下載按鈕,教程步驟詳細(xì),作者還提供了PSD文件參考,看不懂的可以下載學(xué)習(xí)。做完記得交作業(yè)。

先看看最終效果:

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

素材打包 微盤下載 

新建文檔,我用的大小是1500*1000像素,透明背景。 創(chuàng)建一個(gè)“漸變”調(diào)整層,設(shè)置一個(gè)#bdc3ce到#e7e9ee的90度的線性漸變。

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

再創(chuàng)建一個(gè)“漸變”調(diào)整層,模擬背景上的頂部中央位置的高光效果。 設(shè)置為#e7e9ee到透明的90度的徑向漸變。

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

畫一個(gè)480*480像素的圓,將圓的不透明度更改為80%。

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

為這個(gè)圓添加一個(gè)漸變疊加。

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

添加一個(gè)內(nèi)陰影

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

設(shè)置一個(gè)白色的投影

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

現(xiàn)在,我們完成了外圓的設(shè)置,得到了如下效果。

下載按鈕,設(shè)計(jì)一枚圓形的下載按鈕_www.theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
寶貝哦2016-08-06 02:41
修身齊家2015-12-27 06:21
快樂2015-08-07 12:00
<神馬>

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

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