Flash MX实战精选：汽车广告 -pc6资讯

您的位置：首页 → 网页设计 → Flash → Flash MX实战精选：汽车广告

Flash MX实战精选：汽车广告 时间：2004/11/7 2:19:00来源：本站整理作者：蓝点我要评论(0)

　　实例说明

　　这是一个产品广告动画，主要用作在互联网上进行产品、服务或者企业形象的宣传。由于广告动画中采用了很多电视媒体制作的表达手法，且又具备网络传输的短小精干的独特优势，这正是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有何不同。

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。