220 likes | 441 Views
Flash cs4 动画设计基础与实例. 制作小风车. 制作小风车. 第 4 章 元件与库. 1. 知识点复习. 2. 制作小风车. 制作花朵风车. 3. 课堂小结. 4. 知识点复习. 逐帧动画. 逐帧动画是在每一帧创建不同的画面,连续播放而产生的动画,其中每一帧都是关键帧。. 传统补间动画. 传统补间动画制作是在起始帧定义一个实例(或组件、文本块)的位置、大小、旋转等属性,然后在终止帧更改这些属性,则系统沿着路径应用补间动画自动完成. 补间形状动画. 补间形状动画是确定初始帧中对象的形状与结束帧中对象
E N D
Flash cs4 动画设计基础与实例 制作小风车
制作小风车 第4章 元件与库 1 知识点复习 2 制作小风车 制作花朵风车 3 课堂小结 4
知识点复习 逐帧动画 逐帧动画是在每一帧创建不同的画面,连续播放而产生的动画,其中每一帧都是关键帧。 传统补间动画 传统补间动画制作是在起始帧定义一个实例(或组件、文本块)的位置、大小、旋转等属性,然后在终止帧更改这些属性,则系统沿着路径应用补间动画自动完成 补间形状动画 补间形状动画是确定初始帧中对象的形状与结束帧中对象 的另一个形状以及形变延续的时间,由计算机生成过渡效 果的一种变形动画
制作小风车 本节课任务:运用图形元件创作一段风车旋转的动画 任务分析 操作步骤 重难点提示
制作小风车 任务分析:制作小风车需要使用到哪些工具? 制作元件、线条工具、任意变形工具、矩形工具、 属性面板(色彩效果、循环)
制作小风车 元件 1.元件是存放在库里可以重复使用的图像、按钮或影片剪辑 2.每个元件都可以具有独立的时间轴、图层和场景 3.元件一旦建立,就自动存放在“库”里
制作小风车 操作步骤 1.建立元件 【插入】—【新建元件】,选择元件“类型”为“图形”,“名称”栏中输入“风车”按钮,当单击“确定”后进入图形元件“风车”的编辑;
制作小风车 2.绘制风车的一片扇叶。利用线条工具和选择工具绘制出风车一片扇叶,并填充颜色,将轮廓删除;
制作小风车 3.完成整个风车的绘制。选中整片风车扇叶,点击任意变形工具,并将变形中心点移至扇叶的左下角,选择下拉菜单【窗口】-【变形】,打开“变形”面板,点击“旋转”选项,输入旋转角度为90度,在选择右下角的“重制选区和变形”按钮,连续点击三下,复制出完整的风车图案。 【变形】面板 选中风车扇叶 任意变形工具 “旋转”选项
制作小风车 4.创建元件的补间动画。 将“属性”面板中的“旋转”选项中旋转设置为“1”次方向为“顺时针”,至此转动的图形元件“风车”制作完成 第20帧插入关键帧 元件 2~19帧任意 创建传统补间
制作小风车 5.将“风车”元件放到舞台上。 * 注意:任意变形工具 点击“场景1”回到舞台,将图层1更名为“风车”,点击“风车”图层的第一帧, 将“库”面板上的“风车”元件拖到舞台上,使用任意变形工具调整其大小,并复制出两个风车。
制作小风车 选择任意一个风车,打开“属性”面板上的色彩效果,点击“样式”下拉选项, 可以改变实例的“亮度”、“色调”“alpha”值等,调整风车的色调。 6.更改元件实例的颜色。 注意:色彩效果
制作小风车 7.更改另一个风车颜色 知识点:重复上一步骤,色彩变化
制作小风车 8.绘制风车手柄 添加“图层2”,更名为“手柄”,点击第一帧,为三个风车绘制手柄,然后将“手柄”层拖到“风车”层的下方。
制作小风车 8.绘制风车手柄 9.测试并完善影片 第20帧按F5延长帧。
制作小风车 10.调整风车的起始位置 调整“属性”面板中“循环”选项中的“第一帧”的帧数为4.调整右边风车的“第一帧”为6。
制作小风车 11.测试风车最终运行效果
制作小风车 重点掌握知识点 元件的创建 【变形】工具的应用 属性面板 关键帧的应用
制作花朵风车 比比看:依照制作小风车的操作步骤,制作出花朵风车来吧!
课堂小结 作业 课程重点
课程重点 【属性】面板 60% 70% 5% 10% 关键帧与延长帧 25% 【变形】工具 元件的创建
作业 【变形】工具 书写本堂课“制作小风车”的操作报告 元件的创建