PhotoShop制作gif动画效果示例详解
PS不仅可以专业级修图,也可以制作 gif 动画效果,比如应用于动笑图、广告图、搞笑图等等。
本文需要用到的软件环境:
MacOS High Sierra Version 10.13.4
PhotoShop CS6 13.0.6 x64
PhotoShop制作gif动画效果示例
1. 打开PhotoShop的图层和动画窗口
如果是PhotoShop CS6以前的版本,可以通过PS在顶部菜单 “窗口”—“动画” 调出,
如果是PhotoShop CS6,动画窗口名字改成了“时间轴”,也是在 “窗口”—“时间轴” 菜单中调出:
通过 “时间轴” 调出了动画后,下方会出现 “创建视频时间轴”、“创建帧动画” 等选项
如上图,创建完视频时间轴后,可以通过左下方进行“帧动画”、“视频时间轴”之间的切换
2. 准备一组制作动画图片素材
3. 创建动画gif图
根据素材图片的长宽大小,在PhotoShip中创建一个大小为140×80的画布,将背景色设置为透明:
然后,把8张动画图片拖拽到透明的画布上,在PS界面的右下方会自动生成8个图层:
在“时间轴”面板中单击右侧的按钮,在弹出菜单中选择“新建帧”,重复7次,创建8个帧(加上最开始的1个):
创建完成后,选中第一帧,在图层面板中设置第一帧中frame1可见(左侧的小眼睛按钮控制可见性):
接着选中第二针,设置frame2可见……,以此类推,将8帧全部设置完成。
接着选中所有帧(先点击第一帧,然后长按住Shift 键,选中最后一帧),点击任何一帧下方的“0秒”,在弹出菜单中选择“其它”:
在弹出对话框中设置延迟为0.04秒(动画达到每秒24帧时,人眼就能够看出运动的效果,因此每帧约0.04秒)
重复次数选择“永远”,然后进行播放,就可以看到gif动画效果了
设置完成后,我们点击时间轴面板上的播放按钮,已经可以看到动画效果了。
这时,我们可以对猎豹的位置做微调,使动画效果更流畅
有个小技巧是,一帧显示两张图片,当前帧(不透明图片)把前一帧的图层的透明度调低一些,以便我们做参考:
4. 保存gif动画图
编辑完成后,我们点击菜单“文件”—“存储为Web所用格式”,在弹出的菜单中设置好参数后,点击“存储”保存为gif格式即可:
5. 查看gif动画图的成果
1)一帧一图片,没有透明小技巧
2)一帧二图片,应用了透明小技巧
参考推荐:
Photoshop、Illustrator、CoreIDAW 区别
色彩空间中的 aRGB、HSL、HSV、HSB、Lab、CMYK
版权所有: 本文系米扑博客原创、转载、摘录,或修订后发表,最后更新于 2018-11-07 05:43:00
侵权处理: 本个人博客,不盈利,若侵犯了您的作品权,请联系博主删除,莫恶意,索钱财,感谢!