Flash专栏: 基础教程 | 技巧运用 | MTV实例教程 | 游戏实例教程 | 实例教程 | AS教程(new)
photoshop专栏: 基础 | 进阶 | 技巧总汇 | 精彩实例 | 文字特效 | 滤镜魔术 | 实际应用
网页设计: Dreamweaver教程 | FireWorks教程 | CorelDraw设计 | Freehand/Illustrator教程 | 音乐转换教程
其他教程: 操作系统 | 程序设计 | 网站开发 | 图形图像 | 数据库 | 网络技术 | 安全相关 | 认证考试 | 硬件知识 | 服务器
photoshop精彩教程>入门基础>逐帧动画制作基础(3)   返回上一页

  日期:2007-09-21 11 作者:webkxq2007 来源:中国教程网
天气预报 IP地址 手机号码 邮编 翻译 在线代理 在线评书 好dj


逐帧动画制作基础(3)


本课我们用photoshop和它附带的 ImageReady (简称PS和IR)制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程,旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥,充分开动脑筋,做出更加丰富多彩的动画效果。

  先看看效果图:

变色字
效果图

  下面我们用蒙版位移来作动画——变色字


  有了上面的制作经验,这次我们叙述得扼要一些

  1、新建文件,参数随自己需要设置;这里我设置300×120像素,其余见图,按alt+delete键填充黑色

photoshop+IR作变色字
图1

photoshop+IR作变色字
图2


  2、新建图层1如图

photoshop+IR作变色字
图3

  3、文字蒙版设置合适大小输入自己喜欢的字

photoshop+IR作变色字
图4

4、按ctrl+enter确定显示文字选区,对选区填充喜欢的颜色

photoshop+IR作变色字
图5

photoshop+IR作变色字
图6

  5、点击图层样式钮,选择“斜面与浮雕”,默认设置退出

photoshop+IR作变色字
图7

photoshop+IR作变色字
图8

  6、按住ctrl键点击图层1载入选区,再新建一层,制作一层金色字(做法请参考:PS初学者实例教程——烫金字的制作)当然你也可以做成其它颜色:)然后复制一层,得到图层2副本,将其眼睛关闭。

photoshop+IR作变色字
图9

photoshop+IR作变色字
图10

 7、点击图层2,使其蓝色显示成为可编辑状态,用矩形选框工具设置羽化5像素,在图层2中拖出选区如图示

photoshop+IR作变色字
图11

  8、点击添加图层蒙版钮,如图

photoshop+IR作变色字
图12

  9、点击软件转换钮,转到IR中继续编辑

photoshop+IR作变色字
图13

  10、在IR界面点击窗口-动画,显示动画调板,然后点击复制当前桢钮

photoshop+IR作变色字
图14

11、再点击图层与蒙版的链接,解除链接

photoshop+IR作变色字
图15

  12、点击蒙版如图示状态

photoshop+IR作变色字
图16  

  13、选取移动工具,然后按右方向键,将蒙版移动到图示位置,接下来点击过渡钮设置过渡桢数目

photoshop+IR作变色字
图17

photoshop+IR作变色字
图18

  14、再次点击复制当前桢,设置显示时间为1秒,关闭图层2眼睛,显示图层2副本眼睛

photoshop+IR作变色字
图19

15、再次复制当前桢,关闭图层2副本眼睛,设置显示时间0.5秒,如图

photoshop+IR作变色字
图20

  16、好了,现在可以试试看播放效果了,满意后保存即可。(保存方法见上例)

photoshop+IR作变色字 
图21


  告诉大家一个方法,你看见某个动画很好看,想要知道它是怎么作的,只要下载后用IR打开,然后转到photoshop,即可看到所有图层结构,从而分析出制作方法。

  

  附加作业:

  1,运用你掌握的知识,用下图制作一个眨眼娃娃(这是综合练习,复制、修补、动画........。但最后必需完成的是眨眼动画)。photoshop+IR作变色字
图22

  我先做个示范:

photoshop+IR作变色字
图23


 
高手云集 版权所有 1998-2006