Photoshop CS3 V9.0制作跳动文字动画
Photoshop CS3 V9.0制作跳动文字动画
发布时间:2016-12-26 来源:查字典编辑
摘要:浏览本站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学习
热门photoshop学习
网页设计子分类