Flash广告设计制作实例教程

直接输入文字
在拖曳的文本框中输入文字
2.文本属性
文本“属性”面板
设置文本的字体、字体大小、样式和颜色 设置字符与段落
静态文本
在“属性”面板中选择 “静态文本”选项，选择“可 选”按钮，当文件输出为SWF 格式时，可以对影片中的文字 进行选取、复制操作。
静态文本“属性”面板
动态文本
在“属性”面板中选择 “动态文本”选项，动态文本 可以作为对象来应用。
动态文本“属性”面板
输入文本
在“属性”面板中选择 “输入文本”选项，可以设置 密码。
输入文本“属性”面板
变形文本 选中文字，按两次Ctrl+B组合键将文字打散。选择“修改 > 变 形 > 封套”命令，在文字的周围出现控制点，，拖动控制点改变 文字的形状。
文字变形过程
分离对象
要修改多个图形的组合、图像、文字或组件的一部分时，可以使用 “修改 > 分离”命令。另外，制作变形动画时，需用“分离”命令将图形 的组合、图像、文字或组件转变成图形。 选中图形组合，选择“修改 > 分离”命令，或按Ctrl+B组合键，将组 合的图形打散。
第3章 标志制作
本章简介：
标志代表着企业的形象和文化，以 及企业的服务水平、管理机制和综合实 力，标志动画可以在动态视觉上为企业 进行形象推广。本章将主要介绍 Flash 标志动画中标志的导入以及动画的制作 方法，同时介绍如何应用不同的颜色设 置和动画方式来更准确地诠释企业的精 神。
课堂学习目标
掌握标志的设计思路 掌握标志的制作方法 掌握标志的应用技巧
变形面板
3.2.5 实战演练-制作时尚网络标志
使用选择工具和套索工具删除多余的笔画，使用部分选取工具 将文字变形，使用矩形工具绘制圆角矩形，使用椭圆工具为文字添 加艺术笔画。

掌握如何使用ActionScript为按 钮添加事件处理程序，以便在用
户点击按钮时执行特定操作。
动态按钮设计
了解如何根据用户交互或其他条 件动态更改按钮的外观和行为。
交互式动画实例分析
基础动画实例
分析简单的交互式动画实例，如鼠标悬停效果、拖拽效果等。
高级动画实例
探讨更复杂的交互式动画实例，如游戏、数据可视化等。
添加视频效果
如滤镜、转场、画中画等。
同步音频和视频
可实现音频和视频的精确同步，确保播放效果流 畅自然。
多媒体元素同步处理技术
时间轴同步
01
通过时间轴控制音频和视频的播放进度，实现精确同步。
脚本控制同步
02
使用ActionScript脚本语言编写代码，实现更复杂的同步控制逻
辑。
外部媒体同步
03
支持与外部媒体文件（如字幕文件）的同步，提供更丰富的多
将模板中的元素替换为自己的内容，如替换 图片、文本等。
调整布局
根据需要调整元素的位置和大小，使整体布 局更加合理。
修改样式
通过修改元素的样式属性，如颜色、字体、 透明度等，实现个性化定制。
自定义组件开发流程
创建组件
使用Flash的绘图工具创建组 件的图形界面。
封装组件
将创建好的组件封装成一个独 立的库文件，方便在其他项目 中重复使用。
添加过渡效果
在两个关键帧之间添加过渡效果，使动画更 加流畅自然。
补间动画制作方法
创建起始和结束关键帧
在时间轴上创建起始和结束关键帧， 并分别设置它们的属性。
选择补间类型
根据动画需求选择合适的补间类型， 如形状补间或动画补间。
创建补间动画
在起始和结束关键帧之间创建补间动 画，Flash会自动计算并生成中间帧 。

