动画设计教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图13.1.4 “创建新元件”对话框
STEP 06 单击“确定”按钮，进入元件的编辑窗口，选 择工具箱中的矩形工具 ，在属性面板中设置笔触颜色为 “无”，填充颜色为“白色”，绘制一个在垂直方向上细长 的矩形，如图13.1.5所示。
STEP 07 选择工具箱中的选择工具 ，调整矩形成为一 个三角形，如图13.1.6所示。
图13.1.12 创建运动补间动画
STEP 16 按“Ctrl+F8”键，弹出“创建新元件”对话框， 在“名称”文本框中输入“原”，在“类型”选项区中选中 “图形”单选按钮，如图13.1.13所示。
图13.1.13 “创建新元件”对话框
STEP 17 单击“确定”按钮，进入元件的编辑窗口，选择 工具箱中的文本工具 ，在属性面板中设置字体为“黑体”， 字体大小为“30”，文本颜色为“白色”，单击“切换粗体” 按钮 ，然后在舞台的中心位置输入“原”，如图13.1.14所示。
图13.1.2 更改层名
STEP 04 选择“文件”→“导入”→“导入到舞台”命令， 弹出“导入”对话框，导入图片“371741.jpg”，并调整它到舞 台的中心位置，如图13.1.3所示。
图13.1.3 导入并调整图片
STEP 05 按“Ctrl+F8”键，弹出“创建新元件”对话框， 在“名称”文本框中输入“图形”，在“类型”选项区中选中 “图形”单选按钮，如图13.1.4所示。
第13章 提高——行业应用实例
实例1 原创动画招募广告 实例2 快乐购物频道片头 实例3 射击游戏 实例4 古诗词教学课件
实例1 原创动画招募广告
行业实例：设计背景 随着信息产业的高速发展，以Internet为传播媒介的网络广 告已成为最热门的广告形式。与传统的四大传播媒体（报纸、 杂志、电视、广播）广告及户外广告相比，网络广告具有得天 独厚的优势，它引导着广告发展的新方向。网络广告具有以下 优点： （1）传播范围大，不受地域限制。 （2）发布费用较低，适用于中小型企业。
（3）制作成本低，易于版面更新。 （4）传播与更新速度快，实时性强。 （5）直观逼真的多媒体和超文本格式增强了广告的表 现力。 （6）可准确统计被浏览的次数，有助于广告效果的评估。 （7）其浏览者具有较高的文化素质和消费水平，对于企业 宣传和销售十分有利。
网络广告形式多种多样，最常见的是旗帜广告，又叫条幅 广告，它就像一幅矩形图片，通过新颖的动态效果吸引着网客 的浏览。网络广告的大小通常为468×60，80×31，750×150， 单位为px，即像素。
行业实例：设计步骤 STEP 01 启动Flash 8软件，新建一个文件。 STEP 02 按“Ctrl+J”键，弹出“文档属性”对话框，设置 “尺寸”为“750 px×150 px”，“背景颜色”为“黑色”， “帧频”为“40”，单击“确定”按钮。 STEP 03 更改“图层1”的名称为“背景”，如图13.1.2所 示。
STEP 18 单击时间轴面板中的“插入图层”按钮 ，插入 “图层2”。
STEP 19 复制文本，然后选中“图层2”的第1帧，选择 “编辑”→“粘贴到当前位置”命令，进行粘贴。
STEP 20 隐藏“图层2”，然后选择舞台中的文本（即“图 层1”中的文本），按“Ctrl+B”键将其打散，如图13.1.15所示。
图13.1.14 输入文本
图13.1.15 打散文本
STEP 21 选择工具箱中的墨水瓶工具 ，在属性面板中设 置笔触颜色为“红色”，笔触高度为“5”，单击打散后的文本， 为其添加边框，如图13.1.16所示。
行业实例：设计要点 原创动画招募广告的制作过程大致可分为“图形”元件的 制作、“转动”影片剪辑的制作、文本的制作、各元件的调用 以及整合。通过本实例的学习，用户能够了解Flash在广告设 计方面的应用，掌握网络广告的制作方法和技巧。在制作过程 中要注意以下要点： （1）图片的导入。 （2）变形面板的使用。 （3）矩形工具和选择工具的使用。 （4）运动补间动画的制作。
Hale Waihona Puke Baidu
图13.1.9 设置旋转属性
图13.1.10 复制得到的图形
STEP 11 按“Ctrl+F8”键，弹出“创建新元件”对话框， 在“名称”文本框中输入“转动”，在“类型”选项区中选中 “影片剪辑”单选按钮，单击“确定”按钮，进入元件的编辑 窗口。
STEP 12 选择“窗口”→“库”命令，打开库面板，从中 拖动“图形”元件到舞台的中心位置。
STEP 13 选中“图形”实例，在属性面板的“颜色”下拉 列表中选择“Alpha”选项，在“Alpha数量”框中输入“50%”， 更改其透明度，如图13.1.11所示。
STEP 14 选中第60帧，按“F6”键插入关键帧。
图13.1.11 更改“图形”实例的透明度
STEP 15 选中第1帧，在属性面板的“补间”下拉列表中 选择“动画”选项，设置“旋转”为“顺时针”，旋转次数为 “1”，创建运动补间动画，如图13.1.12所示。
图13.1.5 绘制矩形
图13.1.6 调整矩形
STEP 08 选择工具箱中的任意变形工具 ，单击三角形， 使其上出现变形手柄，如图13.1.7所示。
STEP 09 调整变形中心点到如图13.1.8所示的位置。
图13.1.7 显示变形手柄
图13.1.8 调整变形中心点的位置
STEP 10 按“Ctrl+T”键打开变形面板，选中“旋转”单选 按钮，在其后的文本框中输入数字“30”，如图13.1.9所示。然 后单击11次“复制并应用变形”按钮 ，复制三角形，得到如 图13.1.10所示的图形。
行业实例：设计内容 本例制作“原创动画招募广告”，效果如图13.1.1所示。
图13.1.1 最终效果图
行业实例：设计思想 本实例设计了一个原创动画招募广告，首先出现转动的半 透明图形，为背景增添动感效果，然后依次出现文本“原”、 “创”、“动”、“画”、“F”、“L”、“A”、“S”和“H”， 最后出现招募状况及联系电话。整个广告以红色为主色调，再 配合超酷的动、闪效果，以引起用户的注意。
STEP 06 单击“确定”按钮，进入元件的编辑窗口，选 择工具箱中的矩形工具 ，在属性面板中设置笔触颜色为 “无”，填充颜色为“白色”，绘制一个在垂直方向上细长 的矩形，如图13.1.5所示。
STEP 07 选择工具箱中的选择工具 ，调整矩形成为一 个三角形，如图13.1.6所示。
图13.1.12 创建运动补间动画
STEP 16 按“Ctrl+F8”键，弹出“创建新元件”对话框， 在“名称”文本框中输入“原”，在“类型”选项区中选中 “图形”单选按钮，如图13.1.13所示。
图13.1.13 “创建新元件”对话框
STEP 17 单击“确定”按钮，进入元件的编辑窗口，选择 工具箱中的文本工具 ，在属性面板中设置字体为“黑体”， 字体大小为“30”，文本颜色为“白色”，单击“切换粗体” 按钮 ，然后在舞台的中心位置输入“原”，如图13.1.14所示。
图13.1.2 更改层名
STEP 04 选择“文件”→“导入”→“导入到舞台”命令， 弹出“导入”对话框，导入图片“371741.jpg”，并调整它到舞 台的中心位置，如图13.1.3所示。
图13.1.3 导入并调整图片
STEP 05 按“Ctrl+F8”键，弹出“创建新元件”对话框， 在“名称”文本框中输入“图形”，在“类型”选项区中选中 “图形”单选按钮，如图13.1.4所示。
第13章 提高——行业应用实例
实例1 原创动画招募广告 实例2 快乐购物频道片头 实例3 射击游戏 实例4 古诗词教学课件
实例1 原创动画招募广告
行业实例：设计背景 随着信息产业的高速发展，以Internet为传播媒介的网络广 告已成为最热门的广告形式。与传统的四大传播媒体（报纸、 杂志、电视、广播）广告及户外广告相比，网络广告具有得天 独厚的优势，它引导着广告发展的新方向。网络广告具有以下 优点： （1）传播范围大，不受地域限制。 （2）发布费用较低，适用于中小型企业。
（3）制作成本低，易于版面更新。 （4）传播与更新速度快，实时性强。 （5）直观逼真的多媒体和超文本格式增强了广告的表 现力。 （6）可准确统计被浏览的次数，有助于广告效果的评估。 （7）其浏览者具有较高的文化素质和消费水平，对于企业 宣传和销售十分有利。
网络广告形式多种多样，最常见的是旗帜广告，又叫条幅 广告，它就像一幅矩形图片，通过新颖的动态效果吸引着网客 的浏览。网络广告的大小通常为468×60，80×31，750×150， 单位为px，即像素。
行业实例：设计步骤 STEP 01 启动Flash 8软件，新建一个文件。 STEP 02 按“Ctrl+J”键，弹出“文档属性”对话框，设置 “尺寸”为“750 px×150 px”，“背景颜色”为“黑色”， “帧频”为“40”，单击“确定”按钮。 STEP 03 更改“图层1”的名称为“背景”，如图13.1.2所 示。
STEP 18 单击时间轴面板中的“插入图层”按钮 ，插入 “图层2”。
STEP 19 复制文本，然后选中“图层2”的第1帧，选择 “编辑”→“粘贴到当前位置”命令，进行粘贴。
STEP 20 隐藏“图层2”，然后选择舞台中的文本（即“图 层1”中的文本），按“Ctrl+B”键将其打散，如图13.1.15所示。
图13.1.14 输入文本
图13.1.15 打散文本
STEP 21 选择工具箱中的墨水瓶工具 ，在属性面板中设 置笔触颜色为“红色”，笔触高度为“5”，单击打散后的文本， 为其添加边框，如图13.1.16所示。
行业实例：设计要点 原创动画招募广告的制作过程大致可分为“图形”元件的 制作、“转动”影片剪辑的制作、文本的制作、各元件的调用 以及整合。通过本实例的学习，用户能够了解Flash在广告设 计方面的应用，掌握网络广告的制作方法和技巧。在制作过程 中要注意以下要点： （1）图片的导入。 （2）变形面板的使用。 （3）矩形工具和选择工具的使用。 （4）运动补间动画的制作。
Hale Waihona Puke Baidu
图13.1.9 设置旋转属性
图13.1.10 复制得到的图形
STEP 11 按“Ctrl+F8”键，弹出“创建新元件”对话框， 在“名称”文本框中输入“转动”，在“类型”选项区中选中 “影片剪辑”单选按钮，单击“确定”按钮，进入元件的编辑 窗口。
STEP 12 选择“窗口”→“库”命令，打开库面板，从中 拖动“图形”元件到舞台的中心位置。
STEP 13 选中“图形”实例，在属性面板的“颜色”下拉 列表中选择“Alpha”选项，在“Alpha数量”框中输入“50%”， 更改其透明度，如图13.1.11所示。
STEP 14 选中第60帧，按“F6”键插入关键帧。
图13.1.11 更改“图形”实例的透明度
STEP 15 选中第1帧，在属性面板的“补间”下拉列表中 选择“动画”选项，设置“旋转”为“顺时针”，旋转次数为 “1”，创建运动补间动画，如图13.1.12所示。
图13.1.5 绘制矩形
图13.1.6 调整矩形
STEP 08 选择工具箱中的任意变形工具 ，单击三角形， 使其上出现变形手柄，如图13.1.7所示。
STEP 09 调整变形中心点到如图13.1.8所示的位置。
图13.1.7 显示变形手柄
图13.1.8 调整变形中心点的位置
STEP 10 按“Ctrl+T”键打开变形面板，选中“旋转”单选 按钮，在其后的文本框中输入数字“30”，如图13.1.9所示。然 后单击11次“复制并应用变形”按钮 ，复制三角形，得到如 图13.1.10所示的图形。
行业实例：设计内容 本例制作“原创动画招募广告”，效果如图13.1.1所示。
图13.1.1 最终效果图
行业实例：设计思想 本实例设计了一个原创动画招募广告，首先出现转动的半 透明图形，为背景增添动感效果，然后依次出现文本“原”、 “创”、“动”、“画”、“F”、“L”、“A”、“S”和“H”， 最后出现招募状况及联系电话。整个广告以红色为主色调，再 配合超酷的动、闪效果，以引起用户的注意。