注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

蝶儿飞

 
 
 

日志

 
 
关于我

平平淡淡才是真! 宽恕别人就是宽恕自己:)要开心要快乐要什么都无所谓,须努力须奋斗须什么都无所畏:)

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

2008-12-04 06:32:45|  分类: P S 教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
  网络上黄昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改动。下面我们先来看看最终效果:

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
效果图




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

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图1




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

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图2



Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图3



Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图4



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

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图5




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

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图6



Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图7




Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图8



  复制选中的帧。

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图9




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

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图10




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

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图11



Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图12



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

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞
图13



  点击播放按钮,看看效果。
  最后存储为web所用格式的gif格式的图片。

Photoshop CS3 V9.0制作跳动文字动画 - flian - 蝶儿飞

效果图

  评论这张
 
阅读(15)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018