1、首先打开ps,新建400x300图层,分辨率选择72,背景图层为白色!
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/e177fc9147e833e0894630b030ea3e863148598b.jpg)
2、在工具栏中找到圆角矩形工具,然后在新图层1画出下图形状!
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/3c42a5ea3e863048d477da67c33104ebf7a7528b.jpg)
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb4f9352bc092b74ee1d324e8b.jpg)
3、按住ctrl点击生成的形状1,得到下图选区,把形状1的“眼睛”去掉或是删除!新建图层1,在选区中填充渐变颜色!给图层1圆形矩形添加“投影”。
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/f7e6410f822b74eea10646abda2c8cf1d9a74a8b.jpg)
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/75af02324b18512c4cc5d514ad334884cce3498b.jpg)
4、新建图层2,同样是圆角矩形,同样填充渐变颜色,只不过方向反着填充,如下图,同样给做个投影效果!
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/27725684cde34b2c90da76cc0d0e7c75e4f4438b.jpg)
5、选择文字工具,输入按钮的文字内容,如下图!给文字图层添加描边和投影效果!
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/7a3e980e7c75e5f437c1e3beb1ceaad7736bbc8b.jpg)
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/fdb4f00d3aceaad7bd5f0151eee7340f6578b88b.jpg)
6、选择“窗口”—“动画”,调出动画窗口!
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/64a62a0f647814236b8d7b8daac2bbd6e0d0b28b.jpg)
7、选择新建帧,点击帧1訇咀喃谆将图层2眼睛点掉,选择帧2将图层2眼睛点上,将图层1眼睛点掉,两帧时间设置一下就可以了!
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/2083a5d6e1d06de841558b96ca93cee8b104ac8b.jpg)
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/87645f93cee8b004b42fdcbc79260d9a300ea98b.jpg)
8、选择存储为web和设备所用格式,选择gif!
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/d04eec260d9a310ef2ade49931b842406bfea28b.jpg)
![ps淘宝美工教程:[8]制作时尚动态按钮](https://exp-picture.cdn.bcebos.com/bbf95c406afec3141af1985dcac1b727ad539c8b.jpg)