余额宝如何升级收益,余额宝如何升级收益，不少人不知道怎么升级收益，接下来用图解的形式介绍给大家余额宝如何升级收益。......
ps淘宝美工教程：[8]制作时尚动态按钮
来源：互联网 版权归原作者所有，如有侵权，请联系我们
本节将为大家讲述如何利用PHOTOSHOP为自己的网店添加动态按钮，下面详细教程！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/def72c6c576699cfab6722d0a885e036e3915e8b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
工具/原料
- ps
- 电脑
方法/步骤
首先打开ps，新建400x300图层，分辨率选择72，背景图层为白色！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/e177fc9147e833e0894630b030ea3e863148598b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
在工具栏中找到圆角矩形工具，然后在新图层1画出下图形状！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/3c42a5ea3e863048d477da67c33104ebf7a7528b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb4f9352bc092b74ee1d324e8b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
按住ctrl点击生成的形状1，得到下图选区，把形状1的“眼睛”去掉或是删除！
新建图层1，在选区中填充渐变颜色！给图层1圆形矩形添加“投影”。
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/f7e6410f822b74eea10646abda2c8cf1d9a74a8b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/75af02324b18512c4cc5d514ad334884cce3498b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
新建图层2，同样是圆角矩形，同样填充渐变颜色，只不过方向反着填充，如下图，同样给做个投影效果！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/27725684cde34b2c90da76cc0d0e7c75e4f4438b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
选择文字工具，输入按钮的文字内容，如下图！
给文字图层添加描边和投影效果！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/7a3e980e7c75e5f437c1e3beb1ceaad7736bbc8b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/fdb4f00d3aceaad7bd5f0151eee7340f6578b88b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
选择“窗口”—“动画”，调出动画窗口！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/64a62a0f647814236b8d7b8daac2bbd6e0d0b28b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
选择新建帧，点击帧1将图层2眼睛点掉，选择帧2将图层2眼睛点上，将图层1眼睛点掉，两帧时间设置一下就可以了！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/2083a5d6e1d06de841558b96ca93cee8b104ac8b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/87645f93cee8b004b42fdcbc79260d9a300ea98b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
选择存储为web和设备所用格式，选择gif！
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/d04eec260d9a310ef2ade49931b842406bfea28b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![ps淘宝美工教程：[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/bbf95c406afec3141af1985dcac1b727ad539c8b.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：淘宝卖家怎么评价买家 下一篇：淘宝购物如何确认收货确认收货时注意什么问题
