设计精致下载图标教程

幸福的佳佳 · 发表于 2015-6-13 13:35:39

您需要登录才可以下载或查看，没有账号？注册

x

今天跟大家讲讲怎么做一个圆形的下载按钮，教程步骤详细，作者还提供了PSD文件参考，看不懂的可以下载学习。做完记得交作业。

先看看最终效果：

素材打包
微盘下载

提示：教程详细步骤在二楼！

想下载该教程的可以到这里下载:点击进入下载页

教程编号:138144 作者：P大点S 出处：贴吧

幸福的佳佳 · 发表于 2015-6-13 13:35:39

新建文档，我用的大小是1500*1000像素，透明背景。创建一个“渐变”调整层，设置一个#bdc3ce到#e7e9ee的90度的线性渐变。

幸福的佳佳 · 发表于 2015-6-13 13:35:39

再创建一个“渐变”调整层，模拟背景上的顶部中央位置的高光效果。设置为#e7e9ee到透明的90度的径向渐变。

幸福的佳佳 · 发表于 2015-6-13 13:35:39

画一个480*480像素的圆，将圆的不透明度更改为80%。

幸福的佳佳 · 发表于 2015-6-13 13:35:39

为这个圆添加一个渐变叠加。

幸福的佳佳 · 发表于 2015-6-13 13:35:39

添加一个内阴影

幸福的佳佳 · 发表于 2015-6-13 13:35:39

设置一个白色的投影

幸福的佳佳 · 发表于 2015-6-13 13:35:39

现在，我们完成了外圆的设置，得到了如下效果。

幸福的佳佳 · 发表于 2015-6-13 13:35:39

下面，我们用椭圆工具画出按纽外圆，我用的大小是400*400像素。

幸福的佳佳 · 发表于 2015-6-13 13:35:39

为其添加一个斜面浮雕

幸福的佳佳 · 发表于 2015-6-13 13:35:39

添加一个白色的内阴影

幸福的佳佳 · 发表于 2015-6-13 13:35:39

添加一个渐变叠加

幸福的佳佳 · 发表于 2015-6-13 13:35:39

添加一个投影

幸福的佳佳 · 发表于 2015-6-13 13:35:39

OK，完成了图层样式的设置，我们目前得到如下效果。

幸福的佳佳 · 发表于 2015-6-13 13:35:39

复制一层按纽外圆图层，将其命名为投影，放置在按纽外圆图层下层，右键清除图层样式，将填充更改为0，添加一个投影图层样式。

账号		自动登录	找回密码
密码			注册

[按钮图标] 设计精致下载图标教程