您当前的位置:JZ5U绿色下载站文章中心设计学院Photoshop → 文章内容
  • Flash MX实战精选:汽车广告

  实例说明

  这是一个产品广告动画,主要用作在互联网上进行产品、服务或者企业形象的宣传。由于广告动画中采用了很多电视媒体制作的表达手法,且又具备网络传输的短小精干的独特优势,这正是Flash广告动画之所以风靡全球的原因。

  有关知识

  这是一个多重复合动画,我们将分别就“汽车启动”,“靓车展示”及“假LOADING效果”进行剖析介绍。

  制作过程

  一、汽车启动

  步骤1:选择菜单中的插入>添加组件(Insert>New Symbol),在出现的对话框中选图像(Graphic),命名为che。选择文件>导入(File>Import),将一张车头图片加入舞台,在菜单上选择修改>打散(Modify>Break Apart),然后用鼠标点击车头以外的部分,再在工具栏活动面板上选择套索工具,在下方的附属工具中选择魔术棒,点击车头的黑色背景,即选取背景,然后按键盘上的Delete删除黑色部分。如图1所示。

图1车头图片的处理过程

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

图2在两个层中加入车头che

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

图3明暗属性调整

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

图4绘制圆角的矩形

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

图5在第3层第3至42帧之间设置渐变动画

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

图6变大的圆角矩形

  在Layer3点右键,从弹出的菜单中选择Mask(遮罩)。如图7所示。

图7将Layer3设置为遮罩

  完成后的显示效果如图8所示。

图8车头上逐渐变大的亮光动画

  提示:由于Layer1层的车头比Layer2层的车头暗,而对Layer2层使用遮罩,就使较亮的Layer2层车头只能在遮罩区显示,所示就产生了在较暗的车头上有一亮区在由短变长,再逐渐放大的效果。

  步骤7:在Layer1层选中第51帧,按F6插入关键帧,并选定该帧的图像,在Effect面板将Brightness的明暗程度调整到0%,即使车头的亮度变为正常。然后在该层的第75帧到80帧之间分别插入关键帧。这几帧是为了得到启动时的震动效果,可分别微调它们的位置及转动角度,这里不详细介绍。最后将鼠标移动到Layer1层第85帧,按F5插入帧,以延续画面。如图9所示。

图9产生汽车的震动效果

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

图10声音层

  二、靓车展示

  步骤1:选择Insert>Scene,建立新场景Scene 2。导入用于展示的一组汽车图片,分别建立汽车图像符号,并将它们的命名为qiche1、qiche2......,然后在库中建立名为scene2的文件夹,将导入的位图及创建的符号全都放在这个文件夹里。如图11所示。

图11库窗口文件夹scene2中的符号

  提示:为了便于管理不断增多的库元素,可将在Scene1运用的库元素全部选中,点右键,从菜单中选Move to New Folder,在弹出的对话框中给新文件夹命名为Scene1,则选中的库元素全部转移到文件夹Scene1中。

  步骤2:在Fill面板中选择Bitmap,则会显示导入位图的缩影,如图12所示。

图12填充位图窗口

  步骤3:点击工具栏上矩形工具按钮,在舞台中拉出一个矩形框,框内就会有刚才选择的填充位图。如图13所示。

图13位图填充

  步骤4:由于位图大于拉出的矩形,所示矩形的位图填充只会显示位图的部分画面,为了调整矩形框中的位图,可选择油漆桶工具,在出现的附选工具中选变形填充,然后点舞台上的矩形填充,就会出现一个调整框,拖拽中心的圆柄就移动位图,以调整出满意的画面。如图14所示。

  提示:拖拽调整框四周的句柄可缩放、扭曲和旋转填充位图。

  步骤5:在时间轴同一层,选中第4帧,按F5插入帧,这样可将画面从第1帧延续到第4帧。

  步骤6:建立新的层,在对应在上一层结束的地方建立空帧,然后参照步骤2~5方法建立位图填充,就能产生快速切换电影镜头的效果,如果在其中连续帧之间插入空帧还可以得到其他效果,因为画面很多,这里就不多讲,具体实现方法可参见源程序的Scene 2,图15显示的是Scene 2的时间轴。

图14位图填充调整

图15显示快速切换画面的时间轴

  三、假Loading效果

  步骤1:选择插入>新符号 (Insert>New Symbol),在出现的对框中勾选Movie Clip,命名为Load2。在Layer1层中画出一个表盘状的图形,如图16所示。

图16画好的一个图形

  步骤2:选择插入>新符号 (Insert>New Symbol),在对话框中选符号类型: Movie Clip,命名为zhizhen。在第一层第1帧,画出一个指针图形,选中第2帧,按F6插入关键帧,将第2帧的指针旋转一定角度,如图17所示。

图17制作指针

  提示:指针的中心点应移动到下端,这也是指针的旋转中心。

  步骤3:回到符号Load2的制作场景中,新建“指针”层,将刚才做好的zhizhen拖入第1帧,向左旋转适当角度,如图18所示。

图18第1帧的“指针”状态

  步骤4:选择第15帧,按F6插入关键帧,将zhizhen向右旋转一定角度,在第50帧用同样的方法插入关键帧,继续向右旋转一定角度。如图19所示。

  

图19 第15、50帧的“指针”状态

  步骤5:分别选中第1、15帧,在Frame面板的渐变(Tweening)项中选Motion,就会生成“指针”旋转的动画。如图20所示。

图20 合成“指针”的关键帧动画

  步骤6:在“指针”层上的第50帧上双击,打开Frame Actions窗口,从Basic Actions栏双击Stop,给此帧加上停止命令。如图21所示。

  步骤7:建立“声音”层,将已导入库中的声音文件拖到舞台。如图22所示。

  步骤8:现在回到Scene2,选中Layer 25第143帧,按F7插入空帧,从库中把已做好的电影片段Load2拖上舞台。如图23所示。

  步骤9:选择同一层的第200帧,按F5插入帧,则Load2动画就会延长到这帧。

图21给第51帧上加上停止命令

图22已完成的假Loading

图23将做好的Load2符号放在143帧处

  因为考虑衔接的原因,在这里安排了假Loading效果。而真Loading也是一小段动画,它放在第1帧最先播放,由于使用了If Frame is Loaded语句,当检测到指定帧下载完毕时,就会执行Go To语句跳转另一指定帧。真Loading一般用在较大的动画中,为避免画面下载时太慢(或中断)而制作的。

  可在光盘中打开本实例源程序, Scene1的Layer 1层的第1帧中有真Loading,大家可从中看出真假Loading有何不同。


  • 作者:互联网  来源:本站整理  发布时间:2005-08-21 00:26:20


------------------------------- · 相关文档浏览 · --------------------------------------------------------------------- · 热门文档浏览 · -------------------------------------