手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash制作低排放高节能的汽车广告动画
Flash制作低排放高节能的汽车广告动画
摘要:动画型广告是最显眼的广告方式,可以在花花绿绿的网页中让浏览者无意中注意到广告内容,以达到宣传的目的,这样可以提高广告的点击率。本例思路导入汽...

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

本例思路

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

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

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

1、制作汽车广告

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

Flash制作低排放高节能的汽车广告动画1

图1 制作背景

(2)按Ctrl+R组合键导入汽车和高楼的图片,如图2所示。

Flash制作低排放高节能的汽车广告动画2

图2 导入素材

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

Flash制作低排放高节能的汽车广告动画3

图3 绘制轮廓线

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

Flash制作低排放高节能的汽车广告动画4

图4 制作遮罩图形

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

Flash制作低排放高节能的汽车广告动画5

图5 绘制被遮罩图形

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

Flash制作低排放高节能的汽车广告动画6

图6 创建传统补间动画

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

Flash制作低排放高节能的汽车广告动画7

图7 制作传统补间动画

2、制作文字动画

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

Flash制作低排放高节能的汽车广告动画8

图8 添加无限大动画

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

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

Flash制作低排放高节能的汽车广告动画9

图9 添加消失动画

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

Flash制作低排放高节能的汽车广告动画10

图10 设置文字属性

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

Flash制作低排放高节能的汽车广告动画11

图11预览动画

3、制作产品剖面图广告

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

Flash制作低排放高节能的汽车广告动画12

图12 汽车解剖图

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

Flash制作低排放高节能的汽车广告动画13

图13 切换效果

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

Flash制作低排放高节能的汽车广告动画14

图14 制作环保文字广告

技巧与提示:环保文字广告动画是一个有大变小的传统补间动画。

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

Flash制作低排放高节能的汽车广告动画15

图15 绘制遮罩图形

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

Flash制作低排放高节能的汽车广告动画16

图16 绘制被遮罩图形

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

Flash制作低排放高节能的汽车广告动画17

图17 制作传统补间动画

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

Flash制作低排放高节能的汽车广告动画18

图18 复制图形

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

Flash制作低排放高节能的汽车广告动画19

图19 预览动画

(9)导入汽车图片,然后制作为其制作出传统补间动画,形成一个过度的视觉差,如图20所示。

Flash制作低排放高节能的汽车广告动画20

图20 制作传统补间动画

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

Flash制作低排放高节能的汽车广告动画21

图21 广告结束语

Flash制作低排放高节能的汽车广告动画22

图22 最终效果

【Flash制作低排放高节能的汽车广告动画】相关文章:

教你用Flash制作飞舞的螺旋动画特效

Flash制作中常用的脚本

Flash制作描红和描边的文字动态效果

flash制作一闪一闪的gif动画文字按钮效果

Flash制作关于光的折射和全反射规律的动画教程

Flash简单制作逼真的台球教程

Flash实例下雨动画效果教程制作

Flash AS实现的蝌蚪摆尾动画的教程

Flash AS2实例 跳动的小球动画效果

Flash制作齿轮旋转的动画

精品推荐
分类导航