Flashcs网页动画实用教程补间动画.pptx

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2020/3/10,#,3,.,电子相册的制作,2,.,电子贺卡的制作,1,.,知识点讲解,补间动画,5.1,知识点讲解,图层操作 补间动画（,Flash CS6,新增）,元件实例,传统补间动画,补间形状动画,补间动画,5.1.1,图层操作,1,）创建图层,与,Photoshop,相同，,Flash,图层也好比一张张透明的纸。,2,）重命名图层或图层文件夹名称,5.1.1,图层操作,3,）选择图层与图层文件夹,选择图层与图层文件夹是,Flash,图层编辑中最基本的操作。,4,）调整图层与图层文件夹顺序,在时间轴面板创建图层或图层文件夹时。,补间动画,可以通过工作区中选定的对象来创建元件；也可以创建一个空元件，然后在元件编辑模式下制作或导入相应的内容；还可以在,Flash,中创建字体元件。元件可以拥有在,Flash,中创建的所有功能，包括动画。通过使用包含动画的元件，用户可以在很小的文件中创建包含大量动作的,Flash,应用程序。如果有重复或循环的动作，例如，像鸟的翅膀上下翻飞这种动作，应该考虑在元件中创建动画。,5.1.2,元件实例,补间动画,传统补间动画是,Flash,中较为常见的基本动画类型，使用它可以制作出对象的位移、变形、旋转、透明度、滤镜及色彩变化等动画效果。与前面介绍的逐帧动画不同，使用传统补间创建动画时，只要将两个关键帧中的对象制作出来即可。在两个关键帧之间的过渡帧由,Flash,自动创建，并且只有关键帧是可以进行编辑的，而各过渡帧虽然可以查看，但是不能直接进行编辑。,5.1.3,传统补间动画,补间动画,补间形状动画用于创建形状变化的动画效果，使一个形状变成另一个形状，同时可以设置图形的形状、位置、大小和颜色的变化。,补间形状,动画,5.1.4,补间形状动画,补间动画,5.1.4,补间形状动画,创建补间形状动画还需要满足下述条件。,在一个补间形状动画中至少要有两个关键帧。,两个关键帧中的对象必须是可编辑的图形，如果是其他类型的对象，则必须将其转换为可编辑的,图形。,两个关键帧中的图形必须有一些变化，否则制作的动画将没有动的效果。,补间动画,补间动画不仅可以大大简化,Flash,动画的制作过程，而且还提供了更大程度的控制。在,Flash CS6,中，补间动画是一种基于对象的动画，不再是作用于关键帧，而是作用于动画元件本身，从而使,Flash,的动画制作更加专业。,5.1.5,补间动画（,Flash CS6,新增）,补间动画,5.2,电子贺卡的制作,案例效果,设计思路,相关知识和技能点,任务实施,案例作品以红色为主色调，配上灯笼和鞭炮，当鼠标单击,4,个“福”字按钮时，则转动显示吉祥语，以突出节日的气氛。,5.2.1,案例效果,补间动画,制作影片剪辑元件“福字动”“穗动”。,制作,4,个“福”字按钮。,制作灯笼和上部花纹。,制作底图和鞭炮效果。,掌握影片剪辑、按钮元件的制作，动作补间动画（传统）的应用，图层的作用。,5.2.2,设计思路,5.2.3,相关知识和技能点,补间动画,打开软件，新建一个 空白文档。,按,Ctrl+J,快捷键，弹出文档设置对话框，将尺寸修改为,650,像素,400,像素。单击确定按钮。,按,Ctrl+F8,快捷键，新建图形元件“福字”，将素材图片拖拽至舞台中。,新建影片剪辑元件“福字动”,5.2.4,任务实施,补间动画,新建按钮元件“按钮,1”,将元件“福字”拖拽到舞台中，在时间轴的“指针经过”帧处插入关键帧，将元件“福字”删除，将元件“福字动”拖拽到舞台中，放在相同的位置。新建图层“文字”，在时间轴的“指针经过”处插入关键帧，使用文字工具输入文字“财源广进”。使用相同的方法，完成按钮,2,、,3,、,4,，如图所示。,新建图形元件“灯笼”和“鞭炮”，将素材图片拖拽到舞台中，用魔棒工具去除背景如图所示。,5.2.4,任务实施,补间动画,新建图层“灯笼穗”，将元件“穗动”拖拽到舞台中。,分别新建图层“灯笼”“鞭炮”“上部花纹”“福字”“按钮”，分别将它们对应的元件或素材,拖拽到舞台中，如图所示。新建图层文字，使用文本工具输入“喜迎新春”，如图所示。按,Ctrl+Enter,快捷键，测试影片，保存文件。,5.2.4,任务实施,补间动画,新建图形元件“灯笼穗”，将素材图片拖拽到舞台中，如图所示灯笼穗。新建影片剪辑元件“穗动”，将元件“灯笼穗”拖拽到舞台中，在第,1,帧处，使用变形工具将中心控制点上移，然后改变,元件的形状。在时间轴的第,40,、,80,帧处插入关键帧。在第,40,帧处使用变形工具改变元,件的形状。在第,140,、,4080,帧之间创建补间动画。,回到场景,1,，命名图层,1,位“底图”，将背景图片拖拽到舞台中，调整其位置和大小，如图所示。,5.2.4,任务实施,补间动画,5.3,打字效果,电子相册的制作,设计思路,相关知识和技能点,任务实施,运用,Flash,的传统补间、补间动画和形状动画制作出华美的婚礼电子相册。,5.3.1,案例效果,补间动画,收集相关的结婚照片、图片素材，用图形元件和传统补间、形状动画和补间动画的知识制作婚纱电子相册。,使用“属性”面板设置元件的,Alpha,属性，制作图片渐显效果；使用“对齐”面板使实例相对于舞台水平居中对齐；使用补间动画制作照片的动画效果。,5.3.2,设计思路,5.3.3,相关知识和技能点,补间动画,新建一个文档，按,Ctrl+F3,快捷键，在文档属性面板中将窗口的宽度设为,400,像素，高度设为,520,。,执行“文件”“导入”“导入库中”命令，依次将图片素材“新娘,1”“,新娘,2”“,新娘,3”“,新娘,4”,导入库中。,将“新娘,1”,元件拖拽到舞台，在第,15,帧插入关键帧。在第,1,帧中设置元件属性和在“变形”面板中设置元件初始大小为,40%,。,任务实施,5.3.4,任务实施,补间动画,Flash CS6,网页动画实用教程,THANKS,FOR YOUR,WATCHING,