手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop CS3 V9.0制作跳动文字动画
Photoshop CS3 V9.0制作跳动文字动画
摘要:浏览本站Photoshop教程栏目内容。网络上黄昏的老教程,他用的是英文版的,我改用photoshopCS3V9.0中文版的并做改动。下面我...

浏览本站Photoshop教程栏目内容。 网络上黄昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改动。下面我们先来看看最终效果:

Photoshop CS3 V9.0制作跳动文字动画1

效果图

打开一幅艳丽的图片,新建一层填充黑色,用文字工具输入文字得到文字层。

Photoshop CS3 V9.0制作跳动文字动画2

图1

双击文字层给文字层添加图层样式,设置填充不透明度为0,挖空为浅(这里浅和深的效果是一样的,不信可以试。如果当前层在图层组里,深浅的效果就不同了,深挖到背景层而浅只挖出图层组)设置描边效果加强文字识别。

Photoshop CS3 V9.0制作跳动文字动画3

图2

Photoshop CS3 V9.0制作跳动文字动画4

图3

Photoshop CS3 V9.0制作跳动文字动画5

图4

从窗口调出动画面板,点击复制选中的帧。

Photoshop CS3 V9.0制作跳动文字动画6

图5

按ctrl t键,变形文字,点击封套按钮。选择变形样式,调整变形量。

Photoshop CS3 V9.0制作跳动文字动画7

图6

Photoshop CS3 V9.0制作跳动文字动画8

图7

Photoshop CS3 V9.0制作跳动文字动画9

图8

复制选中的帧。

Photoshop CS3 V9.0制作跳动文字动画10

图9

重复文字变形步骤,不过变形设置是与上步相反的。选中第一祯,复制两帧,并放置如下位置:

Photoshop CS3 V9.0制作跳动文字动画11

图10

选中第二帧,点击动画面板的帧过渡按钮,并设置如下:

Photoshop CS3 V9.0制作跳动文字动画12

图11

Photoshop CS3 V9.0制作跳动文字动画13

图12

将后面的帧(上上步的3、4、5帧)分别执行帧过渡.

Photoshop CS3 V9.0制作跳动文字动画14

图13

点击播放按钮,看看效果。

最后存储为web所用格式的gif格式的图片。

Photoshop CS3 V9.0制作跳动文字动画1

效果图

【Photoshop CS3 V9.0制作跳动文字动画】相关文章:

Photoshop 制作苹果导航栏效果教程

Photoshop制作丝飘带效果简明教程

Photoshop制作自己喜爱的动画QQ表情

photoshop教你制作自定义笔刷

Photoshop制作电视剧陆贞传奇剧照溶图签名效果图

PhotoshopCS6如何添加抽出和图案生成器功能

Photoshop制作可爱装饰相框

Photoshop制作个性HIPOP图案T恤

用Photoshop快速去除扫描版文字的污点

Photoshop笔刷打造魔幻曲线

精品推荐
分类导航