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

2022-12-26 11:07:43 來(lái)源/作者: / 己有:55人學(xué)習(xí)過(guò)

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

先看看最終效果:

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

素材打包 微盤下載 

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

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

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

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

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

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

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

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

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

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

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

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

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

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