联想广告设计说明初稿

　 制作《联想电脑广告》动画

　摘要

　本设计将灵活运用所学过的图形图像处理软件Flash的各种动画制作方法完成为题目为《联想电脑广告》的设计，本动画借鉴广告常用的宣传形式来制作，展示了一款新式联想电脑——联想A720的独特性能以及完美科技的诠释。

　关键词：Flash动画、流星、电脑、帧、时间轴

　目录

　广告简述

　广告是为了某种特定的需要，通过一定形式的媒体，公开而广泛地向公众传递信息的宣传手段。以广告形式宣传新式产品的精致外观，独特性能，从而达到吸人眼球，引人注目，增加销售数量的目的。为了达到这种目的，本广告的设计构思大概如下：

　一、广告开头：

　数字缓冲圈，逐渐增加，引起观众的好奇心

　二、广告过程

　一颗耀眼的蓝色星星从太空急速坠落，划破了本来安静的黑色夜空，顿时黄色光芒四射，泼散开来，夜空不再黑暗，此时一台电脑缓缓出现，四周同时明星闪闪。

　随后电脑配置图片淡入淡出，结合人声介绍

　紧接着出现的是此款新式产品的独特性能，作为亮点展现给观众。

　产品总体宣传片，诠释完美效果

　三、广告结尾

　激光过后，出现联想标志以及销售地址

　广告设计

　随着商品经济的发展，市场经济由“卖方市场”向“买方市场”的转化，市场竞争日趋激烈，争夺消费者和增加市场占有份额成为企业成败的关键。随着科学技术的进步，广告手段日益科学化现代化，运用广告来开拓市场，争取消费者，成为企业开发市场、扩大商品销售的重要手段。把所产生的创意予以检讨修正，使更臻完美以文字或图形将创意具体化真正用心去演绎产品宣传理念，才会凸现广而告之的意思。

　“创建新项目”中的“Flash文档”选项，创建一个Flash文档。

　②单击“文件”→“另存为”菜单命令，打开“另存为”对话框，选择文件保存位置，文件名输入为“联想电脑广告”，选择文件的类型为“*.fla”，单击“保存”按钮，暂时创建一个文件名为“联想电脑广告”的空文档。如图4-1-2所示。

　设置文档

　单击“修改”→“文档”菜单命令，打开“文档属性”对话框。设置“尺寸”的宽为550、高为400，背景颜色为“黑色”，其它参数设置默认，然后点击“确定”按钮。如图4-1-3所示。

　 图4-1-1保存 图4-1-2保存路径 图4-1-3 文档设置

　创建“缓冲进度圈”影片剪辑元件

　1.单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“缓冲进度圈”，“类型”设置为“影片剪辑”，单击“确定”按钮，进入元件的编辑窗口。如图4-1-4所示。

　 图4-1-4 创建“缓冲进度圈”元件

　2.设置填充颜色。打开“混色器”面板，将笔触颜色设为“无”，填充类型设为“线性”， 将“混色器”面板渐变条上的色标添加至三个，从左到右的色标颜色分别高为设为“#003264”、“#006699”、 “#00CCFF”， 把三个色标放置在如图4-1-5所示的适当位置。

　 图4-1-5 混色器 图4-1-6 对齐面板 图4-1-7 圆环绘制

　3.单击（椭圆工具），将鼠标移至舞台，点击图层1 ，将其命名为“旋转图形”。用<Shift>键配合在舞台上绘制一个“宽”和“高”都为“150”的圆形，对齐方式为相对于舞台水平中齐，垂直中齐。入图4-1-6所示，再在舞台上绘制一个“宽”和“高”都为“125”的圆形，在对齐面板选择相对于舞台水平中齐，垂直中齐。然后用鼠标选择较小圆形图像，按删除键“Delete”键将其删除。接着用（填充变形工具）调整填充使填充更具逼真感，最后删掉环形轮廓线最后得到圆环图形。如图4-1-7所示：

