首页 >

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

web前端|PS教程专家详解简单的ps四帧GIF动画制作方法
GIF,动画制作
web前端-PS教程
看似简单的动画,制作起来还是非常需要技巧和方法的。作者在这方面非常有经验,而且用了非常详细的文字来描述动画从前期到结尾,我们需要用到哪些面板和动作,怎么新建图层和保存动画等。
这些都是非常难得的学习资料,有了这些,我们的动画制作水平会有质的提高。
最终效果
国人在线 源码,vscode更改位置,网页访问Ubuntu摄像头,tomcat的网站,sqlite小于当前时间,ajax表格插件,前端vue框架是什么,猫影视哪个爬虫好用,php modbus,廊坊seo推荐,txt下载 网站,手机网页音乐播放插件,行业门户网站模板下载,多约束问题的matlab程序lzw
专家详解简单的ps四帧GIF动画制作方法
vb6源码之友破解,vscode终端显示文件夹,ubuntu退出cat,tomcat安装后怎么配置,儿歌爬虫虫,php工厂模式代码,宜昌床上用品seo推广价格lzw
其它效果
源码制作app,vscode 开发收费插件,删除 ubuntu 引导,tomcat隐藏包名,爬虫 类型 acquire,php支付宝代码,郑州seo线上优化怎么省钱,个人简单网站源码,仿淘宝后台模板lzw
专家详解简单的ps四帧GIF动画制作方法
专家详解简单的ps四帧GIF动画制作方法
专家详解简单的ps四帧GIF动画制作方法
专家详解简单的ps四帧GIF动画制作方法

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

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

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

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

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

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

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

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

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

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

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

4、完成第一帧画面后,点击动作“GIF清空”或者快捷键Ctrl + F4,会自动降低图层“a”的透明度,在“a”的上面自动建立透明图层,需要手动命名以作区别,便于日后可能的查找修改。

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

其它效果

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


专家详解简单的ps四帧GIF动画制作方法
  • Vue.js使用过渡动画制作路由跳转动画
  • Vue.js使用过渡动画制作路由跳转动画 | Vue.js使用过渡动画制作路由跳转动画 ...

    专家详解简单的ps四帧GIF动画制作方法
  • H5+JS二维动画制作的一个实例
  • H5+JS二维动画制作的一个实例 | H5+JS二维动画制作的一个实例 ...