Flash —— 二维动画制作软件

Flash 动画制作

1. Flash的工作环境:

Flash是由Macromedia公司开发的平面动画设计软件。

Flash的界面:菜单栏、工具栏、工具箱、时间轴面板、工作区、舞台、属性和各类浮动面板等。

图片发自简书App

1、工具箱:(用来绘制图形和图像;工具区、视图区、颜色区、选项区)

1)工具区:

选择工具:在工作区选择或移动一个或者多个对象。(黑箭头)

部分选取工具:可以移动或编辑单个锚点或切线,也可以移动单个对象。(白箭头)

直线工具:可以绘制起点到终点之间精确到直线。(直线)

套索工具:选择对象不规则的一部分,使用更加灵活。(套索)

钢笔工具:曲线路径(钢笔头)

文本工具:工作区创建或编辑文本;处理Action时用来处理变量的输入和输出。(加粗A)

椭圆工具:画矢量线和填充色块的椭圆或圆。(圆)

矩形工具:画矢量线和填充色块的正方形或矩形,可切换至多角星形工具——画多边形和星形。(正方形)

铅笔工具:画线条和图形。(铅笔)

刷子工具:刷出线条和填充闭合的区域。(刷子)

任意变形工具:对线条、图形、实例或文本框等对象进行调整。(带点正方形)

填充变形工具:编辑渐变颜色、填充图形或位图填充图形的尺寸、角度和中心点。(3个图形组合)

墨水瓶工具:改变矢量图形轮廓线的颜色、类型和粗细。(墨水瓶)

颜料桶工具:对封闭区域填充颜色、渐变色及位图等。(桶)

滴管工具:从各种已经存在对象获得颜色和类型的信息。(滴管)——用于查看信息!

橡皮擦工具:擦除工作区绘制的内容。

2)视图区:

手型工具:拖动工作区的对象。(手掌)

缩放工具:对工作对象放大或缩小。(放大镜)

3)颜色区:

铅笔➕颜色框:设置笔触的颜色。

颜料桶➕颜色框:设置填充区的颜色。

黑正方形➕白正方形:设置笔触的颜色为黑色,填充区为白色。

正方形➕斜杠:将笔触颜色或填充区颜色设置为不可用。

双向箭头:交换笔触颜色和填充色。

4)选项区:

选项区中的内容是对工具区中的部分工具的细节补充;选项区中的内容随着当前选择的工具不同而不同。

2、时间轴面板:

位置:默认在工作区的上面,主工具栏的下面。(可移动、可隐藏)

1)图层控制区域:时间轴面板的左边,进行与图层有关的操作(图层命名、插入图层、删除图层、锁定/解锁图层、显示有图层的轮廓、显示/隐藏图层等)。

2)帧操作区域:时间轴面板的右边,用来进行帧数操作(控制当前帧频、动画的播放速度、时间等);帧是构成Flash动画的基础!

3、浮动面板:(属性设定面板)

位置:窗口的右下方;方便的进行属性设定;界面——更简洁、更规律。

面板:

混色器面板——颜色的设定和导入新的颜色。

组件面板——对各个组件进行相关的操作。

颜色样本面板——设定填充颜色。

使用属性面板可以容易的访问和调整舞台或时间轴上的当前选定项的最常用属性,从而简化文档的创建过程。


2. Flash动画基础:

1、Flash动画制作原理:

Flash动画三要素:时间轴、场景、元件库

时间轴:安置剧本在动画中按什么顺序出现的地方。

场景:时间轴剧本所安排的动画出现在场景中,即舞台。

元件库:拍电影的后台化妆室,化妆室里有可以重复使用的图像、动画或按钮等。

2、Flash基本术语:

(1)帧(Frame):是构成Flash动画的基本元素;Flash的时间轴面板上的每一个小方格代表一帧,表示动画内容中的一个片段;帧主要有两种:普通帧、关键帧。

图片发自简书App

帧操作区中的相关术语:

1)关键帧:描述动画中关键画面的帧(每个关键帧基本不同于前一个)。

2)空白关键帧:关键帧内容为空;该帧在工作区没有任何内容。

3)空白帧:空白帧是不可编辑的帧,只有在空白帧中插入空白关键后才能编辑(空白关键帧后的空白方格代表空白帧)。

4)普通帧:关键帧后面出现的灰色方格区域是普通帧(简单的延续前面关键帧中的内容)。

5)当前帧:在帧操作区中的红色竖线——红线所在代表当前帧(红线走到哪一帧,工作区就显示哪一帧的内容)。

6)帧频率:动画的播放速率,以每秒播放多少帧来计算的(默认动画播放速率:12fps,PAL制的电视播放速率:24fps)。

7)运行时间:运行到当前帧所需要的时间。

8)帧数:表示第几帧。

(2)图层(Layer):为了制作复杂动画引入的手段;每个图层都有各自的时间轴,其中包含一系列帧,在各图层使用的帧是独立的;图层与图层之间相互独立,也相互存在影响。

图片发自简书App

图层操作区中各按钮功能:

1)锁定/解锁所有图层:锁定——让编辑好的图层不因为误操作而影响;解锁——重新编辑。

2)显示/隐藏所有图层:表示该图层是否可见。

3)显示所有图层的轮廓:为了显示图形的位置关系。

4)添加运动引导层:实现某一物体的运动轨迹是一条曲线,要创建运动引导层。

5)插入图层文件夹

6)删除图层或图层文件夹

(遮罩层:可以透过该图层内的图形看到下面图层的内容,但不可以透过无图形处看到下面图层。)

(3)场景(Scene):是Flash动画中相对独立的一段动画内容;一个Flash动画由若干个场景组成,每个场景中的图层和帧都是独立的;Flash按照场景的顺序进行播放。