　4．单击（橡皮擦工具），将圆环右上角擦除一个缺口，并擦除至蛇形环形。如图4-1-8所示：

　5.单击第100帧，插入关键帧，如图所示。返回单击第一帧，属性面板设置“动画补间动画”，“旋转方式”为“顺时针”，“旋转次数”为“10”。如图4-1-9 所示：

　 图4-1-8 图4-1-9 动画补间动画

　6.单击“图层区”下方 （插入图层）按钮，命名为“数字加载”。

　7.．单击（文本工具），在下面的属性面板中设置“字体”为“Times New Roman”、“字号”为“96”、“颜色”为“#4D6185”、加粗。在舞台上输入“1”， 对齐方式为相对于舞台水平中齐，垂直中齐。

　8．在第二帧插入关键帧，鼠标单击数字“1”，选中其使之修改为“2”， 对齐方式为相对于舞台水平中齐，垂直中齐。在第三帧插入关键帧，鼠标单击数字“2”，选中其使之修改为“3”。以此类推，直到100帧处。如图4-1-10所示：

　图4-1-10 缓冲进度圈“选装图形”

　创建“星星”图形元件

　1单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“星星”，“类型”设置为“图形”，单击“确定”按钮，进入元件的编辑窗口。在时间轴面板上建立三个图层，图层1命名为“圆”；图层2命名为“星星1”；图层3命名为“星星2”。

　图4-1-11 星星元件制作

　2单击“圆”图层第一帧，在舞台上画一个的无边白色的圆，将颜色填充为由淡黄色到白色的渐变。（在“混色器”中选择“放射状”选项，将颜色条左边的色标单击选淡黄色，边的Alpha值设为50%，将右边的色标单击一下，选项颜色为白色，将右边的Alpha值改为0%。这样你就看到一个由淡黄到白色的放射状渐变的圆形。）按[ctrl＋K]键打开“对齐面板”，在其中依次单击“相对于舞台、水平居中分布、垂直居中分布”使圆位于舞台中心。如图： 单击“星星1”图层第一帧，在舞台上画出一个竖直的长条形椭圆，按[ctrl＋T]键打开“变形面板”在其中选中“旋转”这一项，在其后的文本框内输入“45度”。长条椭圆如图： 按[Enter]键使椭圆旋转45度，将椭圆的颜色填充为由白色到黑色的渐变，然后对齐舞台中心（方法就不用说了，上面已讲过）。在“变形”面板中将“旋转”的角度设为90度，然后单击“变形”面板“复制”按钮（右下角第一个），复制一个椭圆。如图：选中图层“星星1”第一帧的图形对象，按[Ctrl＋C]键复制该图形，然后选中图层“星星2”的第一帧，单击右键，在弹出的快捷键菜单中选择“粘贴到当前位置”，打开“变形面板”把“旋转”设为45度，“约束”分别设为250%、250%，按[Enter键]，星星就做好了:

　 图4-1-15 星星动态影片剪辑元件 图4-1-16 效果图

　3.分别单击第一帧和第5帧，在属性面板中设置动画补间动画。按SHIFT键，选择第1帧到第10帧，单击鼠标右键，选择“复制帧”; 单击第11帧，单击右键，选择“插入帧”。这样“星星动态”影片剪辑元件就做好了。如图4-1-16：

　创建流星影片剪辑元件

　具体步骤：

　1．单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“流星”，“类型”设置为“影片剪辑”，单击“确定”按钮，进入元件的编辑窗口。

　2．单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“流星.jpg”位图文件，单击“打开”按钮，将“流星.jpg”位图导入到库中备用。

　3. 单击图层1第1帧，将库中“流星.jpg”位图拖入舞台，借助橡皮擦工具截取，然后放在右上角适当的位置。再单击第5帧，按F6插入关键帧，把“流星”拖放到舞台中间，使流星的左下端与舞台的中心点对齐。在第1帧与第5帧之间设置动画补间动画。

