Flash CS4制作汽车广告条教程

2016-02-16 19:38 8 1 收藏

今天图老师小编要向大家分享个Flash CS4制作汽车广告条教程教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - FLASH 】

动画型广告是最显眼的广告方式,可以在花花绿绿的网页中让浏览者无意中注意到广告内容,以达到宣传的目的,这样可以提高广告的点击率。

本例思路

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

.在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所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

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 最终效果

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

来源:https://www.tulaoshi.com/n/20160216/1572639.html

延伸阅读
标签: flash教程
近来大家是不是发现越来越多的网站都在用一种即指即现的广告条来给自己的主页增光添彩,这种广告条平时“龟缩”在屏幕一个很小的不起眼的地方,可当鼠标移过时会忽然增大,真是太有趣了。可它是怎样做成的呢?经过“菜鸟”的一阵忙活,终于找到了它的制造之法,在此与广大电脑爱好者共享。 1、打开,首先改变背景大小,按下...
本例应用了前几章节已经学习的产生随机对象和删除对应随机对象等知识,控制游戏过程中用户移动鼠标指针与创建的随机对象之间是否接触并执行相对应的程序块,显示用户通过移动鼠标指针所扑捉到的喜鹊数量。本实例还创建游戏的结束和重新开始程序,用户可进一步扩展,根据扑捉到的喜鹊数量来设置游戏关卡和游戏级别。通过本例的制作,读者可以掌...
标签: FLASH flash教程
简介:本例将制作一个经典的简单的填色游戏。游戏内容是,控制吸管吸取颜色,给人换上不同颜色的着装。 本例内容所涉及到的知识点: Color类以及Startdrag()、Mouse.hide()、Mouse.show()方法等。 1.Color类和Color中的SetRGB()改变颜色。 2.使用Startdrag()实现鼠标跟随效果,使用Mouse.hide()和Mouse.show()实...
标签: PS PS基础
本期教程中我们将设置图层样式效果来制作一个内部具有斜纹效果的网页广告条,制作中主要使用了外发光、渐变叠加、图案叠加等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。 开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。 素材: MissYuan_教程素材.rar (1)运行Photoshop CS5,执行文件→打...
标签: Web开发
在许多网页中,当鼠标移到一张图片上时,又弹出另一张图片,做这种广告条,要用到Macromedia Dreamweaver中的Layer(层)和Timeline(时间轴)功能,还得准备两张大小基本相同的广告图片。我们已最新版本Dreamweaver4.0(英文版)为例,制作移动的广告条。  一、用Dreamweaver打开任意一个网页,空白页也可。在菜单中选择“插入Inse...

经验教程

218

收藏

98
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部