关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|Flash MX实战精选:汽车广告 -1

Flash MX实战精选:汽车广告 -1

[ 来路:网页教学网      时间:2007-7-10 3:26:45    点击: ]

 

  实例说明:
  这是一个产品广告动画,主要用作在互联网上进行产品、服务或者企业形象的宣传。由于广告动画中采用了很多电视媒体制作的表达手法,且又具备网络传输的短小精干的独特优势,这正是Flash广告动画之所以风靡全球的原因。
  有关知识:
  这是一个多重复合动画,我们将分别就“汽车启动”,“靓车展示”及“假LOADING效果”进行剖析介绍。
  制作过程:
  一、汽车启动
  步骤1:选择菜单中的插入>添加组件(Insert>New Symbol),在出现的对话框中选图像(Graphic),命名为che。选择文件>导入(File>Import),将一张车头图片加入舞台,在菜单上选择修改>打散(Modify>Break Apart),然后用鼠标点击车头以外的部分,再在工具栏活动面板上选择套索工具,在下方的附属工具中选择魔术棒,点击车头的黑色背景,即选取背景,然后按键盘上的Delete删除黑色部分。
车头图片的处理过程

  步骤2:点击Scene1回到主场景,选中Layer1层第3帧,按F7插入空帧,从库中将 che拖入场景的中间偏下的位置。在Layer1层的下面点击添加图层图标,添加Layer2层,选中第3帧,按F7插入空帧,用同样的方法将 che再次拖入场景,位置和Layer1层的che一样,即Layer2层的che覆盖了Layer1层的che。
在两个层中加入车头che

  步骤3:现在回到Layer1层第3帧,在Effect面板的下拉列表中选择Brightness,将后面的数字调整到-50%到-70%之间,这样Layer1层的车头就比Layer2层的车头要暗。
明暗属性调整

  步骤4:选中Layer2层,再次点击下面的添加图层图标,新增Layer3层,选择Layer3层第3帧,按F7插入空帧,在工具栏上选择矩形工具,在下面的选项中点击圆角矩形半矩图标,弹出矩形参数设置窗口(Rectangle Settings),在Corner后面填入数字10,然后用鼠标拉出一小段圆角的矩形框,并移动在che车头左边的部分。
绘制圆角的矩形

  步骤5:选择Layer3第42帧,按F6插入关键帧,就将第3帧的圆角矩形插入到第42帧,点击工具栏的选取工具,选中下面的缩放工具,将刚才的矩形框向右拉,长度接近车头的宽度。然后选择第3帧,在Frame面板Tweening项选Shape ,这样就生成圆角矩形由短变长的动画。
在第3层第3至42帧之间设置渐变动画

  步骤6:在Layer3层第45帧处,按F6插入关键帧,同样点击选取工具,选择缩放工具,再将刚才的矩形图形向下拉大以覆盖整个车头,就会生成圆角矩形由窄变宽的动画。
变大的圆角矩形

  在Layer3点右键,从弹出的菜单中选择Mask(遮罩)。
将Layer3设置为遮罩

  完成后的显示效果如图8所示。
车头上逐渐变大的亮光动画

  提示:由于Layer1层的车头比Layer2层的车头暗,而对Layer2层使用遮罩,就使较亮的Layer2层车头只能在遮罩区显示,所示就产生了在较暗的车头上有一亮区在由短变长,再逐渐放大的效果。
  步骤7:在Layer1层选中第51帧,按F6插入关键帧,并选定该帧的图像,在Effect面板将Brightness的明暗程度调整到0%,即使车头的亮度变为正常。然后在该层的第75帧到80帧之间分别插入关键帧。这几帧是为了得到启动时的震动效果,可分别微调它们的位置及转动角度,这里不详细介绍。最后将鼠标移动到Layer1层第85帧,按F5插入帧,以延续画面。
产生汽车的震动效果

  步骤8:添加声音层,具体的声音要根据动画效果而定,方法请参考有关章节,下图是加入声音后的时间轴。

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Flash MX实战精选:汽车广告 -2  下一篇:Flash MX实战精选:放大镜效果

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号