Photoshop动画教程:制作扭动的文字动画

本教程是关于用Photoshop(PS)配合ImageReady(IR)制作跳动的文字效果,先在photoshop中做出层的效果,然后再打开 IR,在IR中根据每帧对图层的隐藏变化来做出跳动效果,希望能带给您帮助!网络上黄昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改

PS IR简单步骤制作眼镜眩晕动画头像

本文用Photoshop和ImageReady两个软件一起做一个眼镜眩晕的动画头像。步骤很简单,效果却很不错。 效果图如下。 制作过程如下: 1.在Photoshop中新建一个100*100像素的文件,制作一个同心圆。我的方法是用椭圆选框

 

本教程是关于用Photoshop(PS)配合ImageReady(IR)制作跳动的文字效果,先在photoshop中做出层的效果,然后再打开 IR,在IR中根据每帧对图层的隐藏变化来做出跳动效果,希望能带给您帮助!网络上黄昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改动。下面我们先来看看最终效果:

Photoshop动画教程:制作扭动的文字动画插图
效果图

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

Photoshop动画教程:制作扭动的文字动画插图(1)
图1

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

Photoshop动画教程:制作扭动的文字动画插图(2)
图2

Photoshop动画教程:制作扭动的文字动画插图(3)
图3

Photoshop动画教程:制作扭动的文字动画插图(4)
图4
 

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

Photoshop动画教程:制作扭动的文字动画插图(5)
图5

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

Photoshop动画教程:制作扭动的文字动画插图(6)
图6

Photoshop动画教程:制作扭动的文字动画插图(7)
图7

Photoshop动画教程:制作扭动的文字动画插图(8)
图8

  复制选中的帧。

Photoshop动画教程:制作扭动的文字动画插图(9)
图9
 

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

Photoshop动画教程:制作扭动的文字动画插图(10)
图10

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

Photoshop动画教程:制作扭动的文字动画插图(11)
图11

Photoshop动画教程:制作扭动的文字动画插图(12)

图12

Photoshop动画教程:制作扭动的文字动画插图(13)
图13

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

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

Photoshop动画教程:制作扭动的文字动画插图

Photoshop动画教程:制作扭动的文字动画插图(15)
Photoshop动画教程:制作扭动的文字动画插图(16)
Photoshop动画教程:制作扭动的文字动画插图(17) 

本教程是关于用Photoshop(PS)配合ImageReady(IR)制作跳动的文字效果,先在photoshop中做出层的效果,然后再打开 IR,在IR中根据每帧对图层的隐藏变化来做出跳动效果,希望能带给您帮助!网络上黄昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改动。下面我们先来看看最终效果:

Photoshop动画教程:制作扭动的文字动画插图
效果图

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

Photoshop动画教程:制作扭动的文字动画插图(1)
图1

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

Photoshop动画教程:制作扭动的文字动画插图(2)
图2

Photoshop动画教程:制作扭动的文字动画插图(3)
图3

Photoshop动画教程:制作扭动的文字动画插图(4)
图4
 

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

Photoshop动画教程:制作扭动的文字动画插图(5)
图5

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

Photoshop动画教程:制作扭动的文字动画插图(6)
图6

Photoshop动画教程:制作扭动的文字动画插图(7)
图7

Photoshop动画教程:制作扭动的文字动画插图(8)
图8

  复制选中的帧。

Photoshop动画教程:制作扭动的文字动画插图(9)
图9
 

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

Photoshop动画教程:制作扭动的文字动画插图(10)
图10

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

Photoshop动画教程:制作扭动的文字动画插图(11)
图11

Photoshop动画教程:制作扭动的文字动画插图(12)

图12

Photoshop动画教程:制作扭动的文字动画插图(13)
图13

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

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

Photoshop动画教程:制作扭动的文字动画插图

Photoshop动画教程:制作扭动的文字动画插图(15)
Photoshop动画教程:制作扭动的文字动画插图(16)
Photoshop动画教程:制作扭动的文字动画插图(17)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部