　4.插入新的图层，设置填充颜色。打开“混色器”面板，将笔触颜色设为“无”，填充类型设为“放射状”， 将“混色器”面板渐变条上的色从左到右的色标颜色分别高为设为“#FFFFCC”、“ #000000”，将右边色标的Alpha值设置为3% ，色标放置在如图4-1-47所示的适当位置。

　图4-1-17 流星光晕混色器色标位置

　5. 单击图层2的第1帧，用椭圆工具画一个“宽”和“高”都为“800”的圆，在第70帧按F6插入关键帧。返回第一帧，点击图形圆，设置宽和高都为“5”，在属性面板设置动画补间动画。

　6. 单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“激光音.wav”声音文件，单击“打开”按钮，放到库中。如图4-1-18所示：

　图4-1-18 声音导入

　7.插入新图层，选中第1帧，将“激光音.wav”声音文件拖入舞台。

　电脑开场制作

　具体步骤：

　1．单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“电脑开场”，“类型”设置为“影片剪辑”，单击“确定”按钮，进入元件的编辑窗口。

　2. 单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“华丽外表.jpg”位图文件，单击“打开”按钮，将“华丽外表.jpg”位图导入到库中备用。

　3．选中图层第1帧，将“华丽外表.jpg”位图文件拖入舞台，水平、垂直居中对齐。选中图片，单击“修改” →“分离”，如图4-1-19所示。单击“橡皮擦工具”修剪图片，使其留下电脑轮廓。

　4.单击第50帧，按F6插入关键帧，返回第1帧，选择图形，修改图形“宽”和“高”都为“5”，在第1帧属性面板，设置动画补间动画。

　 图4-1-19 分离 图4-1-20 混色器

　5.插入新图层，命名为“光束”，在第51帧插入空白关键帧。设置填充颜色。打开“混色器”面板，将笔触颜色设为“无”，填充类型设为“线性”，设置5个色标， 将“混色器”面板渐变条上的色从左到右的色标颜色分别高为设为“#000000 ”、“#FFFF00” 、“#FFFFFF” 、“#FFFF00”、“#000000”，将最右边和最左边色标的Alpha值设置为60% ，色标放置在如图4-1-20所示的适当位置。

　6.单击光束图层第51帧，选择椭圆工具，画一个“宽”和“高”分别为“600”、“10”的椭圆，位置坐标为-977、-5 ，单击第54帧，按F6插入关键帧，将其坐标位置设置为“-335”、“-5”，设置动画补间动画。如图4-1-21所示

　图4-1-21 光束

　7.插入新图层，命名为“文字”，单击第55帧，插入空白关键帧，单击（文本工具），在下面的属性面板中设置“字体”为“黑体”、“字号”为“96”、“颜色”为“黑色”、加粗。在舞台上输入“联想A720”， 对齐方式为相对于舞台水平中齐，垂直中齐。单击第73帧，将“联想A720”换为“强悍配置”，单击第90帧，按F5插入帧。如图4-1-23、图4-1-24所示：

　8.插入新图层，命名为“声音”，单击图层第1帧，单击“文件”→“导入”→“导入到舞台”菜单命令，打开“导入”对话框。选择“子丽丽.wav”“爆炸.wav”、“棍打”声音文件，单击“打开”按钮，在第24帧再次插入“子丽丽.wav”声音文件。单击第51帧，将库中的“棍打.wav ”文件拖入舞台，单击第66帧，将“爆炸.wav”声音文件拖到舞台。如图4-1-22所示：

　图4-1-22

　图4-1-23

　图4-1-24

　电脑配置

　具体步骤：

　1.单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“电脑配置”，“类型”设置为“影片剪辑”，单击“确定”按钮，进入元件的编辑窗口。

　2. 单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“00超薄系列”“00触摸”……“001.65厘米”等位图图片，单击“打开”按钮。按住SHIFT键，在库中将00开头系列图片全部选中，拖入舞台，然后单击右键，选择选择转换为元件，如图4-1-25所示：

　 图4-1-25 图4-1-26 图4-1-27

