在平时⼯作项⽬中,多少会碰上要做简单gif动画的需求。以往做gif动画最
⿇烦的就是逐帧制作,⼀旦修改起来也很痛苦。
随着Photoshop版本的不断升级,其功能的优化和增加,都是⼀次次的惊
喜,发展到 CC版本,时间轴已可以对视频简易剪辑,所以时间轴制作简单
的gif动画⾜已。
1、如何调出视频时间轴⾯板在窗⼝–>时间轴,调出时间轴⾯板后,选择创建视频时间轴。
选择了视频时间轴⾯板后,若想切换到帧动画⾯板,可以点击上图中红⾊内图标进⾏切换。
2、了解视频时间轴图层的基本⾯板参数
位置:单纯控制图层对象在画布的移动。(该参数动画对位图图层有效,⽮量图层则需要启动⽮量蒙版位置才会产⽣移动动画效果)
演⽰动画:
变换:包含对图层对象在画布的移动控制和变形控制,可以产⽣原地旋转,放⼤缩⼩,翻转动画效果。(参数只针对智能对象图层⽽⾔)
演⽰动画:
样式:控制图层对象样式效果。图层样式是可以产⽣很丰富的动画效果,除了简单的外发光、内发光、投影等基本动画效果,⾥⾯的图案样式更可以应付重复的背景场景,如飘雪,流星等效果。
演⽰动画;
不透明度:是控制图层对象的整体透明度。
演⽰动画:
蒙版:使⽤蒙版的时候蒙版位置与蒙版启⽤⼀起使⽤。图层蒙板位置具有控制动画效果范围的作⽤。
⽮量蒙板位置则控制⽮量图层对象的移动。
演⽰动画:
3、视频时间轴的使⽤
根据要使⽤的参数,点击启⽤关键帧动画,然后移动浮标
到关键帧上,再根据对应的参数调整图层,时间轴就会⾃动创建关键帧。
4、看看桌⾯图标动画制作思路:
(1)在接到需求时,先在纸上勾勒⾃⼰想要的⼤致动画效果,再去⽹上⼀些动画效果参考,觉得合适把他保存下来,⽅便后⾯与需求⽅沟通动画时,能表达更清楚。
(2)与需求⽅确认好动画效果后,接着再在纸上拆解动画的元素,分析这些动画的图层逻辑顺序,哪些动画效果可以借助图层混合样式实现,哪些需要把图
层转换为智能对象等。
这⼀步是为了让⾃⼰在使⽤视频时间轴做动画时,⼼⾥会有⼀个⽐较清晰的逻辑。
(3)接下来整理确认好的icon图层(先复制⼀份源⽂件备份)。主要做以下⼏⽅⾯:
把图层标好颜⾊区分减少图层数,把可以合并的图层转换为智能对象(智能对象可以⼆次编辑,防⽌后⾯意外修改),并命好名称。
html动画效果
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论