如何利用photoshop制作动画效果之文字移动效果-趣百科

如何利用photoshop制作动画效果之文字移动效果

现在flash对于网站优化不太好了，可以用js或gif动画来代替flash效果，今天我要讲的是如何利用ps做简单的动画效果，这里做的主要是动画移动效果，还有透明度的变化。效果如下图

用Photoshop CS打开背景素材，如下图

输入要变化的文字，如下图

点击文件》在Adobe ImageReady CS中打开，或者是直接点Adobe ImageReady CS按钮，方法如下图

先做“文字移动效果”这几个字的变化，点击图层1和中“国内首家专业EDM营销系统服务商。。。”图层前面的眼睛，将这两个图层隐藏。并将“文字移动效果”图层不透明度设为25%，这个可以随自己喜好设置。

复制当前帧，并将”文字移动效果”图层不透明度设为100%，将该图层垂直下移到合适位置，如下图

点击过渡按钮，设置如下，第一部分的移动效果就出来了。可以先预览一下效果

选中第7帧动画，然后复制当前帧，得到第8帧动画

让“国内首家专业EDM营销系统服务商。。。”图层显示，并将图层不透明度设置为25%

选中第8帧动画，然后复制当前帧，得到第9帧动画，并将该图层文字不透明度改为100%，水平上移，到合适位置

点击过渡按钮，设置如下，第一部分的移动效果就出来了。可以先预览一下效果

图层1按钮的移动效果可以参考第2部分文字的操作方法。最终效果如下

为了中间的文字能更长时间的展现，可以在做完第2部分文字和图层1效果之后，将最后一帧展现时间调长一些。

如何利用photoshop制作动画效果之文字移动效果