本文作者:三岁教程网

Photoshop用视频时间轴制作简单的GIF动画

三岁教程网 2022-11-07 00:00:00 64 抢沙发

1、如何调出视频时间轴面板

在 窗口–>时间轴,调出时间轴面板后,选择创建视频时间轴。


    
     Photoshop用视频时间轴制作简单的GIF动画


    
     Photoshop用视频时间轴制作简单的GIF动画

选择了视频时间轴面板后,若想切换到帧动画面板,可以点击图标进行切换。


    
     Photoshop用视频时间轴制作简单的GIF动画

位置:单纯控制图层对象在画布的移动。(该参数动画对位图图层有效,矢量图层则需要启动矢量蒙版位置才会产生移动动画效果)

演示动画:


    
     Photoshop用视频时间轴制作简单的GIF动画

变换:包含对图层对象在画布的移动控制和变形控制,可以产生原地旋转,放大缩小,翻转动画效果。(参数只针对智能对象图层而言)

演示动画:


    
     Photoshop用视频时间轴制作简单的GIF动画

样式:控制图层对象样式效果。图层样式是可以产生很丰富的动画效果,除了简单的外发光、内发光、投影等基本动画效果,里面的图案样式更可以应付重复的背景场景,如飘雪,流星等效果。

演示动画;


    
     Photoshop用视频时间轴制作简单的GIF动画

不透明度:是控制图层对象的整体透明度。

演示动画:


    
     Photoshop用视频时间轴制作简单的GIF动画

蒙版:使用蒙版的时候蒙版位置与蒙版启用一起使用。图层蒙板位置具有控制动画效果范围的作用。矢量蒙板位置则控制矢量图层对象的移动。

演示动画:


    
     Photoshop用视频时间轴制作简单的GIF动画

3、视频时间轴的使用

根据要使用的参数,点击


    
     Photoshop用视频时间轴制作简单的GIF动画

到关键帧上,再根据对应的参数调整图层,时间轴就会自动创建关键帧。

4、看看桌面图标动画制作思路:

(1)在接到需求时,先在纸上勾勒想要的大致动画效果,再去找一些动画效果参考。方便后面与需求方沟通动画时,能表达更清楚。

(2)与需求方确认好动画效果后,接着再在纸上拆解动画的元素,分析这些动画的图层逻辑顺序,哪些动画效果可以借助图层混合样式实现,哪些需要把图层转换为智能对象等。这一步是为了在

使用视频时间轴做动画时,心里会有一个比较清晰的逻辑。


    
     Photoshop用视频时间轴制作简单的GIF动画

(3)接下来整理确认好的icon图层(先复制一份源文件备份)。主要做以下几方面:把图层标好颜色区分减少图层数,把可以合并的图层转换为智能对象(智能对象可以二次编辑,防止后面意外修改),并命好名称。


    
     Photoshop用视频时间轴制作简单的GIF动画

(4)导出动画:导出gif格式动画,直接Alt+Ctrl+Shift+S导出;导出序列帧图片,通过 文件–>导出–>渲染视频调出面板。


    
     Photoshop用视频时间轴制作简单的GIF动画


    
     Photoshop用视频时间轴制作简单的GIF动画

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=49768发布于 2022-11-07 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,64人围观)参与讨论

还没有评论,来说两句吧...