Transcript 制作小风车

Flash cs4 动画设计基础与实例
制作小风车
L/O/G/O
www.themegallery.com
制作小风车
第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%
25%
元件的创建
10%
关键帧与延长帧
【变形】工具
作业
【变形】工具
书写本堂课“制作小风车”的操作报告
元件的创建