(4)Alpha通道:决定图像中每个像素透明度的通道,用不同的灰度值来表示图像的可见程度,有256级变化。


3. 制作逐帧动画

逐帧动画:由若干个连续关键帧组成的动画序列,是跟传统的动画制作方式类似的、最为基础的动画制作方式。

创建逐帧动画——需要定义每个帧为关键帧——给每个关键帧制作不同的内容。

逐帧动画制作过程:(以制作“中国北京奥运”为例子)

1、新建一个Flash文件。

2、在第2~6帧之间分别插入空白关键帧。(先插入空白关键帧,才能进行编辑;空白帧不能编辑)

3、选中第1关键帧,使用“文本”工具在舞台上输入汉字“中”。

4、在第2关键帧中输入“国”;依此类推,在3~6帧分别输入“北”,“京”,“奥”,“运”。

5、分别选中各个关键帧,在属性面板中,将每一个关键帧的X、Y坐标值设置为相同(同一位置依次出现)。

6、选择“控制”——“测试影片”(Ctrl+Enter),观看动画。


4. 制作形状补间动画

形状:Flash中直接使用绘图工具绘制出来的矢量图形,或是将其他对象分离出来的矢量图形。

形状补间动画:Flash动画的重要组成部分,反映在一段时间内将一个形状对象变形为另一个形状对象的过程。

三个条件:

至少有两个关键帧;

在这两个关键帧中包含必要的形状,!只能是形状。

设定了“形状补间”的动画方式。

形状补间动画的制作过程:(以“椭圆渐变矩形”为例子)

1、创建一个新的Flash文件。

2、“绘图”工具栏选择椭圆工具,在第一关键帧绘制一个填充渐变色的椭圆。

3、在第20帧插入关键帧(这时第2~20帧之间的所有帧都复制了第一帧的椭圆),删除第20帧的椭圆。

4、在第20帧绘制一个填充渐变色的矩形。

5、选择第1~20帧之间的任意帧,在“属性面板”中设置“补间”项为“形状”。

6、设置完成后将在时间轴中出现一个由第1帧到第20帧的箭头,表示形状补间动画已经完成。

7、Ctrl+Enter进行影片测试。


5. 制作运动补间动画

运动补间动画:可以设置各种对象的运动和过渡,利用运动过渡可以设置大小、倾斜、位置、旋转、颜色及原件的透明度的过渡。

三个条件:

至少两个关键帧;

在关键帧中必须包含必要的实例、组、导入的素材或文本对象;

设定为“运动补间”的动画方式

运动补间动画的制作过程:(以“带字圆”为例子)

1、新建一个Flash文件。

2、在第1关键帧中绘制一个填充渐变色的圆。

3、在已经画好的圆表面输入“FLASH”。

4、同时选中“圆”和“文字”;修改——转换为元件——图形——命名为“带字圆”。

5、确定——将圆和文字一起转换为图形元件。

6、在第30帧插入关键帧,将复制的带字圆拖动到舞台的右上方并将其缩小。

7、右键单击快捷栏菜单——选择创建补间动画——补间为运动;带箭头直线出现。

8、Ctrl+Enter进行影片测试。

在选择“动作”补间后,属性面板中会显示一些设置选项:

1、缩放:改变对象大小。

2、简易:先快后慢或者先慢2后快的运动效果。(-100~100;负值:慢-快;正值:快-慢;0:匀速)

3、旋转:旋转对象——顺时针、逆时针。

4、调整到路径:让动画对象贴着路径来运动。(仅用于对象沿着路径运动的动画)

5、同步:对实例同步校准,确保电影片段能正确循环。

6、对齐:在运动动画中使用“引导层”时,使用该项可以让动画对象自动吸附在路径上运动。


6. 添加音效和视频:

1、声音文件格式:

Flash中不能自己创建或是录制声音,编辑动画所使用的声音文件大多数需要从外部导入。

格式:.wav 和 .mp3 等。

2、视频文件格式:

Flash中可以使用视频文件格式:音频视频交叉文件(.avi)、运动图像文件(.mpg或.mpeg)、数字视频文件(.dv)、Windows媒体文件(.wmp和.asf)。

3、导入声音和视频:

操纵步骤如下:(导入声音和视频文件和导入图像或其他文件等过程相同)

1)选择“文件”-导入到库,打开“导入”对话框。

2)选择要导入的文件类型,后选择需要导入的声音或视频文件。

3)单击“打开”按钮,声音或视频文件以元件形式出现在库面板中。

4)为声音创建一个图层,在希望播放声音的位置插入一个空白关键帧!

5)将导入的声音文件拖到舞台或在属性面板的“声音”下拉列表框中选择声音文件。

6)在“效果”下拉列表框中选择一种声音的播放效果。

7)在“同步”下拉列表框中选择声音的播放方式,通常选择“事件”(作用是使声音同步与某个事件的发生)。


7. 发布与输出:

制作动画完成后:

可以将生成的动画导出为扩展名 .swf 的动画文件

也可发布为影片,生成网页浏览器支持的HTML、GIF、JPEG格式文件

也可以导出到Dreamweaver之类的专门创建HTML文档的编辑器

还可以将影片发布为能够独立运行的程序(.exe)

发布流程:

文件——发布设置——指定要发布的文件格式和文件名;

发布——确定——关闭动画——文件——发布——动画发布完成。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容

  • 1 CALayer IOS SDK详解之CALayer(一) http://doc.okbase.net/Hell...
    Kevin_Junbaozi阅读 5,128评论 3 23
  • 基础 核心动画是 iOS 和 MacOS 上的图形渲染和动画基础结构,用于为应用的视图和其他视觉元素设置动画。 核...
    davon阅读 1,886评论 0 8
  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 7,429评论 0 52
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,094评论 5 13
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,465评论 6 30