教你怎么用Photoshop制作动图

m139001 m139001 2017-05-08 09:01

在新浪刚刚提交的SKAGEN智能腕表的报告当中,各位玩家们都奉献上了风格各异、精彩纷呈的体验报告,其中三十岁微胖老师的报告开始的一个动图一改平时文字式的大纲,很是新颖。

8c7c3277a32ce2f5142ccd79d40b03c8.gif

那么这种动图是怎么做的呢?一般大家都会先想到PS,笔者献丑展示一下PS做这种动图的步骤。

1.导入合适背景。

e0460d98eedd7747991cfa4a8d05a6b6.png

2.新建几个图层,分别在合适位置加入1、2、3、4,大纲有几个标题就做几个。

ccd8aeb0cf35d287adf8fdf1dea273b9.png

3、新建四个图层,加入对应1、2、3、4的文字,当然这两个步骤也可以合并,如“1、言简意赅的前言”,这样会减少四个图层,但是分开做会方便后期调整文字位置、变换样式等。

6189c512312067376a74d6539d18002b.png

4、从“窗口”菜单找到时间轴

dc5c52bcee819c0b4863aa6f1a1d9990.png

5、点击切换为创建“帧动画”

083423e8286dcff2e674d299c473d5ce.gif

6、根据需要逐步创建帧以及显示对应的图层,显示/隐藏图层点击图层前面的小眼睛即可。

428ef319d12efc3558825118591de017.gif

动画的速度可以根据需要自定义,笔者使用的是1秒。如果想要循环播放,将“一次”改为“永远”。

7、保存的时候选择“保存为Web所用格式”

940b84d5291c64fd63280396e0a3e9aa.png

71ea7a9176df7caa57c61d12d0605e25.png

最终效果如下,

8c6b9ea7c355b10a6205e2608db7adeb.gif

以上仅做演示,没有微胖老师的精致,嫌简陋的朋友可以自己加以修饰比如做底图、调色、加花纹等。

3ff71abf3465e4532c26450e814d8d60.gif

抛砖引玉请行家一笑而过。期待三十岁微胖老师把另一种做法(PPT+美图)分享教程,毕竟不是每台电脑都装有Photoshop的,但是PPT和美图就方便和实用很多。

(声明: 本文著作权归作者本人和新浪众测共同所有,未经许可不得转载。本文仅代表作者观点,不代表新浪众测立场。)
0 0
分享 商务合作 返回
微博 QQ空间 微信