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

设计精致下载图标教程

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

先看看最终效果：


http://pic.16xx8.com/allimg/150611/2035044442-46.jpg
素材打包
微盘下载
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:138144 作者：P大点S 出处：贴吧

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

新建文档，我用的大小是1500*1000像素，透明背景。 创建一个“渐变”调整层，设置一个#bdc3ce到#e7e9ee的90度的线性渐变。
http://pic.16xx8.com/allimg/150611/2035041U2-0.jpg

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

再创建一个“渐变”调整层，模拟背景上的顶部中央位置的高光效果。 设置为#e7e9ee到透明的90度的径向渐变。
http://pic.16xx8.com/allimg/150611/2035042J6-1.jpg

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

画一个480*480像素的圆，将圆的不透明度更改为80%。
http://pic.16xx8.com/allimg/150611/2035043496-2.jpg

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

为这个圆添加一个渐变叠加。
http://pic.16xx8.com/allimg/150611/20350415U-3.jpg

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

添加一个内阴影
http://pic.16xx8.com/allimg/150611/2035043135-4.jpg

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

设置一个白色的投影
http://pic.16xx8.com/allimg/150611/2035043B4-5.jpg

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

现在，我们完成了外圆的设置，得到了如下效果。
http://pic.16xx8.com/allimg/150611/2035041311-6.jpg

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

下面，我们用椭圆工具画出按纽外圆，我用的大小是400*400像素。
http://pic.16xx8.com/allimg/150611/203504Jb-7.jpg

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

为其添加一个斜面浮雕
http://pic.16xx8.com/allimg/150611/203504O06-8.jpg

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

添加一个白色的内阴影
http://pic.16xx8.com/allimg/150611/2035045545-9.jpg

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

添加一个渐变叠加
http://pic.16xx8.com/allimg/150611/2035044B4-10.jpg

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

添加一个投影
http://pic.16xx8.com/allimg/150611/2035043601-11.jpg

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

OK，完成了图层样式的设置，我们目前得到如下效果。
http://pic.16xx8.com/allimg/150611/2035043431-12.jpg

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

复制一层按纽外圆图层，将其命名为投影，放置在按纽外圆图层下层，右键清除图层样式，将填充更改为0，添加一个投影图层样式。
http://pic.16xx8.com/allimg/150611/20350452V-13.jpg

http://pic.16xx8.com/allimg/150611/20350443F-14.jpg
页: [1] 2 3 4
查看完整版本: 设计精致下载图标教程