huangli1003 发表于 2015-9-10 18:19:43

PhotoshopCC制作雷达扫描GIF效果

有的时候就是需要换换动态图，来调剂调剂，第一次用PS CC做动态图，就用这个例子同大家分享下制作过程。
http://pic.16xx8.com/allimg/150907/201P64P4-0.gif
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:0 作者：JennyLei 出处：UI中国

huangli1003 发表于 2015-9-10 18:19:43

首先介绍一下工具：在窗口中先将时间轴面板调出
http://pic.16xx8.com/allimg/150907/201P63063-1.png

http://pic.16xx8.com/allimg/150907/201P614b-2.png

http://pic.16xx8.com/allimg/150907/201P64117-3.png

huangli1003 发表于 2015-9-10 18:19:43

1、新建一个画布，(大小自定)2、在画布上画一个圆3、处理这个圆的颜色：渐变所用到的颜色是#ffe689、#fa8b00，在添加渐变叠加效果，数据如下图
http://pic.16xx8.com/allimg/150907/201P63T9-4.png

huangli1003 发表于 2015-9-10 18:19:43

4、开始为它做帧了
http://pic.16xx8.com/allimg/150907/201P61259-5.png

huangli1003 发表于 2015-9-10 18:19:43

5、完成，就可以出现效果图了6、如何保存：文件--存储为Web所用格式
http://pic.16xx8.com/allimg/150907/201P614V-6.png

huangli1003 发表于 2015-9-10 18:19:43

7、打开所保存的文件查看效果：
http://pic.16xx8.com/allimg/150907/201P64G4-7.gif

huangli1003 发表于 2015-9-10 18:19:43

8.题外话：
http://pic.16xx8.com/allimg/150907/201P64601-8.png

huangli1003 发表于 2015-9-10 18:19:43

制作时根据所需灵活结合运用不透明度、样式样式：控制图层对象样式效果。图层样式是可以产生很丰富的动画效果，除了简单的外发光、内发光、投影等基本动画效果，里面的图案样式更可以应付重复的背景场景，如飘雪，流星等效果不透明度：是控制图层对象的整体透明度。运用不透明度的一个效果：
http://pic.16xx8.com/allimg/150907/201P639E-9.gif
你也可以按照你的想法做出奇妙的动态效果。

huangli1003 发表于 2015-9-10 18:19:43

PhotoshopCC制作雷达扫描GIF效果

9、时间轴的启用
http://pic.16xx8.com/allimg/150907/201PC495-10.png

http://pic.16xx8.com/allimg/150907/201P623O-11.png
点击下最右边的小闹钟状的图标就可以启用时间轴，菱形变为黄色就是已经启用了，若要关闭，再次点击小闹钟就行。完成的最终效果图
http://pic.16xx8.com/allimg/150907/201P64P4-0.gif

只挂机不回话 发表于 2015-9-11 10:55:29

什么是受限

襙性 发表于 2019-9-21 17:51:56

贴主 能解释下第4步是什么鬼吗？不得要领啊   右键小窗口 选择旋转能理解，180度的旋转在哪儿呢，找一下午了！
页: [1]
查看完整版本: PhotoshopCC制作雷达扫描GIF效果