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

 时间:2024-11-10 18:24:02

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

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

工具/原料

AdobePhotoshopCS

AdobeImageReadyCS

背景素材

第一部分文字操作步骤

1、用PhotoshopCS打开背景素材,如下图

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

2、输入要变化的文字,如下图

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

3、点击文件》在Adob娣定撰钠eImageReadyCS中打开,或者是直接点AdobeImageReadyCS按钮,方法如下图

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

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

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

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

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

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

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

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

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

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

第2部分文字操作步骤

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

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

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

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

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

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

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

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

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

PS怎么快速制作光球 PS中如何对图片进行变形和翻转的操作 如何利用ps制作风景画字体效果 PS螺旋线框 怎么给文字设置渐变颜色?
热门搜索
电动窗帘图片 动漫之后宫之旅 避雷针图片 交通安全标志图片 瓶花图片