PS 制作逐字显示动画广告

时间:2014/11/20 17:07:32  作者:Mho  来源:原创  查看:88996  评论:0
内容摘要:PS 制作"逐字显示动画广告" 思路

PS 制作"逐字显示动画广告" 思路:

1.确定一张背景
2.每行文字做成一个“文本行”
3.每一行“文本行”有多少个字,就增加几个副本。
4.调出时间轴
5.增加“帧”
6.根据需要,对应每一帧,让对应的“字”显示或者隐藏。

实例制作说明:
步骤:(使用photoshop cs6)

1.新建一张 748*200 (px) 背景透明的图像。
PS_制作逐字显示动画广告

2.通过“渐变工具”给图像加上淡蓝色渐变背景色。
PS_制作逐字显示动画广告

3.输入两行独立的文本,第一行是“同步科技前沿 追求卓越品质”,第二行是“深圳市毅安威视科技有限公司”,并调整好文字的位置和颜色。
PS_制作逐字显示动画广告

4.“同步科技前沿 追求卓越品质”这一行文本有 12 个字,所以,使用快捷键“ctrl+j”,创建这一行文本的 11 个副本。同理,第二行文本创建 12 个副本。
PS_制作逐字显示动画广告          PS_制作逐字显示动画广告

5.为便于识别,给每一行的文本改名称,但是,文本内容保持不变,并把文本全部设置成“不显示”,而背景图保持“显示”状态。
PS_制作逐字显示动画广告

6.通过菜单栏 “窗口”--“时间轴” ,调出动画窗口。在时间轴中点击“创建帧动画”按钮,出现第一帧。
PS_制作逐字显示动画广告

PS_制作逐字显示动画广告


7.在时间轴上,选中第一帧,并且在图层中,选中名称是“同”字的文本行并设置其为显示状态,而其他文本行不显示。双击选中的文本,调节文本框的宽带,使正行文本只显示出一个“同”字。
PS_制作逐字显示动画广告

PS_制作逐字显示动画广告


8.新增一帧,在时间轴上,选中第二帧,并且在图层中,选中名称是“步”字的文本行并设置其为显示状态,而其他文本行不显示。双击选中的文本,调节文本框的宽带,使正行文本只显示出“同步”。(注:先前显示的名称为“同”的文本行设置成不显示。)
PS_制作逐字显示动画广告
 

9. 依据相同的思路,逐字逐字地重复 第 8 步 的步骤,增加一帧,显示新的文本行、控制其刚好显示出需要的文字,并且关闭前一行文本的显示状态。

10.当“同步科技前沿 追求卓越品质”这句显示完全的时候,让名称为“质”的文本行保持显示状态。

11.重复 第 9 步的步骤,直到“深圳市毅安威视科技有限公司”全部显示为止。

12.到此时,已经有 26 帧了,点击第 1 帧,按下shift键,同时点击第26帧,把前 25 帧同时选上,单击帧,弹出时间设置,选择0.2s ,而第 26 帧单独设置1.0s 。
PS_制作逐字显示动画广告
 

13.预览效果
PS_制作逐字显示动画广告

14.保存动画。“文件—存储为wab和设备所用格式—gif格式—存储”
PS_制作逐字显示动画广告

 
PS_制作逐字显示动画广告
 


制作好之后的效果:
PS_制作逐字显示动画广告

 


相关评论

图库精选