　3．新建15个新图层，单击图层1 第1帧，将元件1 拖入舞台，对齐方式为水平中齐，垂直中齐。单击第20帧，按F6插入关键帧，在属性面板将Alpha值设为0%，单击第1帧，制作动画补间动画，锁定图层。如图4-1-27所示：

　4. 单击图层2 的第15帧，将元件2拖入舞台，在属性面板将Alpha值设为10%，对齐同上。单击第35帧，按F6插入关键帧，在属性面板将Alpha值设为100%，单击第55帧，按F6插入关键帧，在属性面板将Alpha值设为0%，分别在第15帧、第35帧制作动画补间动画，锁定图层。如图4-1-28所示：

　图4-1-28

　5. 单击图层3 的第50帧，将元件3拖入舞台，在属性面板将Alpha值设为10%，对齐同上。单击第70帧，按F6插入关键帧，在属性面板将Alpha值设为100%，单击第86帧，按F6插入关键帧，在属性面板将Alpha值设为0%，分别在第50帧、第70帧制作动画补间动画，锁定图层。如图4-1-29所示：

　图4-1-29 图层3

　 6 . 单击图层4 的第81帧，将元件4拖入舞台，在属性面板将Alpha值设为10%，对齐同上。单击第105帧，按F6插入关键帧，在属性面板将Alpha值设为100%，单击第121帧，按F6插入关键帧，在属性面板将Alpha值设为0%，分别在第81帧、第105帧制作动画补间动画，锁定图层。如图4-1-30所示：

　图4-1-30 图层4

　7. 单击图层5 的第102帧，将元件5拖入舞台，在属性面板将Alpha值设为10%，对齐同上。单击第122帧，按F6插入关键帧，在属性面板将Alpha值设为100%，单击第142帧，按F6插入关键帧，在属性面板将Alpha值设为0%，分别在第102帧、第122帧制作动画补间动画，锁定图层。如图4-1-31所示：

　图4-1-31图层5

　8.分别单击第6——12图层，按照上述方法，参考下面的示意图，一一制作。

　图4-1-32图层6

　图4-1-33 图层7

　图4-1-34 图层8

　图4-1-35 图层9

　图4-1-36 图层10

　图4-1-37 图层11

　图4-1-38 图层12

　9.单击图层13 的第364帧，将元件13拖入舞台，在属性面板将Alpha值设为10%，对齐同上。单击第384帧，按F6插入关键帧，在属性面板将Alpha值设为100%，在第364帧制作动画补间动画，单击第412帧，按F5插入帧，锁定图层。如图所示

　图4-1-39 图层13

　10.单击图层14 ，单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“录音.wav”“热情的音乐大的.wav”声音文件，单击“打开”按钮，选中第1帧，将“录音.wav.”声音文件拖入舞台，如图所示。单击图层15， 将“热情的音乐大的.wav”声音文件拖入舞台， 如图所示

　图4-1-40 图层14

　图4-1-41 图层15

　独特性能

　具体步骤

　1. 单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“独特性能”，“类型”设置为“影片剪辑”，单击“确定”按钮，进入元件的编辑窗口。

　2. 单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“自由旋转”、“自由旋转1”……“自由旋转14”等图片拖入舞台，将其全部选中，“转换为元件”。

　2.单击插入图层，新建4个图层，单击图层1 的第45帧，将库中的“元件1”“自由旋转”拖入舞台，对齐方式为水平中齐，垂直中齐。单击第56帧，按F6插入关键帧，返回单击第45帧，将图形宽和高都设置为5，对齐方式为水平中齐，垂直中齐，在属性面板选择动画补间动画。

　3.单击图层1 第58帧，按F6插入关键帧，选中图形，在属性面板中点击“交换”按钮，将“元件1”交换为“元件2”，依照此方法，将第60、62、64、66、68、70、72、74、76、78、80、82、84、86、88、90、92、94、96、98、100、102帧的元件转换为“自由旋转1”到“自由旋转14”，在第105帧按F5插入帧。

