百科狗-知识改变命运!
--

专家详解简单的四帧GIF动画制作方法

桃子1年前 (2023-12-17)阅读数 10#综合百科
文章标签图层动画

专家详解简单的四帧GIF动画制作方法

看似简单的动画,制作起来还是非常需要技巧和方法的。作者在这方面非常有经验,而且用了非常详细的文字来描述动画从前期到结尾,我们需要用到哪些面板和动作,怎么新建图层和保存动画等。这些都是非常难得的学习资料,有了这些,我们的动画制作水平会有质的提高。

专家详解简单的四帧GIF动画制作方法

最终效果

其它效果

1、前期准备:在PS里制作GIF所需要准备显示的几个窗口:图层、动画、动作。

一张完成动作的GIF如下图这样分解的,每一帧负责显示各自的图层内容。

2、做一些设置以便日后操作的过程简化。

在动画面板右边的三角选项中取消对?新建在所有帧中都看见的图层?的勾选。这个选项的用处是,处在其它帧的时候直接新建的图层或复制的图层会默认在多有帧中显示,这适合不变化的图案,例如背景。

建立2个动作?GIF修改?,?GIF清空?:

2个所储存的步骤只有一个区别,前一个的目的是在完成一帧的画面后,自定新建动画帧,然后复制前一帧对应的图层内容再降低被复制内容的图层的透明度,以便修改部分画面的变化。

后一个的目的只是降低前一帧所对应的图层透明度,然后另外新建一个透明度图层以便绘制全新的画面。

3、新建一个需要尺寸的文件,在动画(帧)窗口中默认已经显示一帧,新建图层?a?,绘制第一帧的画面。

4、完成第一帧画面后,点击动作?GIF清空?或者快捷键Ctrl

+

F4,会自动降低图层?a?的透明度,在?a?的上面自动建立透明图层,需要手动命名以作区别,便于日后可能的查找修改。

这里命名图层?d?,以示中间还有2帧?b?和?c?作为中间帧,?a?和?d?既是关键帧。

5、被降低透明度的图层?a?,有助于后一帧画面的参考定型,避免动作的角色出现严重的形变。

6、第二帧对于的图层?d?完成,隐藏图层?a?,接下来就开始在这亮帧之间补上中间帧来完善一个完整的动作。

7、图层?b?和?c?的建立方式和?d?相同,都是通过动作?GIF修改?或?GIF清空?自动建立而成。

8、最后调整,导出动画。完成动画后,在?文件?菜单中选择?存储为Web和设备所有格式?,可以预览最终效果的显示效果和导出GIF格式。

9、在弹出的面板好参数后,点?存储?按钮完成GIF的制作。

最终效果:

其它效果

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)