1. 兔课网
  2. 资讯
  3. 平面设计教程
  4. 动图技巧,分享三种调整GIF动图的方法

动图技巧,分享三种调整GIF动图的方法

1731人阅读 2020-06-09 收藏

本教程其实很简单,主要讲解三种调整动态图片颜色的方法,即添加调整图层、设置图层样式和逐帧调整,这些都是初学者看的基本方法。教程是翻译教程,所以参考图片都是英文的,所以每个人都可以打开自己的PS比较研究。与静态图片相比,GIF动态图片可以让你的设计作品更吸引人。本期国外优秀翻译教程将学习三种在Photoshop中调整GIF动画的方法。

用Photoshop CS5、CS6或创意云版本打开GIF动画;在主菜单栏中选择“窗口时间线”或“窗口时间线”;在主菜单栏中选择“窗口层”。

首先,调整图层

在图层面板中,选择顶层,然后单击调整图层按钮添加调整图层。

动图技巧,分享三种调整GIF动图的方法_

图01

选择一个调整图层,调整图层上的任何更改都会影响以下帧和图层的效果。

动图技巧,分享三种调整GIF动图的方法_

图02

尝试不同的调整层,以实现所需的调整效果。这将给整个动态图形的颜色和对比度带来很大的变化。当调整完成并需要保存时,选择“文件以网络使用的格式存储”。选择GIF格式和要输出的颜色数量。确保透明颜色、杂项边缘和动画选项设置正确。单击保存以另存为新文件。

动图技巧,分享三种调整GIF动图的方法_

图03

艺术品

动图技巧,分享三种调整GIF动图的方法_

图04

调整效果

动图技巧,分享三种调整GIF动图的方法_

图05

二。混合期权

点按时间线窗口中的所有帧,然后点按删除按钮。

动图技巧,分享三种调整GIF动图的方法_

图06

在图层面板中选择最低的图层,然后单击“fx”按钮选择混合选项。

动图技巧,分享三种调整GIF动图的方法_

图07

将所需的混合选项应用到您刚刚选择的图层。下图显示了颜色叠加和混合选项。您可以根据需要选择投影、描边或各种效果的叠加。

动图技巧,分享三种调整GIF动图的方法_

图08

确认底层已应用图层样式后,右键单击缩略图并选择“复制图层样式”,然后选择所有图层,右键单击并选择“粘贴图层样式”。所有图层都将应用到刚刚设置的图层样式。

动图技巧,分享三种调整GIF动图的方法_

图09

在时间线或动画面板中,单击右上角并选择“从层创建帧”,将每个层转换为单独的帧。

动图技巧,分享三种调整GIF动图的方法_

图10

选择所有帧,右键单击小三角形并选择“其他”以设置0.03秒的延迟和30 fps的回放。

动图技巧,分享三种调整GIF动图的方法_

图11

完成后,以前的操作将以网站使用的格式存储。

艺术品

动图技巧,分享三种调整GIF动图的方法_

图12

调整效果

动图技巧,分享三种调整GIF动图的方法_

图13

三、逐帧生产

逐帧制作动画是一项耗时的任务,但它具有很大的灵活性。因为GIF动画由一系列的图案组成,每个图案可以被不同地处理以产生想要的效果。

在动画或时间线面板中,选择所有帧,然后点按垃圾桶图标以删除所有帧。在“图层”面板中,对每个图层应用彩色半色调。

动图技巧,分享三种调整GIF动图的方法_

图14

在时间线或动画面板中,单击右上角并选择“从层创建帧”,将每个层转换为单独的帧。

动图技巧,分享三种调整GIF动图的方法_

图15

选择所有帧,右键单击小三角形并选择“其他”以设置0.03秒的延迟和30 fps的回放。

完成后,以前的操作将以网站使用的格式存储。

动图技巧,分享三种调整GIF动图的方法_

图16

艺术品

动图技巧,分享三种调整GIF动图的方法_

图17

调整效果

动图技巧,分享三种调整GIF动图的方法_

图18

相关文章推荐

PS合成教程:打造暴风雨中草原上勇敢的树
机器合成,恶搞合成蜻蜓战机
素材合成,多张素材合成一张全景图
小清新,新手也能学会的胶片小清新后期教程
弱光人像,弱光照片的调色方法
banner教程,设计一个简单的母亲节Banner教程
Photoshop教程:绘制鲜红的番茄
小清新,调出阳光大方的小清新风格照片
日历图标,设计日历主题UI图标教程
优秀Logo设计技巧!具象处理法

特别推荐

上一篇>> UI教程,螺旋桨式风扇主题UI图标教程

下一篇>> 无缝图案,怎大家怎么制作无缝拼接图案背景教程

新人大礼包

1
咨询客服

交流Q群

微信公众号
返回顶部