Flash CS4实例教程:制作汽车动画型广告

所属分类: 媒体动画 / Flash教程 阅读数: 70
收藏 0 赞 0 分享

动画型广告是最显眼的广告方式,可以在花花绿绿的网页中让浏览者无意中注意到广告内容,以达到宣传的目的,这样可以提高广告的点击率。今天就教大家利用Flash CS4制作汽车动画广告条,感兴趣的朋友可以学习一下。

本例思路

.导入汽车素材,然后制作出汽车出现动画广告。

.在Flash的辅助软件SWiSHmax中制作文字动画。

.导入汽车剖面图素材,然后制作出汽车剖面图广告。

Part 1 制作汽车广告

(1)新建一个大小为700×150像素,帧频为20fps的空白文档,然后制作一个如图7-1所示的背景。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-1 制作背景

(2)按Ctrl+R组合键导入本书配套光盘中的“Chapter/素材/汽车.png和楼.png”文件,如图7-2所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-2 导入素材

(3)将小车转换为影片剪辑,然后进入影片剪辑的编辑区域,再用“线条工具”绘制出轮廓线,如图7-3所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-3 绘制轮廓线

(4)在轮廓线区域填充好颜色作为遮罩图形,如图7-4所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-4 制作遮罩图形

(5)在被遮罩层(即“图层3”)中绘制出线性半透明的矩形,如图7-5所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-5 绘制被遮罩图形

(6)将矩形转换为影片剪辑,然后制作出从右到左运动的传统补间动画,如图7-6所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-6 创建传统补间动画

(7)返回到“场影1”,然后为小车制作出从左到右的传统补间动画,然后使用遮罩层制作出城市大楼出现的传统补间动画,如图7-7所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-7 制作传统补间动画

Part 2 制作文字动画

(1)启动SwishMax,单击“工具箱”中的“文本工具”按钮 ,然后在舞台中输入广告语,再单击右键,并在弹出的菜单中选择“效果/显示到位置/疯狂-无限大”命令,效果如图7-8所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-8 添加无限大动画

技巧与提示:

SWiSHmax是一款Flash的辅助软件,是专门用于制作Flash文字特效的工具,在SWiSHmax中可以轻松地制作出精彩的文字特效,从而把“懒惰”的人从繁重的体力劳动中完全解脱出来,该软件的具体操作请参考Chapter02中的“SWiSHmax文字”。

(2)保持对文字的选择,然后为其添加一个“从位置消失”动画,如图7-9所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-9 添加消失动画

(3)将制作好的文字动画导入到Flash中,然后在属性面板中设置图形为白色,并设置循环属性为“只播放一次”,如图7-10所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-10 设置文字属性

(4)按Ctrl+Enter组合键发布动画,效果如图7-11所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-11预览动画

Part 3 制作产品剖面图广告

(1)所有镜头消失后进入下一个镜头,首先出现的汽车的解剖图形,如图7-12所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-12 汽车解剖图

技巧与提示:

该汽车解剖图的路径为“Chapter07/素材/解剖图1.png”文件。

(2)汽车解剖图镜头消失后紧接着过度到另一张解剖图,如图7-13所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-13 切换效果

技巧与提示:

该汽车解剖图的路径为“Chapter07/素材/解剖图2.png”文件。

(3)在汽车解剖图的右侧制作一个环保文字广告来陪衬画面,然后为其添加“发光”滤镜,具体参数设置如图7-14所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-14 制作环保文字广告

技巧与提示:

环保文字广告动画是一个有大变小的传统补间动画。

(4)下面制作一个灰色带来增强画面的视觉效果增。首先绘制出遮罩图形,即色带出现的区域,如图7-15所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-15 绘制遮罩图形

(5)绘制出半透明的被遮罩图形,如图7-16所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-16 绘制被遮罩图形

(6)为灰色带制作出传统补间动画,如图7-17所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-17 制作传统补间动画

(7)返回到“场景1”,在属性面板中设置灰色带的循环属性为“只播放一次”,然后复制一份出来,并将其错垂直翻转操作,如图7-18所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-18 复制图形

(8)按Ctrl+Enter组合键发布动画,效果如图7-19所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-19 预览动画

(9)导入本书配套光盘中的“Chapter07/素材/汽车1.psd”文件,然后制作为其制作出传统补间动画,形成一个过度的视觉差,如图7-20所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-20 制作传统补间动画

(10)最后为画面添加一个广告结束语动画,如图7-57所示,然后按Ctrl+Enter组合键发布动画,最终效果如图7-21所示。

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-21 广告结束语

Flash CS4制作汽车广告条教程,PS教程,思缘教程网

图7-22 最终效果

本教程已完毕,现在大家应该学会了利用Flash CS4制作汽车动画广告条了吧,希望大家今后有更多更好的作品出现。谢谢大家观看!

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多