您现在的位置: 像素吧 >> 设计教程 >> PhotoShop教程 >> 正文

photoshop制作跳动文字动画效果

来源:网络 日期:2008-4-27 15:33:52 作者:晶林树 查看:
"photoshop制作跳动文字动画效果"这篇PhotoShop教程如果帮助了您,请记得分享给您身边的朋友,如果您有比"photoshop制作跳动文字动画效果"更好的教程请发布共享,帮助别人快乐自己!
  本教程是关于用Photoshop(PS)配合ImageReady(IR)制作跳动的文字效果,先在photoshop中做出层的效果,然后再打开IR,在IR中根据每帧对图层的隐藏变化来做出跳动效果,希望能带给您帮助!网络上黄昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改动。下面我们先来看看最终效果:

photoshop制作跳动文字动画效果
效果图

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

photoshop制作跳动文字动画效果
图1

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

photoshop制作跳动文字动画效果
图2

photoshop制作跳动文字动画效果
图3

photoshop制作跳动文字动画效果
图4

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

photoshop制作跳动文字动画效果
图5

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

photoshop制作跳动文字动画效果
图6

photoshop制作跳动文字动画效果
图7

photoshop制作跳动文字动画效果
图8

  复制选中的帧。

photoshop制作跳动文字动画效果
图9

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

photoshop制作跳动文字动画效果
图10

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

photoshop制作跳动文字动画效果
图11

photoshop制作跳动文字动画效果
图12

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

photoshop制作跳动文字动画效果
图13

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

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

photoshop制作跳动文字动画效果
效果图

相关评论:

发表评论

  • 昵 称:
  • 内 容:
  •  
  • 虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号!