• 一切准备妥当后就可 以开始制作动画了， 这主要包括为角色设 计动作，角色与背景 的合成，动画与声音 的合成等。
（4）后期调试
（5）发布作品
• 后期调试包括调试动 画和测试动画两方面。 调试动画主要是针对 动画的细节、动画片 段的衔接、场景的切 换、声音与动画的协 调等进行调整，使整 个动画显得更加流畅 和有节奏感；测试动 画是对动画在本地和 网上的最终播放效果 进行检测，以保证动 画能完美地展现在观 众面前。
Flash CC工作界面
案例一 制作接球动画——Flash动画制作快速入门
下面简单了解一下其特有的组成元素的作用：
文档选项卡：当翻开多个文档后，单击由文档名称形成的文档选项卡标签可切换当前编辑的 文档，单击文档选项卡右侧的“关闭〞按钮 ，可关闭相应的文档。 编辑栏：用于选择需要进行编辑的场景、元件，以及设置舞台显示比例。 舞台：舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在〞时 间轴〞面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于 舞台外的内容在播放动画时不会被显示。 工具箱：提供了绘制、编辑和填充图形，以及缩放和平移舞台的工具。要选择某工具，只需 单击该工具即可。另外，局部工具的右下角带有黑色小三角 ，表示该工具中隐藏着其他工具， 在该工具上按住鼠标左键不放，可从弹出的工具列表中选择其他工具。
案例一 制作接球动画——Flash动画制作快速入门
传统动画和影视都是通过连续播放一组静态画面实现的，每一幅静态画面就是一个帧，Flash动画也是如 此。在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性，例如位置、形状、大小、颜色、透明 度等，当播放头在这些帧之间移动时，便形成了动画。
下面通过制作一个心跳动的动画来说明Flash动画的制作原理：

项目四FLASH广告条制作一、项目任务和要求本项目任务是：模仿简单FLASH广告条的制作1、时间要求：30课时2、质量要求：3、素材要求：文明大方二、项目分析该项目效果图如下：图 1FLASH广告条常用方法有：动画补间、形状补间和遮罩动画，本项目用动画补间实现。

三、项目路径及步骤1、新建Flash文档1）点击下面的文档属性图 22）设置文档属性3）保存为bottom.fla2、导入全部图像素材（23张图像素材）到库3、新建背景元件1）创建图形元件“t-bg”图 22）将图片拖到舞台3）将图片与舞台中心对齐，先点击“相对于舞台”，再点击“水平中齐”，然后点击“垂直中齐”。

图 3图 4小技巧：每次新建元件时都与舞台中心对齐方便以后元件编辑定位。

4、新建字符A元件1）创建图形元件“t-A”2）在图层1绘制“字符A”图形的外圈，在图层1加锁。

3）新建图层2，并在图层2用“文本工具”输入字符“A”，如下图：图 55、新建苹果元件1）创建图形元件“t-apple”2）在图层1绘制“t-apple”图形的外圈，在图层1加锁。

3）新建图层2，并在图层2第1帧拖入“apple”位图，如下图：6、新建蝴蝶左翅膀元件1）用直线绘制2）调整形状并填充颜色图 67、新建蝴蝶身体元件1）用椭圆绘制头部2）用椭圆绘制身体3）用直线绘制左触角4）调整左触角形状5）复制左触角6）水平翻转复制的左触角使它变成右触角7）调整右触角位置图 78、新建左翅膀飞舞元件1）将“蝴蝶左翅膀”图形元件拖到舞台2）分别在第8帧和第15帧插入关键帧3）调节第8帧“蝴蝶左翅膀”的大小和形壮4）在1至8帧和8至15帧之间添加动画补间9、新建蝴蝶元件1）将“蝴蝶身体”图形元件拖到图层1的第1帧，并缩放大小，锁定图层12）新建图层2，将“左翅膀飞舞”拖到图层2的第1帧，锁定图层2 3）新建图层3，将“左翅膀飞舞”拖到图层3的第1帧4）将图层3上的第1帧水平翻转，并调节位置图 810、新建跳动的女孩1元件1）将“girl1”位图拖到图层1的第1帧，并与舞台对齐2）在“girl1”位图上右击鼠标，点击“转换为元件”，如下图：3）分别在第6帧和第11帧插入关键帧4）向上调节第6帧的“t-girl1”位置5）在1至6帧和6至11帧之间添加动画补间小提示：同理制作影片剪辑元件（跳动的女孩2）11、新建小精灵元件1）将“a-1-xiafei”位图拖到图层1的第1帧，并与舞台中心对齐2）在“a-1-xiafei”位图上右击鼠标，点击“转换为元件”，如下图：12、新建影片元件1）将“bg1”位图拖到图层1的第1帧，并与舞台中心对齐，同时将“图层1”重命名为“背景”，然后加锁。