「干货」一文读懂gif动图的原理\u0026制作方法深度解析(gif原理动图怎么做)

一、什么是动图?顾名思义,就是动图,也叫GIF图。官方解释:它是一个图像文件,可以将多个图像数据存储在一起,并逐帧显示在屏幕上,形成一个简单的动画。
二、动画在生活中的应用动画多用于表情符号中,为平时聊天增添乐趣(见下文)
小陈皮的表情——微信表情已经上架
同时还有电商详情页展示、工作流程描述、活动页面、PPT报表等。这些都可以使用动态图片。
动态图片非常有趣直观,在日常工作生活中发挥着非常重要的作用。笔者通过自己的经历,带你认识、了解、制作动态图片。
3.如何制作动画?如上所述,动画是一个多图像数据文件,它应该包含至少两个图片(如下所示)。
这张信号干扰图由循环播放的六幅图像组成。
图像越多,动画越精致(文件也越大)。当每秒超过24帧,也就是单帧的时间小于0.04秒时,这些连续播放的画面就会连接成一个视频。
制作动态图片的方法有很多。对于软件来说,用ps制作它们很常见,也很方便。方式可以从静态图片做成动态图片,PS绘制,视频文件拼接成动态图片(本地动态图片就是这么做的,3D文件也可以用来做动画。(如下图)
(视频捕捉的部分动画)
(ps绘图动画)
而通过PS输出的动画在制作过程中只有两种形式:帧动画和视频动画(如下图)。
帧动画:通过顺序循环播放每一帧来形成动画。制作时,需要做出每一帧的最终形状。
优点是可控性高,缺点是笨重,容易出bug。(帧动画可以转换成视频动画,视频动画转换成帧动画会丢失数据)。
视频动画:关键帧和时间轴用于控制数据变化(位置、透明度、大小等。)的元素。系统自动添加多余帧,通过关键帧之间的数据变化实现动画。
具有操作简单、效果多变、可塑性强等诸多优点,推荐使用。缺点是文件大,对电脑配置要求高。
动画帧进入主题帧常用的制作方法有:液化、变形、移动旋转、钢笔画。
示例1:液化
通过液化,使原图像变形,新图像和原图像切换产生动画。(如下图)
示例2:变形
变形拉伸可以是一种很好的运动画面制作方式,涂抹模糊的效果更好(如下图)。
网格变形和涂抹用于模拟整个动画过程。
PS:制作动画时,首先要考虑物体的运动规律,这样才会真实!
示例3:移动旋转
飞行、奔跑、拉伸都可以通过移动来完成,旋转动画也可以通过旋转变形来完成,但这种动画用视频动画更方便。
示例4:钢笔绘图
(如下图)
视频动画的可控参数包括:位置、透明度、变换、样式、遮罩位置和遮罩激活(见下图)。
在制作视频动画之前,我们需要知道关键帧。单击控件前面的圆圈以激活关键帧。关键帧记录每个位置的参数,通过关键帧之间的均匀过渡,形成动画。
值得注意的是,图层无法记录智能对象未转移时的大小变化。智能对象转移后,位置控制变为变化。此时的变化可以记录物体的位置和大小变化。
示例1:移动视频动画
移动是最基本的动画,用遮罩可以产生很好看的效果。
PS:一个简单的移动动画,可以通过移动关键点的位置来加速和减速。如果开关运动过程中背景的灰绿有瑕疵,可以用蒙版来修正。
示例2:转换视频动画
关键帧可以很好地控制动画的延伸。
PS:使用变换来设置相应旋转角度的关键帧。变换可以实现移动、缩放、旋转、变形等动画。有兴趣可以自己去探索。
示例3:
PS:使用transformation制作一个向右移动同时收缩的动画。移动的时候,给它一个渐隐的变化。
示例4:风格视频动画
外部灯光样式变化的动画
和前面的动画原理一样,这是两个图层样式之间的过度动画。
示例5:遮罩视频动画
遮罩动画可以通过控制遮罩的位置来制作,和上面差不多,这里就不赘述了!
4.动画的叠加和拼接1。覆盖物
只需将元素(黑丝背景)颜色滤镜模式放入需要动画的文件中,将元素智能对象动画化(注意必须是视频动画才能实现;可以把GIF图片转换成视频动画!
用AE制作的雪景素材(无一可在线或离线)叠加在背景图片上。
拼接也很好理解,这里就不赘述了!
在这里,这个案子结束了。学无止境,学无止境。一篇文章没有办法解释所有的知识点。如果有疑问,私信我。关注我,不要迷失!

其他教程

如何排版文字(怎么对文字进行排版)

2022-9-2 22:04:21

其他教程

一目十行的英语(一目十行学英语,一起读终极英语单词 3221-3235)

2022-9-2 22:06:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索