没有合适的资源?快使用搜索试试~ 我知道了~
Flash CS5制作网站动画
4星 · 超过85%的资源 需积分: 9 3 下载量 18 浏览量
2012-12-08
12:19:00
上传
评论 2
收藏 8.87MB DOC 举报
温馨提示
试读
31页
Flash CS5制作网站动画
资源推荐
资源详情
资源评论
使用 Flash 制作网页动画
主要内容
本章重点
4.1 Flash CS5 基础知识
Flash CS5 作为最新的 Flash 版本,在之前版本的基础上新增了许多功能,并且 Flash
CS5 能逼真地制作出连贯性动作的动画,能更好地制作出三维效果。
4.1.1 Flash CS5 的工作界面
要使用 Flash CS5 制作动画,首先要了解 Flash CS5 的工作界面,主要包括菜单栏、
【工具】面板、垂直停放的面板组、【时间轴】面板、设计区等界面要素,如图 4-1 所示。
图4-1 Flash CS5的工作界面
绚丽的网站离不开动态元素,这些动态动画可以使用 Flash 制作,熟
练掌握 Flash 将有助于更好地学习网页制作。本章主要介绍了使用 Flash
CS5 制作网站动画元素的方法,包括软件的一些基本操作、动画广告的
设计、动画抬头制作等。
Flash CS5 基础知识
时间轴和帧
绘图工具
使用层
4.1.2 新建文档
选择【文件】|【新建】命令,打开【新建文档】对话框,如图 4-2 所示。默认打开的
是【常规】选项卡,在【类型】列表框中可以选择需要新建的文档类型,在右侧的【描
述】列表框中会显示该类型的说明内容,单击【确定】按钮,即可创建一个名称为【未命
名-1】的空白文档。
图 4-2 【新建文档】对话框
4.2 Flash CS5 绘图工具的使用
在 Flash 动画制作中,矢量图是不可缺少的。矢量图一般可以通过导入方式获得,也可
以利用 Flash CS5 自带的绘图工具来绘制,下面就介绍绘图工具的使用方法。
4.2.1 线条绘图工具
线条是构成图形的最基础的元素,在
Flash CS5
中,线条绘图工具主要包括【线条】工
具 、【铅笔】工具 和【钢笔】工具 。
1. 【线条】工具
在 Flash CS5 中,【线条】工具主要用于绘制不同角度的矢量直线。在【工具】面板中
选择【线条】工具 ,将光标移动到舞台上,会显示为十字形状,按住鼠标左键向任意方
向拖动,即可绘制出一条直线。要绘制垂直或水平直线,按住 Shift 键,然后按住鼠标左键
拖动即可,并且还可以绘制以 45°为角度增量倍数的直线。
选择【线条】工具 ,打开【属性】面板,如图 4-3 所示。在【属性】面板中可以设
置线条的位置和大小以及线条的笔触大小等参数选项。该面板中的主要参数选项的具体
作用如下。
【位置和大小】:在该选项卡面板中可以设置线条在x和y轴上的位置以及线条相
对于于x和y轴的宽度和高度。
【笔触颜色】:可以设置线条的笔触颜色,也就是线条颜色。
【笔触】:可以设置线条的笔触大小,也就是线条的宽度。
- 58 -
网页设计与制作实训教程
默认第一次创建的文档名称为【未命
名 -1 】,最后的数字符号是文档的序号,
它是根据创建的顺序依次命名的,例如再
次创建文档时,默认的文档名称为【未命
名 -2 】,依此类推。
【样式】:可以设置线条的样式,例如虚线、点状线、锯齿线等。单击右侧的
【编辑笔触样式】按钮 ,打开【笔触样式】对话框,如图4-4所示,在该对话框中
可以自定义笔触样式。
图4-3 【属性】面板 图4-4 【笔触样式】对话框
【端点】:用于设置线条的端点样式,可以选择【无】、【圆角】或【方型】样
式。
【接合】:用于设置两条线段相接处的拐角端点样式,可以选择【尖角】、【圆
角】或【斜角】样式。
2. 【铅笔】工具
在 Flash CS5 中,使用【铅笔】工具可以绘制任意线条。在【工具】面板中选择【铅
笔】工具 后,在所需位置按下鼠标左键拖动即可。在使用【铅笔】工具绘制线条时,按
住 Shift 键,可以绘制出水平或垂直方向的线条。
选择【铅笔】工具 后,在【工具】面板中会显示【铅笔模式】按钮 。单击该按钮,
会打开模式选择菜单。在该菜单中,可以选择【铅笔】工具的绘图模式,如图 4-5 所示。
在使用【铅笔】工具绘制线条时,在【属性】面板(如图 4-6 所示)中可以对所绘制的矢
量线条的宽度、线型和颜色等进行设置。
图4-5 【铅笔模式】选择菜单 图4-6 【铅笔】工具的【属性】面板
3. 【钢笔】工具
【钢笔】工具常用于绘制比较复杂、精确的曲线。Flash CS5 中的【钢笔】工具分为
【钢笔】、【添加锚点】、【删除锚点】和【转换锚点】工具,如图 4-7 所示。
选择【工具】面板中的【钢笔】工具 ,当光标变为 形状时,在设计区中单击确定
- 59 -
第 4 章 使用 Flash 制作网页动画
起始锚点,再选择合适的位置单击确定第 2 个锚点,这时系统会在起点和第 2 个锚点之间
自动连接一条直线。如果在创建第 2 个锚点时按下鼠标左键并拖动,会改变连接两锚点直
线的曲率,使直线变为曲线,如图 4-8 所示。重复上述步骤,即可创建带有多个锚点的连
续曲线。
图4-7 钢笔工具组的菜单 图4-8 使用【钢笔】工具绘制曲线
【例 4-1】使用线条绘图工具,绘制人物的轮廓。
(1) 新建一个文档,选择【工具】面板中的【钢笔】工具 ,在设计区中绘制连续的曲
线,绘制人物的一个大致脸颊,如图 4-9 所示。
图4-9 使用【钢笔】工具绘制人物脸颊
(2) 运用【删除锚点】工具,删除部分锚点,然后使用【转换锚点】工具调整曲线,效
果如图 4-10 所示。
(3) 使用【铅笔】工具,选择【平滑】模式,绘制人物的眼睛,如图 4-11 所示。如果
刚开始接触 Flash 绘图工具,难免会达不到预期的绘制效果,只要经常练习就可以达到理想
的绘制效果了。
图4-10 人物脸颊效果 图4-11 绘制眼睛
(4) 参照步骤(3),使用【铅笔】工具,绘制人物的耳朵部分,如图4-12所示。
(5) 继续使用【铅笔】工具,绘制人物的眉毛部分,在绘制时,可以在【属性】面板中调
整笔触大小,绘制的效果如图4-13所示。
- 60 -
网页设计与制作实训教程
图 4-12 绘制耳朵 图 4-13 绘制眉毛
(6) 使用【钢笔】工具绘制头发曲线锚点,如图 4-14 所示。使用【删除锚点】工具删
除一些不需要的锚点,调整曲线,绘制的头发图形如图 4-15 所示。
图4-14 绘制曲线 图4-15 绘制头发
(7) 使用【铅笔】工具,绘制简单的线条,勾勒出人物的鼻子和嘴巴,如图 4-16 所示。
(8) 在【工具】面板中选择【刷子】工具 ,绘制人物的眼睛,如图4-17所示。
图 4-16 绘制鼻子和嘴巴 图 4-17 绘制眼睛
(9) 结合【线条】工具和【铅笔】工具,绘制人物的颈脖部分,最后绘制的效果如图 4-
18 所示。
(10) 选择【文件】|【保存】命令,打开【另存为】对话框,如图4-19所示,保存文件为
【绘制人物】。
图4-18 绘制效果 图4-19 【另存为】对话框
- 61 -
第 4 章 使用 Flash 制作网页动画
剩余30页未读,继续阅读
资源评论
- sword61202014-05-23不错,有值得参考的地方
- flystuart2013-04-10介绍了具体制作卡通人物等案例,有实际操作性。
inin_1014
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功