ImageReady动画制作基础讲解.ppt

《ImageReady动画制作基础讲解.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、§1功能与版本简介§2动画面板的使用§3基于图层显/隐类动画制作§4常用图层显/隐类动画的自动生成§5动画的格式及优化方法§6过渡类动画制作原理§7动画主体位置不同的动画§8动画图层透明度不同的动画§9动画图层样式化不同的动画第九讲ImageReady动画制作§1功能与版本简介一、功能点阵动画制作，即GIF动画制作网页中动画、QQ等应用程序中的动画二、Photoshop5.5~CS2版本有独立的ImageReady用于动画制作IR具有Photoshop常用功能，可编辑素材通常是在Photoshop中制作动画

2、素材按“工具栏”最下面的图标可切换到IR中三、PhotoshopCS3~CS5版本PS集成了IR，“窗口”---“动画”存盘：“文件”--“保存Web和设备所用格式”§2动画面板的使用动画（Animation）面板永远0sec0sec0sec0sec0sec0sec0sec设置播放次数返回到第一帧返回到前一帧切换到下一帧停止播放播放动画插入过渡帧复制帧停顿时间§3基于图层显/隐类动画制作一、图层显/隐类动画原理对于多图层图像，动画的不同帧显示的层有所不同。二、图层显/隐类动画制作步骤在Pho

3、toshop中制作一多图层图像切换到IR中,单击“复制帧”按钮,复制当前帧若干次3.利用“图层”面板，使不同的帧显示的图层不完全相同为每一帧设定播放（停留）时间§4常用图层显/隐类动画自动制作一、动作（Action）可自动生成“图层显/隐”类动画15种CS3-5版本无此功能图像或文字放大与缩小动画各一种Zoomin自动生成15帧，逐帧放大的动画Zoomout自动生成含有15帧，逐帧缩小的动画旋转类动画两种Spin（旋转）自动生成12帧绕图像重心旋转的动画SpinningZoomin（旋转放大）自动生成13帧

4、绕图像重心旋转渐大的动画二、文字动画“自动”制作步骤在Photoshop中新建一RGB文件用渐变工具修饰背景层用实体文字工具输入“大连水产学院”切换到IR中，打开Action（动作）面板单击文字图层，并在Action面板中选取一种动作，单击该面板下面的播放箭头即自动生成相应的动画。三、反向帧的制作连续选中若干帧，并复制单击待选的第一帧，再按Shift键单击待选的最后一帧，单击“复制”按钮在动画窗口的控制菜单中选中Inverseframes（反向帧）§5动画的格式及优化方法1、GIF格式最多为256色，通用性

5、好，点阵动画应用格式2、SWF格式Flash矢量动画应用格式3、PSD格式ImageReady编辑格式，无任何损失，可再编辑4、动画的优化显示优化面板Window（窗口）---Optimize（优化）选取适合于GIF的优化方案（颜色数）必须选GIF格式，JPG等不支持动画5、文件优化存盘（发布）切换当前图像显示窗口为“优化”卡中选取动画颜色等参数File(文件)-SaveOptimize(存储优化结果)§6过渡类动画制作原理一、动画产生的条件与制作方法条件：两帧的同图层具有某种不同不同点：动画主体的位置不同

6、、图层透明度不同、图层样式（共10种）不同。制作方法：在ImageReady中复制一帧使两帧的动画图层有所不同单击过渡帧tween按钮，输入插入的帧数二、ImageReady中常用英文单词Position—位置Opacity—不透明度Effect—效果（图层样式）frame—帧FramestoAdd添加帧Layer—图层Reverse—逆向Optimize—优化Animation—动画Saveoptimized—优化存盘§7动画主体位置不同的动画在photoshop中制作一多图层图像动画主体图层可为实体文字

7、图层、或像素化图层对于像素化图层应有透明的区域非背景层在IR中复制一帧用“移动工具”或光标键分别拖动两帧动画层中的文字或图像于不同的位置5.插入若干过渡帧必选“position”（位置）复选项海洋大学第一帧海洋大学第二帧过渡帧N海洋大学海洋大学海洋大学§8动画图层透明度不同的动画在photoshop中制作一多图层图像此类动画通常为：燃烧效果、辐射效果等火焰部分、辐射的光芒部分为独立图层在IR中复制一帧关闭第一帧动画图层（眼睛）相当于不透明度=0打开第二帧动画图层（眼睛）相当于不透明度=100%在两帧之间插入

8、若干过渡帧至少选中“opacity”（不透明度）复选项§9动画图层样式不同的动画在photoshop中制作多图层图像动画层应含有：十种图层样式之一或多种,该类动画效果种类最多如：渐变填充、外发光、单色填充等背景动画制作注：图像固有背景不能“样式”化，但可对复制的背景层“样式”化背景动画制作复制背景层，可删除固有背景层复制一帧，利用样式中的“渐变叠加”更改两帧的背景层。(gradientoverlay)