《FLASH动画制作》教案

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

1第1章FLASH应用基础1.1初识FLASHFlash是由美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件,是目前最流行的平面动画创作软件。用Flash制作的动画占用空间少、短小精悍,特别适用于网页、课件中的动画制作,也可用于交互式软件开发、产品展示等多个方面。1.1.1Flash使用界面1.标题栏2.菜单栏3.图层、帧4.时间轴5.常用工具栏6.编辑区(舞台)7.各种面板8.工具箱1.1.2有关术语1.位图位图是由像素组成的图像,每个像素显示一种颜色,当位图被放大时,会出现锯齿边缘,但在表现阴影和色彩的细微变化方面,位图图像是最佳的选择。2.矢量图矢量图是由矢量的数学对象所定义的直线和曲线组成的,可理解为由线条和图块组成。文件的大小与图像的大小无关,只与图像的复杂程度有关,因此占用空间小,并且可以无限缩放,不会产生锯齿模糊效果。3.结构类影片、场景、图层、帧、关键帧、空白关键帧4.元件类图形元件、按钮元件、影片元件5.动作类运动、变形1.1.3Flash常用面板1.“混色器”面板22.“颜色样本”面板3.属性面板4.时间轴面板5.动作面板:为对象或帧添加动作语句6.组件面板:用于制作用户交互界面7.场景面板1.2Flash文件操作1.2.1打开文件1.2.2新建文件1.直接新建2.使用“模板”标签1.2.3保存文件1.3制作Flash动画的简单实例1.3.1制作Flash动画的一般过程例:字体变幻1.文件属性的修改2.使用文本工具在第1帧输入“字体变幻”:隶书,绿色3.在第20帧插入关键帧,设置字体为:华文彩云,红色4.将第1帧、第20帧上的文字打散5.选中第1帧,补间:形状6.保存为fla源文件7.发布为swf影片文件1.3.2制作一个简单的动画例:飘动的气球1.新建文件:500×350,背景:浅蓝色(#33ccff)2.使用文本工具输入:“飘动得气球”,华文新魏,45号字,黑色3.打开对齐面板,使文字相对于舞台水平居中对齐4.新建按钮元件:“播放按钮”5.在按钮元件编辑区内画矩形按钮:边框黑色,填充白色6.在按钮上输入文字:“播放”,宋体,20号字,蓝色37.切换到场景1,将“播放按钮元件”拖入场景,放到合适位置8.新建场景2:插入/场景9.新建图形元件:“气球”10.在图形元件中,用椭圆工具画气球:边框红色,填充红色。用铅笔工具画曲线:铅笔选项为“平滑”,蓝色。把气球和曲线组合在一起:修改/组合11.切换到场景2,将“气球”元件拖入场景,放到合适位置上12.在第20帧插入关键帧,将气球向上移动,用变形工具缩小,不透明度改为70%13.在第40帧插入关键帧,将气球向上移动,用变形工具缩小,不透明度改为40%14.选中第1帧,补间:动作,简易:-5015.选中第20帧,补间:动作,简易:-5016.切换到场景1,选中第1帧,打开动作面板,输入“stop();”17.选中按钮,在动作面板中输入“on(press){gotoandplay(场景2,1);}”18.测试并保存文件1.4上机操作综合指导例1:闪烁文字1.使用文本工具输入“硬件系统”,隶书,85号字,黑色2.使文字相对于舞台水平中齐,垂直中齐3.使用两次修改/分离,将文字打散4.分别将四个字填充为红、绿、黄、蓝5.在第3帧、第5帧、第7帧、第9帧处插入关键帧6.把第3帧“硬”字改为淡蓝色,第5帧“件”字改为紫色,第7帧“系”字改为深绿色,第9帧“统”字改为橙黄色7.测试并保存文件例2:倒计时1.用文本工具输入“5”,85号字,黑色,相对于舞台水平中齐,垂直中齐2.在第3、5、7、9、11帧处插入关键帧,分别改为4、3、2、1、0例3:打字效果1.用文本工具输入“欢迎使用计算机系统结构教学课件”,隶书,33号字,黑色。相对于舞台水平居中,垂直居中2.选中第2帧到第15帧,转换为关键帧43.将第1帧只留下第一个字,打开信息面板使修改后的水平坐标不变4.将第2帧只留下前两个字,打开信息面板使修改后的水平坐标不变5.依次处理第3帧至第14帧6.测试并保存文件第2章FLASH图形的创建与编辑2.1工具箱2.2使用Flash绘制图形2.2.1使用钢笔工具单击,将锚点用直线连接单击并拖动,将锚点用曲线连接,可产生贝塞尔曲线在最后一个锚点上双击,可结束绘制在线条上单击可添加锚点在曲线锚点上单击,可将曲线转为直线先将曲线转为直线,在锚点上单击可删除锚点使用部分选择移动锚点2.2.2使用线条工具按住Shift键可以拖出水平、垂直或倾斜45度的直线2.2.3使用铅笔工具按住Shift键拖动,可绘制直线铅笔工具的3种模式:1.伸直:用鼠标绘制接近椭圆的曲线,会自动规整成椭圆2.平滑:使绘制出的图形边缘的棱角尽可能消失3.墨水:接近墨水痕迹2.2.4使用椭圆工具绘制椭圆或正圆矢量图形2.2.5使用矩形工具绘制矩形或正方形矢量图形2.2.6使用刷子工具模仿水彩笔的笔触刷子的5种模式:5先用椭圆工具绘制红色边框绿色填充色的椭圆,再将填充色改为蓝色,调整刷子模式:标准绘画:覆盖线条色和填充色颜料填充:只覆盖填充色后面绘画:不覆盖线条色和填充色颜料填充:只在用选择工具选择的区域内填充内部绘画:对线条围成的封闭区填色2.3使用Flash编辑图形2.3.1选择对象1.使用选择工具选择对象绘制两个红色边框,绿色填充色的圆形,在左边的圆形上绘制蓝色边框,紫色填充色的矩形,使用选择工具选择:单击矢量线,只能选一条线双击矢量线,选中整条矢量线单击色块,只选择色块双击色块,同时选中色块和矢量线按下Shift键,选择多个不同的对象2.使用套索工具选择对象可选择不规则的区域2.3.2移动、复制和删除对象1.移动对象使用移动工具移动使用箭头键移动按下Shift键的同时,再按箭头键,一次移动8个像素按下Shift键的同时用鼠标拖动选中的对象,可以将选中的对象沿45度的整数倍角度移动对象2.复制对象选择对象,按下Ctrl的同时,拖动对象使用剪贴板3.删除对象使用Delete键或退格键62.3.3变形对象移动缩放:按住shift键,可按比例调整大小旋转:按住shift键并拖动,可以45度的增量进行旋转按住Alt键并拖动,可以围绕对角旋转倾斜扭曲:按住shift键,拖动角点或边调整缩放的中心点2.3.4分组、层叠和对齐对象1.分组修改/组合(取消组合)2.层叠对象修改/排列3.对齐修改/对齐或使用对齐面板2.3.5使用填充变形工具1.变形渐变填充1)线形渐变:调整渐变中心调整渐变线的距离调整渐变线的方向2)放射状渐变:调整渐变中心调整渐变圆的长宽比调整渐变圆的大小调整渐变圆的方向2.变形位图填充调整位置调整大小调整倾斜7调整方向2.3.6使用图形编辑工具1.使用选择工具任意改变对象的大小与形状2.使用橡皮擦工具6种擦除模式:标准擦除擦除填色擦除线条擦除所选填充内部擦除水龙头2.4上机操作综合指导例1:绘制小狗例2:绘制枫叶第3章Flash动画基础知识3.1了解时间轴3.1.1时间轴标尺3.1.2播放头3.1.3状态栏显示当前帧帧频率:可双击打开文件属性对话框播放时间:第1帧与当前帧之间播放时间间隔3.1.4帧浏览选项位于时间轴右上角很小、小、标准、中、大、预览、关联预览、较短、彩色显示帧。关联预览:会以按钮符号放大或缩小的比例为标准,显示它们相对整个动画的大小。例如,按钮符号放大2倍显示在时间轴的帧框中,则其他对象也放大2倍显示在时间轴的帧框中。3.2认识图层3.2.1图层及操作区1.显示/隐藏所有图层82.锁定/解除锁定所有图层3.显示所有图层轮廓4.制作层表示该层正在编辑中,这一行被置黑并以一枝笔标识5.插入图层6.添加运动引导层7.创建图层文件夹8.删除图层9.图层上的快捷菜单3.2.2创建图层3.2.3编辑图层1.选择一个图层单击图层的名称单击图层中的任何帧在舞台上单击图层中的对象2.同时选择多个图层按住Ctrl键或Shift键3.重命名图层双击图层名右击/属性修改/时间轴/图层属性4.锁定/解锁图层单击图层右侧“锁”列,给该层加锁单击“锁”图标,给所有图层加锁在“锁”列中拖动,给多个图层加锁按住Alt键单击右侧“锁”列,给其他图层加锁5.复制图层将图层中的所有帧复制到新图层6.删除图层单击删除图标9拖到删除图标上右击/删除图层3.2.4设置图层属性1.打开“图层属性”对话框右击/属性在图层图标上双击2.修改图层属性3.2.5遮罩层例:聚光灯1.新建文件:380×480,背景:黑色2.将向日葵.jpg文件导入到舞台3.新建图形元件:聚光灯4.在图形元件中绘制无边框圆形,填充黑白放射状渐变5.新建图层,将聚光灯元件拖入舞台,在第15帧和第30帧处插入关键帧,调整位置,创建动作6.将聚光灯所在图层设为遮罩层7.测试影片3.2.6运动引导层例:设置小球沿规定路线滚动3.3认识帧3.3.1帧和关键帧3.3.2创建关键帧3.3.5帧的操作例:引导线。去掉引导关系和补间1.插入帧可增加影片的长度2.删除帧3.插入关键帧将当前帧转换为关键帧4.插入空白关键帧10会将下一个关键帧以前的内容完全清除5.清除关键帧前面关键帧的区间会扩展到下一个关键帧6.转换为关键帧7.转换为空白关键帧会将下一个关键帧以前的内容完全清除8.剪切帧转为空白帧9.复制帧10.粘贴帧11.清除帧12.选择所有帧13.翻转帧将帧序列翻转过来3.4认识元件、实例和库3.4.1元件是指在Flash中创建的图形、按钮或影片剪辑。元件只需创建一次,即可在整个文挡或其他文档中重复使用。图形元件:用于制作静态图像按钮元件:用于创建响应鼠标单击、移动或其他动作的交互按钮。影片剪辑元件:用来制作可重复使用的,独立于主影片时间轴的动画片断3.4.2实例就是将元件从“库”面板拖到舞台中,实例是元件在舞台中的具体体现。3.4.3库库面板中存储了在Flash文档中创建的元件以及导入的文件,如视频剪辑、声音剪辑、位图和导入的矢量图形等内容。3.5管理场景窗口/设计面板/场景3.5.1添加和切换场景3.5.2命名场景113.5.3删除和复制场景3.5.4建立和排列窗口创建新窗口:窗口/新建窗口窗口的排列:1.随意方式2.最大化方式3.层叠方式4.平铺方式3.6上机操作综合指导例1:激光字1.新建文件:548×4102.背景层导入图片小猫.jpg。3.新建图层“被遮罩层”,输入文字“love”:华文行楷,150号字,紫色。4.新建图层“遮罩层”,用刷子工具画一个填充快,在后面每一帧插入关键帧,依次用刷子画填充快5.在“遮罩层”上点右键,选择“遮罩层”6.测试影片例2:汽车爬坡1.新建文件,背景:浅绿色(#9cffce)2.新建引导层,绘制曲线3.下层改为被引导层,将汽车.jpg导入,调整大小,打散,使用魔术棒工具将背景去掉,将像素图转换为图形元件,放在曲线一端4.在第50帧插入关键帧,将元件放在曲线另一端,设置补间,选中“调整到路径”5.设置引导关系,测试动画第4章Flash文本操作4.1创建文本4.1.1文本类型1.静态文本静态文本区用于显示影片中不作任何变化的文字。文本内容在运行时不会发生改变,静态文本可以创建超链接。12对静态文本可以缩放、旋转、移动或者扭曲,指定颜色和Alpha效果。初次输入文本时,是可扩展文本。拖动调整后,变为固定宽度文本,在方形手柄上双击转换为标签文本框(可扩展文本框)2.动态文本动态文本区域用于显示影片中会被更新的文字。该内容可以来自于即时数据源、动态更新的文本,如体育比分、气温、物价等动态文本区是在运行时生成或者编辑的,不能在动态文本区上直接应用特殊格式或者进行形状修改(如扭曲或自动间距调整)3.输入文本输入文本区域用于在运行时由用户输入文本,它可用于任何需要用户输入的时候,如输入密码或者回答问题时4.1.2设置垂直文本的首选参数英文可旋转方向,中文需单个旋转4.1.3创建文本标签文本:直接输入块文本:先将文本框调到要求的宽度,再输入文本4.1.4创建滚动文本对动态文本或输入文本可使用滚动文本:文本/可滚动4.2设置文本属

1 / 54
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功