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

Photoshop
Photoshop CS3动画基础教程系列:淡入和淡出的设定技巧
PS初学者实例教程:跳动的中国心动画
Photoshop CS3广告创意教程:五一劳动节快乐
Photoshop教程:纤维滤镜打造炫丽七彩线条
Photoshop教程:运用重复变形工具制作漂亮的光影花朵
Photoshop教程:运用图层样式给墙壁加上涂鸦效果
Photoshop教程:图层样式加外插滤镜制作光影特效
Photoshop鼠绘教程:教你绘制一副MM仰视图
Photoshop合成教程:中国风广告创意效果
Photoshop翻译教程:合成CG风格走向城市之光效果
Photoshop教程:利用合成制作红色人物签名效果
Photoshop调色教程:CMYK模式打造婚纱艺术照
Photoshop教程:打造古韵水墨江南效果
Photoshop调色教程:调出青色高对比色调
Photoshop教程:合成打造个性淡蓝色个人签名
Photoshop教程:合成创意打造奇幻星际城市
photoshop教程:酒久浓PS手绘:萌
photoshop调色教程:美丽的季节
Photoshop教程:制作可爱卡通风格文字效果
Photoshop教程:打造陨石坠落文字效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 344 ::
收藏到网摘: 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制作跳动文字动画效果
效果图