当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop CS3 V9.0制作跳动文字动画

Photoshop
经典网站标志之四
经典网站标志之三
各式网页创意标志
国外最新标志作品精选
Timelikeit经典创意标志
德国著名设计师精美标志作品
国外经典标志作品之三
超酷网站标志
kleron创意标志作品
一组比较简洁的标志作品
非常可爱的卡通标志
一组流行的标志作品
简洁创意的图形标志
潮流风格标志作品
Blue2x精美标志作品
各地创意标志精选
绚丽时尚的精品标志
Photoshop 制作古典风格的运动鞋海报
Photoshop 打造超酷的放射字效果
Photoshop 制作淡雅可爱的塑料描边字

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 240 ::
收藏到网摘: n/a

浏览本站 Photoshop教程 栏目内容。   网络上黄昏的老教程,他用的是英文版的,我改用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制作跳动文字动画效果
效果图