PS教程

在当前流行的设计风格中,常在手机弹窗或闪屏位置添加动画效果,以增强其视觉吸引力。本节以图14-20为例演示动画的制作方法。

image.png

图14-20


在进行动画制作时,需要提前将一些图层合并和分类,如图14-21所示。

image.png

14-21


相对于帧动画,时间轴动画的过渡更自然,这里使用时间轴动画进行案例的演示。

Photoshop中,打开文件,选择“窗口”→“时间轴”命令,弹出“时间轴”面板,分析图层结构,为需要添加动画效果的图层依次添加动画效果。对标题进行位置变化、不透明度变化等动作的添加,给中间内容文字添加从大到小的变化与不透明度的变化,如图14-22所示。

image.png

14-22


分别对装饰元素进行动画效果设置,将红包、金币等元素合并为一个图层并调整大小,如图14-23所示。

image.png

14-23


给飞船和星球添加位置的变化,给宇航员和火箭进行不透明度的变化。当将需要添加的动画效果添加好以后,调整各元素的先后顺序,这里设定文字先出现,装饰元素后出现,如图14-24所示。

image.png

14-24


将调整好动画效果的内容渲染为MP4格式的文件,将MP4文件置入Photoshop。进行播放速度的调节和多余元素的裁剪,如图14-25所示。

image.png

14-25


提示

将播放速度调节好以后可根据需要将视频存储为GIF格式。