Photoshop和Imageready制作简单倒计时动画

12/29/2009来源:Photoshop教程人气:10965

  本文中我们用photoshopImageReady制作一个倒计时的数字动画,大家可以把它用在岁末迎接新年的倒计时中。

  先看完成效果:  

文字动画教程:Photoshop制作简单的倒计时

  下面介绍详细的制作方法:

  步骤一:Photoshop中新建一张10*10CM的画布,背景最好是透明的,用文本或笔刷工具在画布的中心写下“5”;

  Photoshop和Imageready制作简单倒计时动画

  步骤二:将“5”的图层样式对话框打开,在里面简单设置一下;我的设置是:

  Photoshop和Imageready制作简单倒计时动画

  步骤三:同理。在相同的位置做出同样效果的“4”、“3”、“2”、“1”;

  Photoshop和Imageready制作简单倒计时动画

  步骤五:此时没有将背景层设置为透明层的同学将背景层删除掉,这是图层面板如下图所示;

  Photoshop和Imageready制作简单倒计时动画

  步骤六:点击下图按钮,将文件转换到 ImageReady 软件;

  Photoshop和Imageready制作简单倒计时动画

  此时,IR 软件中图层面板中的样子为:

  Photoshop和Imageready制作简单倒计时动画

  画布的样子:

  Photoshop和Imageready制作简单倒计时动画

  步骤七:单击“窗口/动画”,弹出动画设置框;

  步骤八:点击面板“关闭”按钮下面的“下拉三角按钮”,选择“从图层建立祯”,得到下面的效果;

  Photoshop和Imageready制作简单倒计时动画

  步骤九:将每个祯的“0秒”改成“1秒”,最后的祯(第五祯)也可以改成更多的时间,更加有倒记时的感觉;

  步骤十:单击“播放”按钮(即动画面板上的“黑色三角”按钮),如果可以正常播放即可;

  步骤十一:保存。点击“文件/将优化结果储存为”,将文件保存为 .gif 格式即可。  

  Photoshop和Imageready制作简单倒计时动画
  图示:[将优化结果储存为]对话框

  最终效果如下。

  Photoshop和Imageready制作简单倒计时动画