　4.单击图层2，选中第1帧，选择矩形工具，设置笔触颜色为“无”，填充颜色为“线性”，增加到7个色标，第1、3、5、7个标色为“#FFFF00”，第2、4、6个色标为“#FFFFFF”。在舞台上画“宽”和“高”分别为“510”、“ 211”的矩形，位置坐标为“-771”、“ -91”。单击第45帧，按F5插入关键帧，调整位置坐标为“256”、“-97”，在第1帧制作动画补间动画。

　5.单击图层3，选中第1帧，选择文本工具，设置字体为“黑体”、“字号”为“96”、加粗，输入“联想A720 独特性能”，对齐方式为水平中齐，垂直中齐。单击第45帧，按F5插入帧，选中图层2为遮罩层，如图4-1-42所示：

　图4-1-42 遮罩层

　图4-1-43

　6.单击图层4 ，选中第1帧，将库中的“子丽丽.wav”声音文件拖入到舞台，再单击第24帧，点右键插入空白关键帧，将“子丽丽”声音文件再次拖入舞台。单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“风声.wav”“读龙龙吨.wav”声音文件，单击“确定”按钮。选中第45帧，插入空白关键帧，将“风声”声音文件拖入库中，选中第56帧，插入空白关键帧，将“读龙龙吨.wav”声音文件拖入库中，锁定图层。如图4-1-43：

　图4-1-44 独特性能 图4-1-45 混色器

　电脑影片

　具体步骤：

　1. 单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“电脑影片”，“类型”设置为“影片剪辑”，单击“确定”按钮，进入元件的编辑窗口。

　2. 单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“电脑”、“电脑(1)”……“电脑（186）”等位图图片，单击“确定”按钮。

　3.插入两个图层，分别命名为“图片”图层和“声音”图层，单击“图片”图层第1帧，选择多角形工具，设置笔触颜色为“无”，填充颜色为“#FFFFFF”，在属性面板单击“选项”按钮，选择样式为“星形”，单击“确定”按钮。在舞台上画一个“宽”和“高”都为“1”的五角星，位置坐标为“-51”、“90”。

　图4-1-46

　4.单击第35帧，按F6插入关键帧，将“五角星”删除，选择“文本工具”，属性面板设置字体为“黑体”、字号为“96”、加粗。倾斜。位置坐标为“-180”、“ 81”。单击第1帧，制作形状补间动画。

　图4-1-47 选项框 图4-1-48 图片插入

　5.单击第36帧，插入空白关键帧，将库中的“电脑1”拖到舞台，位置坐标为“-256”、“-24”。

　6.单击第38帧，插入关键帧，单击属性面板“交换”按钮，选择“电脑2”，依照此方法将库中图形“电脑1”到“电脑186”按间隔2帧的规律交换，在405帧插入帧。如图4-1-49所示：

　图4-1-49 交换窗口

　图4-1-50 大概示意图

　7. 单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“联2”声音文件，单击“确定”按钮。单击“声音”图层，选中第1帧，将库中”子丽丽.wav”声音文件拖入舞台，单击第35帧，插入空白关键帧，将“联2.wav”声音文件拖入舞台，在405帧插入帧。

　图4-1-51 声音图层

　最后结尾：

　具体步骤“

　单击“插入”→“新建元件”菜单命令，打开“创建新元件”对话框，在“名称”中输入“最后结尾”，“类型”设置为“影片剪辑”，单击“确定”按钮，进入元件的编辑窗口。

　插入5个新图层，分别命名为“标志”、“地址”、“打字声”、“联想结束”、“声音”。单击“标志”图层的第1帧，复制影片剪辑元件“电脑开场”中的“光束”第51帧到第54帧，单击右键粘贴帧，第1帧位置坐标为“-962”、“10”，单击第4帧，坐标位置为“-297”、“-5”。单击第6帧，选择文本工具，在属性面板设置字体为“Arial Black”、字号为“96”、加粗，倾斜。输入联想标志“Lenovo 联想”，单击第4帧，制作形状补间动画，单击第76帧插入帧。

