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

工具/原料

  • <p>Adobe Photoshop CS</p>
  • <p>Adobe ImageReady CS</p>
  • <p>背景素材</p>

第一部分文字操作步骤

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

    END

第2部分文字操作步骤

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

    END

注意事项

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

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。