Adode Flash初级教程.docx
- 文档编号:10739926
- 上传时间:2023-05-27
- 格式:DOCX
- 页数:23
- 大小:30.15KB
Adode Flash初级教程.docx
《Adode Flash初级教程.docx》由会员分享,可在线阅读,更多相关《Adode Flash初级教程.docx(23页珍藏版)》请在冰点文库上搜索。
AdodeFlash初级教程
AdodeFlash初级教程
(湖南信息职业技术学院教务处,湖南长沙410200)
第一章入门
一、概述
1、定义:
矢量二维动画
2、适用范围:
1.针对与网页
2.动漫
3、特点:
a矢量动画制作模式,文件容量小
b支持多类型文件导入(图片、视频、音频)
c支持流媒体技术
d交互动画
4、网页四剑客简介adobe
dreamweaver:
是一个网页排版软件,不是设计软件,唯一体现设计软件的地方是css样式
fw:
图片处理以及网页制作软件,可以轻松制作透明背景的gif动画,有强大的滤镜扩展功能;在图片处理上,对网络传输的图片可以轻松处理,但是对于平面处理图片要逊色。
fl:
矢量动画制作软件,可以制作网站首页等内容;强大的脚本支持,适用于游戏的开发等
ps:
平面处理图片
5、脚本简介
Action:
flash中内嵌的脚本语言,提供方便的语句设置,开发互动性动画及游戏的最佳语言;ac简单易学,语法容易(有c语言基础为佳)
asp:
动态网页开发程序,适合各种动态网页,如:
产品展示系统、bbs、以及登陆系统的制作
aspphpjsp
6、剑客与闪客
二、基本概念
1、位图:
由像素点组成的图形
*.jpeg(jpg):
支持颜色多,放大失真,存储容量大1650万
*.gif:
支持256色,不支持颜色过渡,透明背景,存储容量小
*.png:
将上述文件的特点融合在一起,并且没有版权的争议
可以进行编辑
*.bmp
2、矢量图:
由带颜色的点或线组成的图形,以数学公式进行表达
放大缩小不失真,支持颜色少,容量小。
3、动画:
三、安装和进入
四、基本操作
1、界面介绍
2、基本菜单介绍
3、快捷键
工具栏:
ctrl+f2
属性:
ctrl+f3
混色器:
shift+f9
库:
f11
动作:
f9
对齐:
ctrl+k
变形:
ctrl+t
导入:
ctrl+r
打开外部库:
ctrl+shift+o
预览:
ctrl+enter
发布设置:
ctrl+shift+f12
发布:
shift+f12
导出:
ctrl+shift+alt+s
一、工具
1、选择工具
选取移动物体(精确移动物体:
箭头-〉(键盘上的方向键)每次移动一个像素。
移动十个像素:
shift+箭头)
克隆:
ctrl+d原位粘贴:
ctrl+shift+v
拖动复制:
alt+拖动
选项:
自动吸附(磁铁)自动平滑自动拉伸
2、任意变形工具Q
shift(等比例缩放)和alt(以中心点缩放)配合使用
shift+alt中心点等比例缩放
选项:
缩放封套扭曲反转倾斜
3、填充变形工具
对于单色无法使用,只能应用于渐变颜色和位图填充(演示)
4、直线工具
配合shift画水平、垂直及45度角直线;选中直线后的属性设置(包括粗细以及样式等)
5、套索工具
用于选中不规则物体
选项:
多边形套索魔术棒工具(只能应用于打散的位图)魔术棒属性(设置魔术棒样式以及阀值)
第三章工具
1、文字工具
2、分类:
静态、动态、输入
文字属性设置:
文字的字体、样式、大小、字符间距、文本输入方向等
文字连接:
连接分类(内部、外部)及演示目标滤镜的应用
2、圆形和矩形工具1
配合shift和alt键使用
多角星形工具:
绘制多边形和五角星形(注意星形顶点大小的设置)
3、铅笔工具
用于绘制硬线(配合shift)
选项:
伸直平滑墨水
4、刷子工具
用于绘制软线
选项:
标准绘画颜料填充后面绘画颜料选择内部绘画
5、墨水瓶
用于给图像描绘边缘(属性设置)
6、油漆桶
填充颜色
普通填充先选择,再进行拖动填充位图填充
7、滴管工具
用于吸附填充或者是边框的样式与颜色
8、橡皮工具
擦除物体
选项:
与刷子工具相似水龙头工具
9、手型工具
临时快捷键为空格双击显示整个画布
10、放大缩小工具
放大:
空格+crtl缩小:
空格+alt(shift)+ctrl
11、边框及填充:
略
12、钢笔与部分选取工具
创建节点删除节点
节点分类:
拐角点、贝兹点、平滑点、贝兹拐角点
节点转换:
alt+鼠标拖动
二、实例
1、立方体
2、圆柱
鱼缸里的鱼
做气泡泡山木培训标志
第四章编辑对象
一、概述
1、定义:
编辑区内的任何物体都叫作编辑对象。
2、分类:
原型:
用基本绘制图形工具画的对象叫原型(打散ctrl+b)
1.选中有灰色的小点;
2.用选择工具可以直接改变形态;可以改变颜色
3.可切割;
如果两个对象是同一种颜色,则实现结合操作。
如果两个对象不是同一种颜色,则实现切割操作。
4.没有前后叠加顺序;
绘制对象:
绘图前选中绘制对象工具,做绘制的图形叫绘制对象(选项中的绘制对象按钮)
属性介于原型与组合对象之间
1.选中有蓝色的边框;
2.用选择工具可以直接改变形态;可以改变颜色
3.不可以切割;
4.有前后叠加顺序;
组合对象:
群组(ctrl+g)之后的物体,或是文字工具创建的对象
1.选中有蓝色的边框;
2.用选择工具不可以直接改变形态;不可以改变颜色
3.不可以切割;
4.有前后叠加顺序;
元件:
存放在库中,可以重复使用的对象
(f8:
选中对象转换为元件;ctrl+f8新建元件)
选中以后有注册点;一变全变;多次使用不占用空间。
灯笼山木标志鞭炮
第五章时间轴
时间轴:
图层面板和帧面板
一、图层:
用于安排与控制时间播放
分类:
普通引导遮罩
图层的基本操作(新建、删除、图层属性设置)
注:
此处用到的快捷键主要是alt键;解释为什么要让物体以轮廓显示
二、帧面板
1、帧:
一幅静止的图片;动画组成的基本单位
2、分类:
普通帧空白帧(f5)关键帧(f6)空白关键帧(f7)
3、帧频:
动画在播放时每秒钟播放的帧数。
操作:
新建删除(shift+f5)
转换为空白帧:
shift+f6
三、实例(主要是将前面的工具以及图层的知识结合,制作大概5个实例)
鱼群15分钟
灯笼10分钟
鞭炮10分钟
汽车20分钟
第六章时间轴特效
一、时间轴特效的作用:
Flash包含预建的时间轴特效,可以通过执行最少的步骤创建复杂的动画。
可以对以下对象应用时间轴特效:
1、文本
2、图形,包括形状、组合以及图形元件
3、位图图像
4、按钮原件
二、使用方法:
选择要操作的对象,选择插入/时间轴特效
三、分类
1、变形/转换(包含移动及显示的一些效果)
2、帮助(分散式直接复制:
可以使对象以偏移的方式进行复制;复制到网格:
可以辅助把对象以网格方式进行复制排列)
3、效果(分离、展开、投影、模糊等特效)
实例:
相片爆炸
立体相片
相片转换
第七章逐帧动画
一、Flash动画原理:
1
就是一幅幅图片通过连续播放形成动感的视觉映像。
分类:
逐帧动画位移动画形变动画
二、逐帧动画
1、定义:
在连续动画的相邻两帧中,画面一般仅有微小的变化;每一帧都是关键帧;每帧画面的制作。
2、特点:
支持全部编辑对象
3、实例
(1)、读秒
(2)、车轮
(3)、扇子(4)、打字效果(5)、写字
(6)、跑步
第八章位移动画
位移动画
1、概述
位移动画也是Flash中非常重要的表现手段之一。
与形状补间动画不同的是,位移动画的对象不能是矢量图对象。
如果矢量对象想参与位移动画,必须进行转换操作,如转换为图形、按钮元件等。
通过运用位移动画,可以实现元件实例的大小、位置、颜色、透明度、旋转等属性的变化。
创建位移动画的要点在于首、尾关键帧的制作和位移动画属性面板的使用。
2、创建
(1)、先创建两个关键帧,右击任意一帧,选择创建补间动画命令(或者是在属性中的补间选择动作)
(2)、先创建第一个关键帧,右击选择创建补间动画,再创建第二个关键帧(这样以后每次插入一个关键帧都会自动建立补间动画)
(3)、其他设置
简易:
可通过拖动滑块设置参数值,也可以直接在输入框中输入数值。
数据范围为1~-10表示动画运动的速度从慢到快;数据范围为1~100,表示动画运动的速度从快到慢。
旋转:
旋转共有无、自动、顺时针、逆时针4个选项。
调整到路径:
将补间对象的基线调整到运动路径,此项功能主要用于引导线运动。
同步复选框:
使元件实例的动画和主时间轴同步。
对齐:
将补间对象附加到运动路径,此项功能主要也用于引导线运动。
旋转:
无 自动 顺时针 逆时针
位移动画复杂实例飞镖
文字动画
图片互变
第九章形变动画(形状动画)
1、基本概述
(1)、定义:
通过两个关键帧实现物体本质的变化
(2)、支持对象:
原形;可同时创建多个对象的变形
(3)、形状提示符(ctrl+shift+h)
前提是做好了形变动画!
2、实例
1、弹球2、文字渐变3、风吹草原
打开窗子的效果
第九章遮罩层
一、图层
1、定义:
10分钟
2、分类:
5分钟
3、特点:
5分钟
二、遮罩层15分钟
1、原理:
遮罩处可见,未遮罩处显示下一个图层内容。
2、创建:
建立至少两个图层,右击上面图层选择遮罩层命令
3、动态遮罩层:
制作动画
注:
1、遮罩层上的对象颜色没有要求;2、笔触不可以做遮罩层;3、将笔触转换为填充,
三、简单实例
地球转动25分钟
画布10分钟
图片的互换25分钟
第十章遮罩层动画实例
一、复杂实例
1、探照灯文字15分钟
新建两个图层,下面为文字,上面为遮罩层;令遮罩层上的物体运动。
2、动态文字(遮罩层和被遮罩层都动)15分钟
新建两个图层,文字在上方,在下面一层绘制菱形背景;将背景移动到文字外面,制作背景移动的动画;然后在文字层上制作文字大小的渐变过程;最后将背景移动到文字外面,将文字层做成遮罩层。
3、春联10分钟
方法同文字探照灯。
4、电影文字20分钟
将文字打散,添加边框,将边框剪切到新的图层上;在填充层的下方,导入连续的图片,制作移动的效果,将填充作为遮罩层。
5、地球10分钟
同电影文字相同
6、倒影制作25分钟
注意:
倒影要制作两个图层,要将上面的图层位置进行稍微的移动,然后制作水纹的效果,将其设置为遮罩层
7、图片交换15分钟
三个层完成两幅图片的交换,制作下面一组三个层,实现两幅图片的循环播放
第十一章引导层
一、基本操作
1、定义:
制作引导动画使用的图层
2、创建
制作补间动画,然后单击图层面板上的添加引导层按钮,创建引导层;在引导层上绘制引导线;被引导层作动画。
选中补间动画的第一帧,将其放置在引导线的一端,选中补间动画的最后一帧,将对象放置在引导线的另一端。
3、注意事项:
引导层只能放置引导线
引导线必须是原形
一个引导层可以绘制多条引导线
引导线必须有起始和终端点。
在实现引导线效果的时候,一定要注意元件与引导线的粘合问题。
如果没有粘合,则元件就会按照开始帧和结束帧的位置直线运动。
我们可以单击工具栏里面的放大镜工具来放大场景,这样我们就更清楚地看到元件中的空圆心,对我们实现这个效果有极大的帮助。
运动引导线在动画发布的时候是看不到的,所以引导线的颜色大家可以随意设置,只要与场景中的主体颜色区分开就可以了。
如果没有吸附感,可以单击工具栏中的【选项】|【对齐对象】命令。
当元件粘合在引导线上的时候,我们拖动元件就会有一些吸附的感觉,这就证明我们制作正确。
属性面板中的“调整到路径”选项
二、实例
aiyi=1;
while(aiyi<=250){
duplicateMovieClip("snow","snow"+aiyi,aiyi);
setProperty("snow"+aiyi,_x,random(450));
setProperty("snow"+aiyi,_y,random(350));
setProperty("snow"+aiyi,_xscale,Math.random()*60+40);
setProperty("snow"+aiyi,_yscale,eval("snow"+aiyi)._xscale);
setProperty("snow"+aiyi,_alpha,eval("snow"+aiyi)._xscale+random(30));
aiyi++;
}
第十二章影片剪辑和按钮
一、按钮
作用:
制作网页中的特效按钮。
创建:
ctrl+f8,选择按钮选项;在编辑状态下,有四个帧位分别为弹起、指针经过、按下、点击。
在四个帧位插入关键帧,设置不同的变化效果。
注:
点击是创建按钮的有效感应区域。
公共库中的按钮
二、影片剪辑
作用:
一个小的动画,是组成大型动画的最基本元素。
创建:
同按钮
注:
1、图形元件制作的动画在场景中无法正常显示
2、影片剪辑中有多少个帧,在场景中有一个帧就可以播放
3、场景中有多个图层的话,要想正常播放,起始关键帧必须在同一个位置
4、如果要想实现不同时间段的动画的播放,场景中的帧必须和影片剪辑中的帧数量相同
三、实例
1、百叶窗2、星空
第十三章声音和视频
一、声音20分钟
支持的格式:
*.mp3*.wav
导入:
ctrl+r
注:
导入的声音直接到库中如果不能导入,只能更换音频文件(flash本身不具备修复功能)
属性设置:
效果同步(事件和数据流)重复或者是循环
实例:
背景音乐
为歌曲添加歌词
二、视频导入
文件/导入/导入视频25分钟
支持的视频格式:
MPEG(运动图像专家组)、DV(数字视频)、MOV(QuickTime电影)和AVI等。
如果你的系统安装了QuickTime4或更高版本,在Windows和Macintosh平台就可以导入这些格式的视频。
如果你的Windows系统只安装了DirectX7(或更高版本),没有安装QuickTime,则只能导入MPEG、AVI和Windows媒体文件(.wmv和.asf)文件。
注:
系统中必须安装directX9.0和QuickTime解码器
制作过程:
25分钟
选择视频(加载本地视频文件)—〉部署(选择从web服务器渐进下载)—〉编码(修剪影片剪辑的长短;显示高级设置:
设置flash编码编辑文件,选择视频解码器,调整帧频以及品质)—〉外观(选择播放器的外观)—〉完成视频导入—〉拖动视频文件到舞台
第十四章action以及发布设置
一、action30分钟
1、可以认为控制flash动画播放的脚本语言
2、使动画更具有交互性
3、分类:
帧动作
对象动作
4、操作:
手动添加
利用面板自动输入
删除
5、action具体应用
帧语句
Play();stop();gotoAndPlay();gotoAndStop();
对象On语句
结构
On(命令){程序段}
常用命令:
relese点击,rollOver鼠标滑过,rollOut鼠标离开
6、利用行为添加action
添加声音(加载库中的声音)10分钟
添加跳转菜单20分钟
二、发布10分钟
1、文件/导出/导出影片
2、发布预览
发布的格式密码设置其他设置不同格式的特点介绍
实例:
按钮控制动画25分钟
流星划过30分钟
按钮特效隐藏图片
图片浏览器
第十五章综合实例
实例:
网上留言板25分钟
场景的应用
1、基本操作5分钟
插入
重命名
场景编辑的转换
2、action控制10分钟
使用gotoAndPlay(”场景名称”,帧数)
3、实例:
播放器30分钟
综合实例
生日贺卡一节课
制作动画
flash动画学习教程
一、启动flashmx.
开始/所有程序(或程序)/macromedia/macromediaflashmx.
二、界面的设置:
窗口进行设置。
(工具栏/主要栏、工具、属性、时间轴)
三、工具的应用:
1、作图工具:
可以用作图工具作出圆、四边形、直线、铅笔、画刷、文字等。
2、调整对象的边线与填充颜色。
(在flash动画中作出的图形分为两部分:
1边线2填充部分)墨水瓶(作边线颜色)与颜料桶(作填充颜色)。
3 点工具栏中的黑箭头符号,表示选中对象,再点工具栏中的自由转换工具,点击对象,当鼠标变圆形时表示可以拖动成顺时针和逆时针方向旋转,当鼠标变双斜箭头时拖动可以左右扭曲,当鼠标在中间成单箭头时拖动可以翻转。
四动画的基本步骤:
1、新建一个文档或打开一个已有文档。
2、设置文档的属性(大小、背景颜色、帧频,,和过渡效果)
3回车或测试影片查看。
注意:
在制作动画时只有在关键帧上才能录入图形或文字,在时间轴上只有第一帧才是关键帧,而其它的帧都是普通帧,所以在录入文字或图形时,要将其他位置上的普通帧转换成关键帧。
(方法1菜单上的插入/插入关键帧或空白关键帧。
2在需要转换处点击右键/插入关键帧或空白关键帧。
其中插入关键帧是对前一图形或文字的复制,而插入空白关键帧是插入的空版面,然后根据自己的需要创作新的内容。
)
*〈一〉变形动画
举例(1)(图形的变形动画------圆变为四边形)
1、选中时间轴上的第1层的第1帧,用圆形工具做出1个圆形(注意设置上自己需要的边线颜色与中心颜色)。
2、选中时间轴上的第1层的第36帧(设置动画为3秒,每秒12帧,所以这里选36帧,可以设置为其他的时间),菜单上的插入/空白关键帧,将第36帧转为一个关键帧,在第36帧里作一四边形。
3、选中第1帧,在属性面板中将中间过程设置为形状。
4、回车键查看效果。
5、保存文件(fla格式)。
6要看全部的效果也可以用菜单上控制/测试影片。
(2)(文字的变形动画).
注意:
在flash上制作变形动画的前提必须保证所录入的对象是矢量图,这样才能变形成功。
在软件中利用工具栏中的绘图工具绘出图形本身就是矢量图,所以不用转换。
而其它的都需要进行不同的处理之后转换成矢量图。
第一种:
(录入的文字):
要进行两次分解,第一次分解操作只是将文字打散成独立的单个字,第二次分解是将其转换为矢量图。
第二种:
(导入的图片或图形)通过分解转换成矢量图。
1、选中时间轴上的第1层的第1帧,用文字录入工具在第1帧处录入文字,选中时间轴上的第1层的第36帧,将其转换为关键帧,再录入不同的文字。
2、将第1帧的文字与第36帧的文字分别进行打散(分解组件操作:
修改菜单//分解组件,如果文字串是多个文字,进行两次打散,方法同前)。
3、定位于第1帧,在属性面板中设置过渡效果(中间或补间//形状)
4、将鼠标点到起点关键帧处,敲回车键查看效果。
5、保存文档。
(文件//保存或另存为)(保存文档也可以放在最前面进行,最好是放在最前面,边做边保存)。
(3)(文字与图形之间的变形动画)。
注意:
有文字参与的变形动画,必须将文字进行分解组件操作。
(4)图片的变形动画——A同一张图片的变形动画:
1、定位于第一关键帧处,将图片导入做图区的第一关键帧处。
(文件菜单/导入//选好对象//打开)。
2、将导入的图片进行矢量化转换(修改/描绘位图或转换为矢量图)。
3在后一结束帧处插入关键帧,对图片进行设置,如大小,及变化的方向等。
4鼠标回到第一关键帧处,选属性里的中间(或补间),选形状,形成过渡效果。
5回车查看效果。
B图片到另一图片的变形动画:
1、在第1帧与第36帧分别导入一张不同的的图片。
(图片应小一点,太大可能会造成死机)
2、将2个关键帧中的图片分别转换为矢量图(选中图片,修改菜单/描绘位图)。
同时对两张图片进行大小,位置,旋转等进行设置。
3定位于前一关键帧,设置属性面板中的中间过程为形状过渡。
4、回车键查看效果。
(5)任意对象组合变形动画(自做图,文字,图片)。
制作的方法就是将以上的不同方法结合起来。
只是要注意各自在变形时应该具备的条件。
*保存图片:
打开网页,对准要保留下来的图片点鼠标右键,选择快捷菜单中的图片另存为。
〈二〉移动(或动作)动画
注意1:
变形(或形状)动画前后关键帧所针对的对象可以相同,也可以不同,移动动画却与之不同,所针对的对象必须是一个整体型的(群组或元件),而且前后关键帧必须是同一对象。
所以,制作移动动画时,在插入第2个关键帧处,我们选插入关键帧,而不选插入空白关键帧,这样就可以把前1关键帧的对象复制到当前关键帧。
然后对前后关键帧的对象的位置,大小,角度,扭曲等进行一定的变化。
点过渡效果里的“移动”或“动作”就可以生成移动动画效果。
注意2:
在制作移动动画时,如果动画对象是一个矢量图(如我们自己用做图工具做出的图形)就必须对动画对象进行一个群组操作:
选中对象/修改菜单/群组或组合。
注意3:
在拖动前后关键帧中间的移动路线时,为了形成直线变化,防止拖动时的线路的扭曲,可以点中对象后按移动键。
如
*举例----小球的下落过程。
1、在第1帧作一个小球,设置好小球的填充效果(可选球体的专用填充效果)。
2、将小球选中,群组(修改菜单/群组)。
3、在第36帧插入1关键帧。
4、分别设置第1帧与第36帧的小球的位置与大小。
5、定位于第1帧,设置过渡过程为移动或动作。
6、回车键查看效果。
*扩展练习:
1字幕的制作:
文字的制作方法同前,要注意的是字幕的时间,根据每个字幕片段所停留的不同时间,在时间轴上设定不同的帧数。
当字幕以动画效果出现后,还想让它继续停留到某个时间而不产生动画效果,可以在时间轴上需要停留处,单击右键选插入帧。
2图片的移动动画:
A先导入;文件/导入/选中图片/打开。
B制作普通的动画效果。
《三》在flash中加入声音:
1文件菜单/导入/选中相应的声音。
在属性里的声音选项里就会有你所导入的声音。
2定位于要开始加声音的关键帧,在属性面板中的声音选项中选中导入的声音即可。
《四》场景的应用:
一个较长的动画,制作过程较复杂,需要制作的帧和层较多,为了便于制作和修改,所以要设置不同的场景,就好像电影中的一集、二集、、、、、甚至更多集。
1场景的作用就是将长的动画分成一个一个的片段来制作。
2插入一个场景:
插入菜单/场景。
《五》引导线的动画
引导线动画是通过在普通的移动动画上加一个引导线层,而制作出来的,可以让一个物体沿着某条给定的路径移动的动画。
引导线动画举例:
1、在第1层制作一个普通的移动动画。
2、在第1层上插入一个引导图层。
(点击引导图层的图标即可加上)
3、用铅笔工具在引导图层的第1关键帧处作一路径线。
4、将第1层的移动动画的前后帧的运动对象拖动到引导线上。
(注意:
对象的中心点必须在线上)。
5、回车键查看效果。
《六》遮蔽层的应用:
一般由两个普通层来生成,下面一层为要透
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Adode Flash初级教程 Flash 初级教程