下載按鈕,設計一枚圓形的下載按鈕

2022-12-26 11:07:43 來源/作者: / 己有:55人學習過

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

先看看最終效果:

下載按鈕,設計一枚圓形的下載按鈕

素材打包 微盤下載 

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

下載按鈕,設計一枚圓形的下載按鈕

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

下載按鈕,設計一枚圓形的下載按鈕

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

下載按鈕,設計一枚圓形的下載按鈕

為這個圓添加一個漸變疊加。

下載按鈕,設計一枚圓形的下載按鈕

添加一個內陰影

下載按鈕,設計一枚圓形的下載按鈕

設置一個白色的投影

下載按鈕,設計一枚圓形的下載按鈕

現在,我們完成了外圓的設置,得到了如下效果。

下載按鈕,設計一枚圓形的下載按鈕