ps淘宝美工教程:[8]制作时尚动态按钮

 时间:2024-10-17 04:48:08

本节将为大家讲述如何利用PHOTOSHOP为自己的网店添加动态按钮,下面详细教程!

ps淘宝美工教程:[8]制作时尚动态按钮

工具/原料

ps

电脑

方法/步骤

1、首先打开ps,新建400x300图层,分辨率选择72,背景图层为白色!

ps淘宝美工教程:[8]制作时尚动态按钮

2、在工具栏中找到圆角矩形工具,然后在新图层1画出下图形状!

ps淘宝美工教程:[8]制作时尚动态按钮

ps淘宝美工教程:[8]制作时尚动态按钮

3、按住ctrl点击生成擢爻充种的形状1,得到下图选区,把形状1的“眼睛”去掉或是删除!新建图层1,在选区中填充渐变颜色!给图层1圆形矩形添加“投影”。

ps淘宝美工教程:[8]制作时尚动态按钮

ps淘宝美工教程:[8]制作时尚动态按钮

4、新建图层2,同样是圆角矩形,同样填充渐变颜色,只不过方向反着填充,如下图,同样给做个投影效果!

ps淘宝美工教程:[8]制作时尚动态按钮

5、选择文字工具,输入按钮的文字内容,如下图!给文字图层添加描边和投影效果!

ps淘宝美工教程:[8]制作时尚动态按钮

ps淘宝美工教程:[8]制作时尚动态按钮

6、选择“窗口”—“动画”,调出动画窗口!

ps淘宝美工教程:[8]制作时尚动态按钮

7、选择新建帧,点击帧1訇咀喃谆将图层2眼睛点掉,选择帧2将图层2眼睛点上,将图层1眼睛点掉,两帧时间设置一下就可以了!

ps淘宝美工教程:[8]制作时尚动态按钮

ps淘宝美工教程:[8]制作时尚动态按钮

8、选择存储为web和设备所用格式,选择gif!

ps淘宝美工教程:[8]制作时尚动态按钮

ps淘宝美工教程:[8]制作时尚动态按钮

photoshop如何使用蒙版抠图 ps 针对图像大小缩放效果 PS怎样制作漂亮的心形图标 如何用PS调整手表的品质感? 画册印刷中,你要知道的六点注意事项
热门搜索
波板糖图片 铜门图片 烟花电影 文明手抄报图片 汉兰达2020款价格及图片