您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 咨询培训 > flash的教程全解
Flash8教学一、初识FlashFlash是由macromedia公司推出的交互式矢量图和Web动画的标准,由Adobe公司收购。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。一、初识Flash1.用户界面–菜单栏–主工具栏–控制工具栏–绘图工具栏–浮动面板–时间轴面板–属性面板–工作区(图见下页)(图见下页)时间轴面板属性面板如文字工具的属性面板。一、初识Flash2.绘图工具–箭头工具、精选工具和套索工具–直线工具和铅笔工具–钢笔工具–椭圆工具和矩形工具–笔刷工具–自由形变工具–渐变工具–墨水瓶工具和颜料桶工具–吸管工具–橡皮擦工具–视图移动工具–缩放工具一、初识Flash⑴箭头工具(ArrowTool)、精选工具(SubselectTool)和套索工具(LassoTool)。他们的主要功能都是选择–箭头工具选取和移动对象、修正对象轮廓、旋转或缩放对象。–精选工具对曲线、圆形、矩形等图形对象的外形进行编辑调整。若图形对象是组件,必须先解散。–套索工具使用圈选方式来选取对象,它可以圈出不规则形状。一、初识Flash•箭头工具用来选择或移动对象–选择对象方法:①单击对象的内部区域(或轮廓线),选中该对象的内部区域(或轮廓线);②双击对象的内部区域(或轮廓线),选中该对象的内部区域和轮廓线(或轮廓线);③拖放鼠标圈出一个矩形,该矩形中的区域被选中。–选项栏:①自动对齐(SnaptoObjects)绘制、移动、旋转或调整的对象将自动对齐;②平滑处理(Smooth)对直线和形状进行平滑处理;③平直处理(Straighten)对直线和形状进行平直处理。一、初识Flash•精选工具使用该工具选中对象后,对象将显示出一条带有节点(空心小方块)的蓝色线条。•套索工具选择不规则区域,或选择位图中不同颜色的区域(必须事先用Modify/BreakApart命令将其打碎)。包括:–魔术棒(MagicWand)可根据颜色选择对象的不规则区域;–多边形(PolygonMode)可选择多边形区域;一、初识Flash⑵直线工具(LineTool)和铅笔工具(PencilTool)。用于在工作区中绘制线条。•直线工具只能画直线。按住Shift键,拖放鼠标可以绘制垂直、水平直线或45斜线。一、初识Flash⑶钢笔工具(PenTool)。可以绘制连续线条与贝塞尔曲线,且绘制后还可以配合精选工具来加以修改。用钢笔工具绘制的不规则图形,可以在任何时候重新调整。一、初识Flash⑷椭圆工具(OvalTools)和矩形工具(RectangleTools)。绘制椭圆或矩形。配合Shift键,可绘制圆或正方形。(5)任意形变工具(FreeTransformTool)可对选定对象进行缩放、旋转、扭曲等形变。一、初识Flash(6)填充变形工具(GradientTool)。改变图形对象中的渐进色的方向、深度和中心位置等。图像必须已经有渐变色,选中图像再使用填充变形工具。画一个矩形--窗口菜单选择显示混色器–类型选择线性–选择起始颜色–生成渐变图案选择矩形--使用填充变形工具–调整渐变方向一、初识Flash(7)墨水瓶工具(InkBottleTool)和颜料桶工具(PaintBucketTool)。•墨水瓶工具更改线条的颜色和样式;•颜料桶工具更改填充区域的颜色。(8)吸管工具(EyedropperTool)。从工作区中拾取已经存在的颜色及样式属性,并将其应用于别的对象中。一、初识Flash(9)橡皮擦工具(EraserTool)。完整或部分地擦除线条、填充及形状。•选项栏:擦除模式(EraserMode)、水龙头(Faucet)和橡皮擦形状(EraserShape)。–擦除模式选项用于选择擦除图画区域的方式,包括:EraseNormal(普通,擦除线条和填充)、EraseFills(擦除填充)、EraseLines(擦除线条)、EraseSelectedFills(擦除所选区域)和EraseInside(擦除内部)。–水龙头选项可以快速擦除线条或填充颜色。选择水龙头后,在工作区中单击要擦除的线条或填充区域(选择的区域或封闭区域)。–橡皮擦形状选项用于设置橡皮擦的外形。一、初识Flash(10)手型工具(HandTool)。用于移动工作区使其便于编辑,其功能相当于移动滚动条。选择该工具后,使用鼠标在工作区中拖动页面即可调整。(11)缩放工具(ZoomTool)。用于调整工作区的显示比例。•选项栏:放大(Enlarge)和缩小(Reduce)。二、动画制作基础•动画的类型•帧、图层和场景•动画制作流程1.动画的类型•Flash生成的动画文件,其扩展名默认为.fla和.swf。前者只能在Flash环境中运行;后者可以脱离Flash环境独立运行。•动画的制作方式帧动画和造型动画•在Flash中,帧动画亦称逐帧动画(FramebyFrameAnimation)或影格连续动画;造型动画则称为渐变动画(TweenedAnimation)。1.动画的类型•逐帧动画在连续动画的相邻两帧中,画面一般仅有微小的变化;1.动画的类型•渐变动画–只需在重要处定义关键帧,Falsh会自动创建关键帧间的内容–渐变动画区分为“移动渐变”(motiontween)和“形状渐变”(shapetween)2.帧、图层和场景•动画电影的组成层次可分为:动画电影(movie)→场景(scene)→帧(frame)。•帧是Flash动画的基本组成元素,也是Flash作品的基本播放单位。在时间轴上,每个小方格(亦称影格)即为一帧,其内容可包括:图形、音频、素材符号、嵌入对象等。2.帧、图层和场景•图层是Flash为制作复杂动画作品而引入的一种手段,相当于一张透明的玻璃纸。–将不同对象放在不同层上,可以轻松制作场景复杂的动画。–分为:Normal(普通)、Guide(引导)、Guided(被引导)、Mask(遮罩)和Masked(被遮罩)。2.帧、图层和场景•场景–复杂的Falsh动画中,几个互相联系但性质不一样的镜头。–相当于影视作品中的分镜头。•动画–动画就是利用人类视觉暂留的特性,快速播放一系列静态图像,从而产生动态的效果;–标准的动画播放速度是:24~30幅/秒。2.帧、图层和场景•分辨率–分辨率是衡量图像细节表现能力的一个尺度;–Flash中分辨率的设置决定了动画最后显示的区域大小。2.1帧的种类–关键帧指一段动画中处于起始、结束等关键位置的帧。–静止帧指关键帧前后的一或多个具有静止内容的相邻帧。在时间轴上,灰色表示已有内容的静止帧,白色表示空静止帧。插入帧,必须是有了一个关键帧之后,才能针对这个关键帧,插入帧的操作是将关键帧的内容在时间轴上延伸–中间过渡帧指过渡动画中两个关键帧之间的所有帧,其颜色由过渡类型决定。2.2帧的操作⑴选择帧;⑵创建帧;⑶复制帧;⑷删除帧;⑸改变帧频率(播放频率)。在默认情况下,Flash动画的播放频率是12fps(每秒12帧)。3.动画制作流程⑴打开新影片文件并安排场景;⑵插入动画元件(帧、图层等);⑶设定动画效果并测试动画;⑷使用File/Save命令保存扩展名为.fla的Flash动画文件;⑸输出影片。三、简单动画制作•逐帧动画•运动渐变动画•形状渐变动画1.逐帧动画⑴创建一个新图层;⑵在起始帧位置插入一个空白关键帧;⑶在空白关键帧中制作和编辑画面内容;⑷在编辑完成的关键帧后插入另一空白关键帧进行编辑,使之与上一帧略有不同;⑸重复步骤⑷的操作,创建其他各帧,直至全部制作完毕;⑹保存文件。注:若每帧的画面已用其他绘图软件制作成系列图片文件,则⑷⑸两步可并为一步,即使用File/Import命令导入系列图片文件。1.逐帧动画1.逐帧动画利用奔马系列图片制作动画操作步骤如下:⑴新建文件⑵选择导入-导入到舞台命令,在对话框中选择系列图片中的第一幅图片文件;⑶系统将提示⑷单击“是”按钮,这一系列图片即按序号逐帧插入;1.逐帧动画双击时间轴上的12.0fps(默认帧间时间)修改为3fps2.运动渐变动画•制作运动渐变动画的限制条件⑴运动对象只能是文字、符号或组合体;⑵运动不能发生在多个对象之间;⑶被操作对象只能在同一层上。2.运动渐变动画•运动渐变动画的制作过程⑴创建一个新图层;⑵在起始帧位置,插入一个空白关键帧;⑶在空白关键帧中制作和编辑画面内容;⑷单击时间轴中的结束帧位置,插入另一个关键帧(或空白关键帧);⑸在结束关键帧中编辑画面内容;⑹创建运动动画,并设置运动参数;⑺保存文件。2.运动渐变动画2.运动渐变动画•在第1帧画一个五角星•在30帧处插入关键帧,改变五角星形状颜色•在60帧处插入关键帧,改变五角星形状颜色•在第1、30帧属性的补间处选择形状2.运动渐变动画•点击发布设置可设置发布格式•要导出gif图片的话需要将回放改成动画3.形状渐变动画3.形状渐变动画•在第1帧输入中南大学•选择文本框后按下ctrl+B打散文字•在10,20,30,40帧分别插入关键帧3.形状渐变动画•分离每个关键帧的文字•创建补间动画四、作品的输出•Flash常用的输出文件格式。1.FlashPlayer(*.swf)文件;2.WindowsAVI(*.avi)文件;3.QuickTime(*.mov)文件;4.AnimatedGIF(*.gif)文件;5.AdobeIllustratorSequence(*.ai)文件序列;6.JPEGSequence(*.jpg)文件序列;7.WindowsMetafile(*.wmf)、AdobeIllustrator(*.ai)、Bitmap(*.bmp)、JPEGImage(*.jpg)、GIFImage(*.gif)等文件。谢谢!
三七文档所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
本文标题:flash的教程全解
链接地址:https://www.777doc.com/doc-3565414 .html