　单击地址图层，选中第1帧，将库中的“激光声“拖入舞台，单击第27帧，选择文本工具，在属性面板设置为字体“黑体”、字号“44”、加粗。输入“临县刘家会联方科技”。

　单击“修改” →“分离”,分别在第29、31、33、35、37、39、41、43帧插入关键帧，返回单击第27帧，删除“县刘家会联方科技”，单击第31帧，删除“刘家会联方科技”，单击33帧，删除“家会联方科技”……在第41帧，删除“技”，在第76帧插入帧。如图所示：

　图4-1-52 最后效果图

　单击打字声图层，选择第27帧，单击“文件”→“导入”→“导入到库”菜单命令，打开“导入”对话框。选择“COIN.wav”“刘家会.wav”“结束声音.wav”声音文件，单击“确定”按钮，将“COIN”声音文件拖入舞台，再分别单击第33帧、第39帧，插入“COIN”声音文件，在第76帧插入空白关键帧。

　单击“联想结束”图层，选择第1帧，将库中的“刘家会”声音文件拖入舞台，在第76帧插入空白关键帧。

　单击“声音”图层，选择地3帧，将库中的“结束声音”声音文件拖入到舞台，在第76帧插入空白关键帧。如图所示：

　图4-1-53 最后时间轴

　第五章 作品合成与发布

　单击“文件”→“发布设置”菜单命令，在弹出的“发布设置”对话框中选择“Windows放映文件（.exe）”复选框，如图5-1-46所示，单击“确定”按钮，从而将文件输出为可执行的程序文件。

　5-1-1 “发布设置”对话框

　设计总结

　通过这次图形图像处理项目综合设计，我对Flash软件的熟悉程度有了很大的转变，从以前的“等等待待”到现在轻车熟路的运用，“质”和“量”都有所提高。从中我也认识到，一些动画效果并不需要特别复杂的操作和代码，只要能掌握对帧和画面的控制方法和技巧，简单的命令也能够做出效果绚丽的动画。

　这次项目设计，我没有来得及运用所有学到的知识，还有许多等待完善的地方。比如，可以在电脑影片播放时制作菜单按钮，为按钮文字制作文字特效，或者为按钮制作变色的背景，也可以添加音效，从而使按钮在广告宣传中更有动感。由此，我想到，只要能灵活的运用帧的控制欲播放、影片剪辑，不需要复杂的动作代码也能够做出惊人的效果。

　总之，通过这次动画设计，使我深深地感觉到了自己在专业认识上的欠缺和不足，自己的很多地方都急需挖掘和深化，今后我一定注重培养自己的审美情操，加强审美观的培养，多加开拓自己的视野，使自己的创新意识不断的得到加强，对FLASH更是要继续不断的深化学习。FLASH是一个功能强大的动画创作工具，仅仅掌握一些表面知识是远远不够的，只有在实践中不断探索和总结，并且不断激发自己的想像力和创意，才能逐步提高自己的创作水平，进而制作优秀的作品。动画做的不是很完美，制作过程并不复杂，我相信，只要我细心揣摩，就能够应用自如，并在此基础上进一步学习、温习、练习，提高Flash动画制作水平。

　最后，我要感谢这段时间以来，对我孜孜不倦教诲的三位随堂老师，是他们带我从枯燥无味的课堂转换到充满乐趣的气氛当中，是他们教会我如何自己寻求乐趣、自己如何创造乐趣、自己如何保存乐趣，在此，我衷心的感谢三位老师，祝他们在以后的教学生涯里平步青云，飞黄腾达！

　限于本人水平，书中的不足和疏漏之处在所难免，恳请老师和同学给予批评指正。

　参考文献

　[1]殷虹 郝琨 刘东明 刘卉 《FLASH 动画制作（第二版）Flash 8》中国铁道出版社

　2009年1月

　[2]马建宏 《趁火打劫》动作动画 2013年6月

　 图1 库