建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > Flash教程 >

Flash制作汽车广告动画

更新时间:2017-04-14整理编辑:建站学习网阅读:0

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

 

  本例思路

 

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

 

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

 

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

 

  1、制作汽车广告

 

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

 

  图1 制作背景

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

 

  图2 导入素材

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

 

  图3 绘制轮廓线

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

 

  图4 制作遮罩图形

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

 

  图5 绘制被遮罩图形

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

 

  图6 创建传统补间动画

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

 

  图7 制作传统补间动画

  2、制作文字动画

 

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

 

  图8 添加无限大动画

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

 

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

 

  图9 添加消失动画

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

 

  图10 设置文字属性

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

 

  图11预览动画

  上一页

 

  3、制作产品剖面图广告

 

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

 

  图12 汽车解剖图

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

 

  图13 切换效果

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

 

  图14 制作环保文字广告

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

 

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

 

  图15 绘制遮罩图形

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

 

  图16 绘制被遮罩图形

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

 

  图17 制作传统补间动画

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

 

  图18 复制图形

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

 

  图19 预览动画

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

 

  图20 制作传统补间动画

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

 

  图21 广告结束语

  图22 最终效果

 

本文网址:https://www.dedexuexi.com/wysj/flash/2979.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
Flash绘图功能制作奶瓶标志
« 上一篇2017年04月14日
Flash制作米老鼠可爱表情动画
2017年04月14日下一篇 »
  • 使用Flash MX将GIF动画图片制成FLASH动画
    0阅读
    gif动画比较简单 gif动画只能做一些比较简单的动画,FLASH可以比较多元化,最大的不同是格式不一样,一个是SWF,一个是Gif,还有Gif的那是图片,按照flash里面讲Gif是逐贞动画 PS也可以做,而
  • flash动画制作网页中演示类FLASH动画的制作规范
    0阅读
    在工作中所遇到的涉及到flash的项目一般会根据其具体应用分成两大类:演示类 交互类为了使项目更加快速有效的完成并且保证工作质量,使源文件从结构上更加的简洁易读,有必要遵守一定的
  • flash as3实现打字小游戏代码
    0阅读
    游戏效果 新建Fla,在第一帧F9添加代码即可。 代码如下 var arr:Array = new Array(); var time:uint=0; var angle:Number=0; var zfun; [SWF(width=800, height=465,backgroundColor=0...
  • Flash制作旋转的花朵
    0阅读
    思路: 1.使用for...in语句遍历整个主场景(_root)中所有的对象; 2.找到他们(如_root[k]),并为他们的不同方法指定不同函数; 步骤1: 在主场景放入若干个影片剪辑,不需要为他们起实例名。 步骤2:加入
  • Flash片头加载loading的方法
    0阅读
    做一个优秀的loading是衡量一个flasher水准、甚至态度的,因为loading是唯一一个你不会多看而所有用户、客户会看的东西,所以你对loading的重视程度,甚至可以反衬你这个flasher的职业道德。 我认
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录