Flashmx动画设计doc14.docx
《Flashmx动画设计doc14.docx》由会员分享,可在线阅读,更多相关《Flashmx动画设计doc14.docx(40页珍藏版)》请在冰豆网上搜索。
Flashmx动画设计doc14
Flash mx动画设计:
第一节:
一、简介:
Flash是由Macromedia公司推出的一种优秀的交互式矢量动画制作和编辑软件。
二、启动方法:
(1)双击快捷图标
(2)开始菜单-程序-macromedia-flash
三、界面的组成:
(1)标题栏
(2)菜单栏
(3)工具箱
(4)时间轴
(5)工作区
(6)其它面板组
四、flash基本常识:
计算机可以显示矢量图形和位图图像两种格式。
其中Flash允许创建并产生动画效果的矢量图形,而不是位图图像,但在Flash中可以导入并编辑在其他应用程序中创建的位图。
(1)矢量图形-是使用直线、曲线来描述图像的。
特点缩放X倍不失真。
(2)位图图形-是使用带颜色的小点(即像素)来描述图像的。
特点图片生动、形象但放大到一定倍数时会产生虚像
(3)元件-就是指一个可以在影片中重复使用的元素
(4)帧-在flash中,每一个影格我们称为一帧。
关键帧是实的、非关键帧是虚的
(5)图层-均是透明的,用户观看时放在上层的对象会遮住下层对象的重叠部分。
分为普通层、引导层、遮罩层
(6)Flash动画的分类:
两种
(1)帧一帧传统动画
(2)补间动画
(7)创建新文档并设置属性
(8)使用影片浏览器
(9)使用图库、专属库、公用库
(10)使用辅助工具
(11)保存文件
五、基础操作:
(1)新建-文件-新建-ctrl+n
(2)打开-文件-打开-ctrl+o
(3)保存-文件-保存-ctrl+s
(4)另存为-文件-另存为-ctrl+shift+s
六、快捷键
撤消-ctrl+z
恢复-ctrl+y
七、工具:
(1)选择-V 操作:
绘制一个图形-箭头对其有三个功能:
选择、移动、变形
(2)部分选择-A 操作:
绘制一个图形-拖动出节点精细调整节点形状
(3)任意变形-Q 操作:
绘制一个图形-使用任意变形工具-移动、缩放、旋转、调整旋转中心-右键-扭曲、直线化、封套等
(4)填充变形-F 操作:
绘制一个图形-选择过渡颜色-使用填充变形工具-颜色的渐变就会发生变发-此工具只对渐变颜色起作用,单色无效
(5)线条-N 操作:
点击线条工具-选择笔触颜色-在页面拖动-按住shift键可以创建垂直、水平或45度角倍数的直线
(6)套索-L 魔棒 多边形 操作:
导入一位图-ctrl+b二次-鼠标移动至图片上点击-创建大面积的选区状态-可以删除
操作:
导入一位图-ctrl+b二次-通过鼠标点击第一点-第二点-下一点-形成封闭的路径后成为大面积选区状态-可以删除
(7)钢笔-P 操作:
点击钢笔工具-筢笔触颜色-单击一点-到下一点-按住鼠标不放拖动出曲线-封闭时用默认的填充颜色填充-也可以把填充颜色设置为空
在钢笔工具按ALT键可以加点或减点,也可以改变曲线的直曲,或者单独调整方向线
(8)文本-T 操作:
点击文本工具-输入文字-调整大小、位置、颜色、文字属性(直排、字间距、加粗、倾斜等)
(9)椭圆-O 操作:
点击椭圆工具-创建图形-按住shift键做正圆-按alt键是从中心做圆-按住shift+alt是从中心做正圆形
(10)矩形、多边形-R 操作:
点击矩形工具-创建图形-按住shift做正方形-按住alt是从中心做正方形-按住shift+alt是从中心做正方形-可以设置圆角半径值
八、实例:
1、透视文字的制作:
(1)新建文档
(2)输入文字工具-输入《祝福你:
圣诞节快乐》
(3)ctrl+b二次打散
(4)使用彩色渐变
(5)使用选择工具圈选上一部分文字-使用任意变形工具-右键-扭曲
(6)另一部分文字的调整方法同上
实例:
2、波浪文字的制作:
(1)新建文档
(2)输入文字《2008奥运年中国年》
(3)调整大小、位置、颜色
(4)Ctrl+b二次
(5)任意变形-封套
实例:
3、绘制小花
第二节
一、工具:
(1)铅笔-Y 操作:
使用铅笔工具-绘制线条-选项中-伸直:
转角自动伸直-平滑:
转角自动平滑-墨水:
没有变化
(2)刷子-B 操作:
点击刷子-选择填充颜色-选项:
画笔模式-标准绘画、颜色填充、后绘画、颜料选择、内部绘画
做一个带边线和填充的图形-用这五种画笔模式去涂抹-调整笔触的大小、形状
(3)墨水瓶-S 操作:
点击墨水瓶工具-做一个无边线的图形-对其进行单击-线条就描出来了
(4)颜料桶-K 操作:
点击颜料桶工具-做一个无填充的图形-对其进行单击-填充就出来了。
选项:
不封闭空隙-封闭小空隙-封闭中等空隙-封闭大空隙
(5)滴管-I 操作:
做两个不同颜色的图形-选中其中的一个-使用滴管点击另一个-填充色就会与其相同
(6)橡皮擦-E 操作:
绘制一个图形-带有内部和边线颜色-选项:
标准模式、擦除填充、擦除边线、擦除所选填充、内部擦除、水龙头-更改形状、大小
(7)抓手-H 操作:
选择抓手工具-平移舞台
(8)缩放-Z 操作:
选择缩放工具-针对整个舞台-不能改变图形本身的大小-只是显示比例参数发生变化-选项:
放大、缩小、局部放大-按住alt键可以在放大或缩小间切换-输入调整显示百分比例
(9)笔触颜色-指图形线条颜色,也可以无颜色
(10)填充色-指图形内部颜色,也可以无颜色
(11)黑白按钮-使用默认的笔触(黑)填充(白)色
(12)切换颜色-笔触和填充色交换
二、flash颜色的特点:
同色相加异色相减
三、实例1、月牙形
(1)新建画布
(2)利用椭圆工具,按shift键做正圆-填充为蓝色
(3)利用椭圆工具,按shift键做正圆-填充为红色
(4)让两圆重叠-删除红色-即生成月牙形状
实例2、心形的制作:
(1)新建画布
(2)利用椭圆工具做正圆
(3)将其边线删除
(4)利用选择工具在图形右下角35度处拖拽
(5)选中图形-ctrl+c复制
(6)Ctrl+shift+v原地粘贴
(7)利用选择工具-修剪成心形
实例3、浮雕文字的制作:
(1)新建画布
(2)背景色为#999999
(3)输入文字-黑体、黑色、40号大小
(4)选中文本-ctrl+c复制
(5)Ctrl+b二次打散
(6)修改-形状-柔化填充边缘
(7)Ctrl+shift+v-原地粘贴-文本改为白色
(8)利用光标向左移动2次
(9)再原地粘贴-向右移动1次
第三节:
实例:
1、空心字的制作:
(1)新建画布
(2)
输入文字
(3)调整大小、位置
(4)Ctrl+b二次打散
(5)选中整个文本
(6)单击墨水瓶-选择与文字颜色不一样的颜色-点击文字线条
(7)
Delete
2、绘制表情:
(1)新建画布
(2)绘制正圆
(3)填充为放射状
(4)左橙右白
(5)颜料桶设置高光点的位置
(6)直线工具画嘴
(7)选择工具调整嘴型
3、矩形按钮:
(1)新建画布
(2)背景色为#999999
(3)绘制矩形-内部填充为线性
(4)两端为白中间自定义
(5)利用填充变形工具-旋转线性颜色90度-范围与高度一致
(6)选中复制-颜色更改为黑色
(7)ctrl+shift+v
(8)光标向左向上各二次
(9)使用文字工具输入《按钮》
4、胶囊的制作
(1)新建画布
(2)绘制一个正圆
(3)将边线删除
(4)内部填充为放射状
(5)左白、右橙-利用颜料桶工具在左上部填充
(6)用选择工具在中间剪切1/4
(7)向左移动左半部-ctrl+shift+v
(8)使用任意变形工具-调整大上
(9)整体缩放-在选择工具下-按住alt键可以复制多个
(10)任意变形工具-调整角度
5、星形的绘制:
(1)新建画布
(2)绘制矩形-边线设置为无
(3)内部填充-渐变-线性-两端黑中间白
(4)打开属性面板-宽180高3
(5)ctrl+t打开变形面板-旋转角度为30度-点击复制并应用其变形
(6)全选-比例缩至原来的50%-30%-回车
(7)按住alt可以复制多个
6、位图填充
(1)新建画布
(2)在画布中任意绘制图形
(3)文件-导入到库-同时打开四幅图片
(4)选中内部填充
(9)打开混色器面板-位图
(10)在第10、20、30、40帧同时F6
(11)选中第1帧填充第一幅图像
(12)选中第10帧填充第二幅图像
(13)以此类推
(14)ctrl+回车
第四节
帧:
动画-就是由不同的画面按照一定的时间顺序进行播放就产生了动画,每个画面就是一帧。
帧的类型:
关键帧、空白关键帧、非关键帧
关键帧:
就是一个动作的起始和结束的画面
空白关键帧:
没有图形的帧
帧的操作:
插入关键帧、插入空白关键帧、拷贝帧、粘贴帧、剪切帧、删除帧、移动帧、转换为关键帧和转换为空白关键帧
1、闪烁文字的制作
(1)新建画布
(2)输入文字
(3)更改颜色、大小、位置
(4)ctrl+b一次
(5)有几个字点击几次-1次F6
(7)点击空白画布-点击第一个字
(8)更改文字颜色
(9)依次设置其它字
(10)ctrl+回车
2、跳动的变色字
(1)新建画布
(2)输入文字
(3)设置文字大小、字体、位置
(4)ctrl+b一次
(5)插入关键帧(帧数与字数相同)
(6)选中第1帧单击空白处,点击第1个字
(7)变换颜色-按住shift键向上向右二次移动光标
(8)选中第2帧单击空白处,点击第2个字
(9)变换颜色-按住shift键向上向右二次移动光标
(10)以此类推一依次制作其他帧
(11)ctrl+回车预览
3、绘制眨眼睛的效果:
(1)新建画布
(2)绘制笑脸
(3)第20帧-F6(插入关键帧)
(4)利用选择工具-在第20帧把眼睛向上翻没
(5)单击刷子工具-将其形状转换为椭圆
(6)利用,。
切换找准位置
(7)ctrl+回车
4、形变动画
(1)新建画布
(2)绘制一个椭圆
(3)删除边线-第30帧F6插入关键帧
(4)绘制一个矩形-删除椭圆
(5)选中第1帧-属性面板-将补间设置为形状
(6)第35帧点击F5延续帧
(7)ctrl+回车预览
5、形状变文字
(1)新建画布
(2)创建一个图形(心形)
(3)第30帧-F6
(4)将心形删除-输入文字
(5)调整大小、位置、颜色
(6)若想调整成为渐变颜色-将文字ctrl+b2次
(7)选中第1帧-属性面板-形状
6、连续形变的动画
(1)新建画布
(2)使用文字工具输入1
(3)第10帧F6-光标插入后输入+号
(4)第20帧F6-输入1
(5)第30帧F6-输入=号
(6)第40帧F6-输入2
(7)分别在每个关键帧ctrl+b二次
(8)选中第1帧按住shift键点击第39帧
(9)打开属性面板-补间设置为形状
(10)ctrl+回车预览
第五节
元件:
是一个图像,按钮或电影剪辑,可以在电影中重复播放使用。
特点:
(1)可以简化电影的编辑
(2)电影文件尺寸缩减
(3)加大了播放速度
类型:
图形、按钮、影片剪辑
1、文字由大到小
(1)新建画布
(2)输入文字
(3)将比例调大些
(4)按F8键-转换为图形元件
(5)第20帧-F6
(6)ctrl+t-约束比例设置为30%
(7)在第1-19帧的任意位置-右键-创建补间动画
(8)ctrl+回车预览
2、旋转飞入的图像
(1)新建画布
(2)文件菜单-导入-导入到舞台-ctrl+r
(3)调整图像的大小为550*400
(4)F8-转换为图形元件
(5)第40帧F6
(6)选中第1帧-修改菜单-变形-垂直或水平翻转
(7)约束比例为10%
(8)将图像移至左上角
(9)在1-39帧之间任意位置-右键-创建补间动画
(10)ctrl+回车预览
3、小球跳动
(1)新建画布
(2)绘制一个笑脸
(3)选中笑脸-F8转换为图形元件
(4)调整第1帧的笑脸靠上端
(5)分别在10、13、16、25帧处F6
(6)在第10帧按住shfit键下光标13次
(7)在第13帧按住shfit键下光标16次
(8)在第16帧按住shfit键下光标13次
(9)打开变形面板-将第13帧的约束比例设置为110%90%
(10)选中第1-24帧任意位置-右键-创建补间动画
(11)选中第1帧打开属性面板将缓动值设置为-100
(12)选中第16帧打开属性面板将缓动值设置为100
(13)ctrl+回车预览
4、流星动画效果:
(1)新建黑色画布
(2)用椭圆绘制一颗流星
(3)按F8-转换为图形元件
(4)调整第1帧的位置在右上角
(5)第10帧F6-移动慧尾的位置在左下角
(6)第11帧F6-绘制一颗星形
(7)将其F8-转换为图形元件
(8)将星形与慧尾重合后删除慧尾
(9)第16帧-F6
(10)打开变形面板-将旋转角度设为45度
(11)分别在第1-10帧和11-16帧之间创建补间动画
(12)ctrl+回车预览
第六节
图层-就像若干透明的溥片叠放在一起,观看时放在上层的对象会遮住下层的对象的重叠部分。
图层类型:
普通图层、引导图层、遮罩图层
图层的操作:
重命名、选择、新建、移动、隐藏、锁定、删除
1、滚动的小球
(1)新建画布
(2)绘制一个小球(多色)
(3)按F8-转换为图形元件
(4)第60帧-F6
(5)移动小球在第60帧与第1帧的位置不同
(6)在第1-59帧之间的任意1帧处-右键-创建补间动画
(7)将旋转设置为顺时针
2、钟摆
(1)新建画布
(2)利用椭圆和线条画钟摆
(3)全选-F8转换为图形元件
(4)按Q键,调整旋转中心在顶端
(5)分别在10、20、30、40帧处F6
(6)选中第10帧-打开变形面板-旋角为45度
(7)选中第30帧-打开变形面板-旋角为-45度
(8)分别在第1、10、20、30、40帧之间创建补间动画
(9)并将缓支值依次设置为100、-100、100、-100
(10)ctrl+回车预览
3、图像特效★
(1)新建画布
(2)ctrl+r-图像大小550*400
(3)F8-转换为图形元件
(4)新建图层-点击图层2的第1帧
(5)ctrl+r-图像大小550*400
(6)F8-转换为图形元件
(7)两层同时在第40帧F6
(8)选中图层2的第1帧-将图像的约束比例设置为10%
(9)隐藏图层二
(10)选中图层1的第40帧-将图像的约束比例设置为10%
(11)两层的1-39帧之间的任意一帧的处右键-创建补间动画
(12)第45帧-F5
(13)ctrl+回车预览
4、图像特效★★
(1)新建画布
(2)ctrl+r-图像大小为550*400
(3)ctrl+b 一次
(4)选中图形的右半部-F8转换为图形元件
(5)选中图形的左半部-F8转换为图形元件
(6)选中左半部-ctrl+x
(7)新建图层2-ctrl+shift+v
(8)选中右半部-ctrl+x
(9)新建图层3-ctrl+shift+v
(10)两层同时在第40帧F6
(11)将第2层的第1帧约束比例设置为20%,并移至左上角
(12)在第1-39帧任意处右键-创建补间动画
(13)将旋转设置为顺时针
(14)同样的方法制作第3层的第1帧-移至右下角并将旋转设置为逆时针
(15)第45帧处F5
(16)ctrl+回车预览
5、指针旋转的效果
(1)新建画布
(2)绘制表盘
(3)新建图层
(4)利用矩形绘制一个指针
(5)F8-转换为图形元件
(6)单击任意变形工具,将指针旋转中心设置在端点
(7)移动指针到表盘中心合适的位置
(8)两层同时在180帧F6
(9)选中第2层的第1帧-右键-创建补间动画
(10)将旋转设置为顺时针
(11)ctrl+回车预览
第七节
1、图片的挤压
(1)新建画布
(2)ctrl+r-图像大小550*400
(3)F8-转换为图形元件
(4)新建图层
(5)ctrl+r-图像大小550*400
(6)F8-转换为图形元件
(7)两层同时在第40帧F6
(8)选中图层2的第1帧选中图像
(9)打开属性面板-W为1H为400X为550Y为0
(10)隐藏图层2
(11)选中图层1的第40帧,W为1H为400X为0Y为0
(12)两层同时创建补间动画
(13)ctrl+回车预览
2、小球阴影效果
(1)新建画布
(2)制作跳动的小球
(3)新建图层
(4)将图层2拖至图层1的下方
(5)在图层内绘制小球阴影、边线删除、填充为放射状灰色
(6)F8-转换为图形元件
(7)分别在第10 13 16 25帧F6
(8)选中第13帧约束比例为80%
(9)在第10 16帧约束比例为120%
(10)在第1 25帧约束比例为150%
(11)创建补间动画
(12)ctrl+回车预览
3、爆炸文字的效果
(1)新建黑色画布
(2)输入白色文字
(3)ctrl+b一次打散
(4)逐个字都转换为图形元件F8
(5)ctrl+a全选
(6)在选中的文字上右键-分散到图层
(7)删除图层1
(8)分别在第20、30帧同时插入F6
(9)移动30帧每个字的位置任意散落
(10)每层20帧右键创建补间动画
(11)打开属性面板将设置为顺时针或逆时针
(12)ctrl+回车预览
4、麦动文字的效果
(1)新建黑色画布
(2)输入白色文本
(3)ctrl+b一次打散
(4)足个字转换为图形元件-F8
(5)ctrl+a全选
(6)在选中的文字上右键-分散到图层
(7)利用任意变形工具将文字旋转中心调到底部
(8)所有层分别在2 6 11 帧F6
(9)选中所有的层的第6帧将文字的高度调整为原来的2倍
(10)所有层的第2-6帧创建补间动画
(11)选中第2层的第1帧-第11帧向后拖拽1帧
(12)以此类推
(13)ctrl+回车预览
5、风车字的效果
(1)新建画布
(2)输入文字
(3)整段文字F8-转换为图形元件
(4)第20帧-F6
(5)第1帧创建补间动画
(6)旋转设置为顺时针
(7)选中第1层所有帧-右键-复制帧
(8)再新建几层
(9)右键-粘贴帧
(10)每层时间差设置为2帧
(11)ctrl+回车预览
第八节
1、淡入淡出的效果
(1)新建画布
(2)输入文本
(3)全部选中-F8转换为图形元件
(4)在第10、20、30帧F6
(5)分别选中第1帧和第30帧,再选中文本打开属性面板将透明度设置为0
(6)分别在第1帧、第20帧创建补间动画
(7)ctrl+回车预览
2、若隐若现的效果
(1)新建画布
(2)ctrl+r-图像大小550*400
(3)F8-转换为图形元件
(4)新建图层ctrl+r-图像大小550*400
(5)F8-转换为图形元件
(6)同时在第40帧F6
(7)选中图层2的第1帧选中图像
(8)打开属性面板将不透明度设置为0
(9)隐藏图层2,选中图层1的第40帧
(10)打开属性面板将不透明度设置为0
(11)两层第1帧同时创建补间动画
(12)ctrl+回车预览
3、图像的效果
(1)新建淡黄色画布
(2)在画布中绘制一个圆
(3)将内部填充删除-边线为任意颜色
(4)按F8-转变成图形元件
(5)第5、30、35帧-F6
(6)ctrl+t-将其大小设为原来的300%
(7)第1帧创建补间动画
(8)分别在第5帧和第30帧-F6-透明度为0
(9)选择图层1所有帧-右键-复制帧
(10)新建图层2-第5帧-右键-粘贴帧
(11)新建图层3-第9帧-右键-粘贴帧
(12)新建图层4-第13帧-右键-粘贴帧
(13)ctrl+回车预览
4、放飞字的效果
(1)新建黑色画布
(2)输入文本
(3)ctrl+b一次打散
(4)将每个字足个F8-转换为图形元件
(5)ctrl+a全选
(6)右键-分散到层命令
(7)所有层第5帧F6
(8)选中第1帧再选中所有文字
(9)ctrl+t-约束比例为200%,并将其不透明度设置为0
(10)所有层第1帧创建补间动画
(11)选中图层2所有帧向后拖1帧
(12)以此类推
(13)ctrl+回车预览
5、文字坠落的效果
(1)新建黑色画布
(2)输入文字
(3)ctrl+b一次
(4)分别将文字足个F8
(5)选中所有文本右键-分散到图层命令
(6)删除多余图层
(7)所有图层和10帧F6
(8)选中所有层第1帧,选中所有文本移动到画布上方
(9)每个文字都旋转45度并将透明度设置为0
(10)所有层第1帧创建补间动画
(11)选中元件2所有帧向后拖动1帧
(12)依次向后拖动2帧
(13)所有层第30帧-F5
(14)Ctrl+回车预览
6、制作阳光
(1)新建画布
(2)ctrl+r-图片550*400
(3)新建图层-创建矩形
(4)用选择工具删除边线-修整为一缕阳光
(5)使用任意变形工具-将旋转中心调至底端
(6)ctrl+t-旋角30度-单击拷贝并应用-旋转一周
(7)选中图层2第1帧
(8)将其F8-转换为图形元件-不透明度为20%
(9)两层同时在第180帧-F6
(10)图层2第1帧-右键-创建补间动画
(11)将旋转设置为顺时针
(12)ctrl+回车预览
第九节
1、创建引导层动画
(1)新建画布
(2)任意绘制一个图形
(3)将其F8转换为图形元件
(4)单击添加运动引导层按钮
(5)在画布中用铅笔工具绘制一条路径线
(6)两层同时在第40帧F6
(7)选中图层1的第1帧再选中图形元件、将元件套在路径的起始点
(8)第40帧套在终点
(9)选中第1层第1帧创建补间动画
(10)ctrl+回车
2、跟随字的制作
(1)新建画布
(2)输入文本
(3)调整在小、位置、颜色ctrl+b一次
(4)分别将每个字转变成图形元件
(5)添加运动引导层、直接画路径线
(6)选中所有文本分散到图层命令
(7)引导层在第40帧F6
(8)其它层都在第30帧F6
(9)选中元件1的第1帧将元件套在起始位置,第30帧将元件套在终点上
(10)依次制作其它层
(11)除引导层外,创建补间动画
(12)时间差设置为2帧
(13)ctrl+回车预览
3、箭头运动轨迹
(1)新建画布
(2)利用矩形工具做箭头
(3)选中箭头F8转换为图形元件
(4)添加运动引导层
(5)在引导层内做大矩形、将内部填充删除
(6)用黑箭头将大矩形切一小块
(7)两层同时在第40帧F6
(8)选中图层1的第1帧套在起始位置、第40帧在结束位置
(9)第1层创建补间动画
(10)打开属性面板将调到路径√
(11)ctrl+回车预览
4、书写字的制作
(1)新建画布
(2)文本工具输入华文行楷500号《天》
(3)ctrl+b 一次打散
(4)利用墨水瓶工具填充线条
(5)将内部填充删除
(6)利用黑箭头将天切去一小块
(7)新建图层-绘制一只笔-F8转换为图形元件
(8)单击任意变形工具旋转中心调至笔尖
(9)选中第1层的所有线条-ctrl+c
(10)选中第2层并在上方