用户名:   密码:   验证码:         注册帐号
湛江网 中国灯饰网 网页设计网 网窝窝 网窝论坛
当前位置 : 网络技术网>平面设计>ImageReady> -> 阅读资讯:用Image Ready轻松制作动画

用Image Ready轻松制作动画

webwoo.net|网窝   责任编辑: 天之骄子   来源:多彩空间   作者:老猫   时间:2005-06-13   点击:
Tags:动画   制作   轻松   图像   效果   面板   一个   选择   显示   当前   动画   制作   轻松   图像   效果   面板   一个   选择   显示   当前   动画   制作   轻松   图像   效果   面板   一个   选择   显示   当前   动画   制作   轻松   图像   效果   面板   一个   选择   显示   当前   动画   制作   轻松   图像   效果   面板   一个   选择   显示   当前   动画   制作   轻松   图像   效果   面板   一个   选择   显示   当前   动画   制作   轻松   图像   效果   面板   一个   选择   显示   当前  
 
③ 按下图层面板上的图层效果按钮( f ),在弹出式列表框中选择Outer Glow效果。当图层效果作用在层的图像上时,在层控制面板中的该层上出现一个反白( f )标志和与图层效果对应的文字,如图2所示。双击( f )标志可以调出图层效果面板,即Effects面板,在面板中可以修改这些效果。 ④ 在Effects面板(此时标题显示为Outer Glow)中设置参数,设Opacity为100%,Intensity为150%,Blur为10,颜色选择淡黄色

⑤ 在Animation面板中,复制第一帧,把它作为第一个关键帧,即开始键帧。在该帧中同时显示Layer1和 Layer2两个图层,并包含有辉光效果。 ⑥ 复制第二帧为第三帧,把它作为第二个关键帧,即结束帧。在Effects面板中修改Outer Glow效果参数。设Opacity为100%,Intensity为200%,Blur为20,同时在Color下拉列表中选择深黄色。⑦ 按下Shift键,在Animation面板中同时选中第二帧和第三帧这两个关键帧。 ⑧ 按下Animation面板右上角的箭头,打开Animation面板菜单,选择菜单中的Tween。在弹出的Tween对话框中设置要增加的帧数Frames to Add为2,同时确认Effects按钮被选中,见图4。设定完毕,单击OK按钮确认。



提起图像处理软件Photoshop大家都很熟悉,说到Image Ready,很多人都感到陌生。Image Ready 2.0是Adobe公司在Photoshop 5.5中集成的一个网页图像处理软件,它最大的特点是用Photoshop图像文件的图层生成GIF动画,动画各帧的原图保存在.psd图像文件中,修改起来十分方便。该软件还具有把图像文件生成网页背景,对图像进行优化减肥等多种功能。

Image Ready是一个易学易用的软件,也是一个所见即所得的工具软件,它可以直接调用IE浏览器预览生成的动画。用Image Ready制作动画的方法很简单,不懂Photoshop也没有关系。下面根据本人的实践经验,谈谈用Image Ready制作动画的几点体会,希望能起到抛砖引玉的作用,欢迎访问我的主页mcs2000.yeah.net。

一、基本动画制作与修改
1. 动画制作
Image Ready 的操作界面和Photoshop十分相似,用Image Ready制作动画的关键在于图层的应用,下面就讲讲如何用图层制作基本动画。


① 在File菜单中打开一个.psd文件,在Windows菜单中选择show Animation面板,show Layers面板,当前可见图层便以图标形式显示在Animation面板上。图标有一蓝色外框,表示为当前帧。图标上有"1"的标记,表示为第一帧。见图1。 ② 把当前帧拖到Animation面板下方的"复制当前帧按钮"上产生第二帧。然后在Layers面板中选择要在该帧中显示的图层,点按图层左边的眼睛图标可使该层显示或隐藏,不同图层的组合产生不同的画面。根据需要重复②.的操作便产生不同的帧。 ③ 点击每一帧下面Sec.右边的向下箭头,在弹出的列表中选择这一帧在动画中显示的时间,一个简单的动画就制作好了。 ④ 按下Animation面板下方的播放按钮,即可播放动画。 ⑤ 在File菜单中选择Preview in > Internet Explorer可以在IE 浏览器中实时预览生成的动画。

2. 动画的修改
如果对动画的效果不满意,要修改很方便。在Animation面板中,点击想要修改的帧,使它变为当前帧,拖动该帧可以改变它在动画中的位置,在Sec.下拉列表中可以修改显示的时间,在Layers面板中可以重新选择要在当前帧中显示的图层。点击Animation面板下方的删除按钮,可以删除当前帧;点击复制按钮,可以复制当前帧。

3. 从零开始上面讲的动画生成都是基于Photoshop的.psd文件的图层操作。如果没有.psd文件,如果不会使用Photoshop怎么办?那也很简单。所谓动画,说白了,就是一些不同的画面循环播放,产生动感 。在Image Ready中用File > New命令,建立一个RGB模式的新文件,选择适当的图像规格和背景,然后再打开几个你想在动画中播放的图像文件,在Edit菜单中使用Select All、Copy、Paste命令把它们选择、复制、粘贴到新文件中,软件自动生成新的图层,你就可以用上述的方法制作动画了。

二、 关键帧动画
1. 何谓关键帧动画
上述制作动画的过程,每一帧都需要人工设置才能生成,比较繁锁。在Image Ready 2.0中可通过设置图层效果,生成关键帧动画;即只需要设置动画的开始帧与结束帧,软件自动生成动画的非关键帧。

2. 图层效果介绍

文章评论

共有0位网友发表了评论 查看所有评论

推荐文章