完整版Flash广告的设计与实现毕业设计Word下载.docx
- 文档编号:22686594
- 上传时间:2023-02-05
- 格式:DOCX
- 页数:29
- 大小:2.81MB
完整版Flash广告的设计与实现毕业设计Word下载.docx
《完整版Flash广告的设计与实现毕业设计Word下载.docx》由会员分享,可在线阅读,更多相关《完整版Flash广告的设计与实现毕业设计Word下载.docx(29页珍藏版)》请在冰豆网上搜索。
第1章绪论
就在广告行业发展的如火如荼的今天,很多广告人都在找寻广告的新发展,动画制作的出现,令广告的形式更加多样,现在我们打开电视机,就会看到很多广告形式,其中有一种最为让大家注意的,那就是动画制作广告,动画制作的广告一般比较贴近生活,尤其是一些母婴用品或者是生活用品,动画的加入令广告更加的活泼可爱,也更加能够吸引别人的注意,令观众留下更深刻的印象。
Flash在中国的发展经历了十几年的时间,起初只是一些爱好者出于个人兴趣制作的Flash作品,传到网上以供网民浏览,因为更多的人喜好这种表现形式,以及商家对网络发展态势的看好,早期的那些创作者开始承接商业广告。
自此,Flash广告的制作逐渐兴盛。
1997年Flash开始出现在中国,Flash是一个技术门槛比较低,开发成本也相对比较低的优秀软件。
它让不少业余爱好者很快能够加入到创作者的行列中来。
最初的Flash动画制作,大部分人的作品“不堪卒睹”,完全处于一种自娱自乐的状态中。
但是因为其中有不少人曾经擅长图像、动画等的制作,他们慢慢的成长为优秀的Flash的创作者。
逐渐的一些比较优秀的创作脱颖而出。
国外大量的优秀Flash动画在国内迅速传播,因其不少作品很符合大众口味。
而且Flash这种新颖的便于网络传播的形式,喜好Flash动画的观众数量积聚增加。
一项由某著名品牌发起的最新网上调查表明,Flash网络动画已成为越来越多上网族的最爱。
在“你认为什么是最酷”的提问中,Flash名列众多答案的榜首,另有半数以上的被调查者认为Flash是网络时代新潮一族的至酷标志。
调查还发现,83%的人对Flash有相当了解,其中更有超过“三分之一”的人自己制作过Flash,而93%的人愿意尝试自己学做Flash。
在商业领域,因为Flash的网络传播性,画面的可塑性。
很快成为了企业或商家们都喜好的网络展示形式,用于他们的商业站点,产品展示,乃至会议演示,都有Flash的踪影。
本文将通过下面的广告设计制作过程来介绍说明flash动画制作的基本操作和功能。
第2章Flash广告设计的总体方案
2.1总体方案规划
要制作出一个出色的Flash动画作品,应该用心把握每个环节,其制作过程大致可分为以下几个步骤。
2.1.1前期策划
在制作动画之前,应首先明确制作动画的目的、知道动画的最终效果应达到什么样的效果和反响、动画的整体风格应该以什么为主及应用什么形式将其体现出来。
在制定了一套完整的方案后,就可以为要制作的动画做初步的策划,包括动画中出现的人物、背景、音乐及动画剧情的设计、动画分镜头的制作手法和动画片段的过渡等构思。
2.1.2搜集素材
完成了前期策划之后,应开始对动画中所需素材进行搜集与整理。
搜集素材时应注意不要盲目地搜集一大堆,而要根据前期策划的风格、目的和形式来有针对性地搜集素材,这样就能有效地节约制作时间。
2.1.3制作动画
创作动画中比较关键的步骤就是制作Flash动画,前期策划和素材的搜集都是为制作动画而做的准备。
要将之前的想法完美地表现出来,就需要作者细致地制作。
动画的最终效果很大程度上取决于动画的制作过程。
2.1.4后期调试与优化
动画制作完毕后,为了使整个动画看起来更加流畅、紧凑,必须对动画进行调试。
调试动画主要是针对动画对象的细节、分镜头和动画片段的衔接、声音与动画播放是否同步等进行调整,以此保证动画作品的最终效果与质量。
2.1.5测试动画
制作与调试完动画后,应对动画的效果、品质等进行检测,即测试动画。
因为每个用户的电脑软硬件配置都不尽相同,而Flash动画的播放是通过电脑对动画中的各矢量图形、元件等的实时运算来实现的,所以在测试时应尽量在不同配置的电脑上测试动画。
然后根据测试后的结果对动画进行调整和修改,使其在不同配置的电脑上均有很好的播放效果。
2.1.6发布动画
Flash动画制作的最后一步就是发布动画,用户可以对动画的格式、画面品质和声音等进行设置。
在进行动画发布设置时,应根据动画的用途和使用环境等进行设置,以免增加文件的大小而影响动画的传输。
2.2相关理论与技术基础
Flash是美国Macromedia公司推出的一款经典二维动画制作软件,目前使用相当广泛。
它对动画制作者的要求不高,而且简单易学,效果流畅生动,画面风格多变,因此在动画制作领域受到广大用户的青睐和好评。
2.2.1Flash动画基本原理
在学习动画设计之前.首先要解决一个向题,也就是动画到底是什么?
事实上,一系列静态的画面连续快速播放就构成了动画。
动画与电影一样都是利用人眼的视觉暂留来产生动态的感觉。
在Flash中通常把动画叫做电影(movies),二者的概念是相似的,也就不作区分了。
以前制作的动画都是通过由一幅幅静止的相关画面快速地移动,使人们在视觉上产生运动感觉的,而Flash动画由矢量图形组成,通过这些图形的运动,产生运动变化效果。
它是以“流”的形式进行播放,在播放的同时还能自动将后面部分文件下载,实现多媒体的交互。
动画中每一张静态的画面被称为“帧”(Frame)。
动画播放的速率正是由每秒播放多少帧来决定的,也就是fps(FramePerSecond帧秒)。
在计算机上常见的动画速率一般使用8-12帧秒,尤其在网络上播放的动画更不要把帧速设定得太高。
如果设得太高,会造成网络频率来不及配合输送足够的影音数据,电影的播放将时断时续。
Flash动画是许多帧按顺序排列而成的。
Flash利用了计算机强大的计算功能,采用了一种叫做“关键帧”(keyframe)的技术,大大减少了动画设计的工作量。
下面就来谈谈这个重要的概念—关键帧。
所谓关键帧也就是该影帧中的内容与先前影帧中的有很大的区别,因而它呈现出关键性的动作及内容的变化。
比如,在某一帧以前没有任何物体,而到了这一帧,动画中突然出现了A物体,就应该把这一帧指定为关键帧。
如果设计中要求用10帧来表现A物体从出现的地方挪到另一处地方的过程,就需要再在第10帧后加入一个关键帧,指示它最后所在的位置,中间的帧相对于关键帧来说就是普通的帧,通过很简单的操作就可以让计算机利用内插法自动计算得出各影帧中的内容,而无需一笔一笔地把它们逐一画出来。
在现代信息化的社会中,人们喜欢在网上完成工作、搜集信息与交流。
打开任意一个网站,常常会看到各种动画广告条;
想听音乐,网上有Flash制作的各种MTV由你选择,还有电视上的一些广告也是用Flash制作的。
从搞笑动画到MTV、从广告到游戏、从网页到多媒体课件、从贺卡到影视片头,Flash的身影无处不在。
2.2.2Flash动画常用领域
想听音乐,网上有Flash制作的各种MTV由你选择,如《忍者》、《你最红》等;
还有电视上的一些广告也是用Flash制作的。
2.2.3Flash动画的文件格式
1.swf格式:
在安装了Flash程序的电脑中可以播放,Flash影片的扩展名是swf。
2.fla格式:
源程序文件。
3.exe文件:
可执行文件,可以在没安装Flash程序的电脑中播放。
2.3开发工具
Flash8.0工作界面简介。
2.3.1编辑界面
当首次启动flash8软件时会出现一个开始页,单击“创建新项目”栏目下的“flash”文档按钮,便进入flash8的编辑界面(又称操作界面),以后再打开flash8软件就会直接进入此界面。
如图2-1所示。
图2-1编辑界面
2.3.2图层区时间轴
图层与时间轴二者密不可分,通常被称之为时间轴,是flash动画编辑制作的基础,是用以创建不同类型动画效果和控制动画的播放预览。
时间轴上的每一个小格为帧,是flash动画制作的最小单位,图像在帧上的连续不同的变化便构成了动画。
图层区时间轴的详细构成,如图2-2所示。
图2-2图层区时间轴
2.3.3绘图工具箱
绘图工具箱是FLASH8软件中重要面板,其中含有制作动画必不可少的工具。
它主要包括绘制和编辑矢量图的各种操作工具,主要由绘图,色彩,查看和选项等工具,以用于进行矢量图形的绘制和编辑。
如图2-3所示。
图2-3绘图工具箱
2.3.4属性面板
属性面板可以显示所选对象的基本属性,并且可以通过属性面板对所选中的对象进行修改或编辑,因而可以提高动画制作的效率和准确性。
当选中不同制作对象时,相关的属性面板可以显示出相应的选项及属性值。
我们在动画制作中常用的属性面板主要有以下几种:
如图2-4~2-8所示。
图2-4文档属性面板
图2-5帧属性面板
图2-6文本属性面板
图2-7形状属性面板
图2-8图形属性面板
第3章Flash广告的详细设计
本人设计的是一个美国巧克力豆品牌M&
M'
s,2004年,M&
s被评为美国最受喜爱的广告标志。
M&
s的广告语“只溶在口,不溶在手”也被广告周刊评为2004全美第一广告名句。
1941年,M&
s牛奶巧克力正式诞生。
之前在电视上看了M&
s的广告,大意是通过男人和M&
s巧克力豆的对话,体现了M&
s的顽皮和倔强,趣味性很强,看完之后,我打算也给M&
s巧克力豆做一个广告。
3.1图片素材的准备
首先,在网上收集了一些M&
s的有趣图片,还有M&
s不同样式的标志,都非常经典。
需要以下几个步骤来截取:
1.把巧克力豆的卡通形象用Photoshop的背景橡皮擦工具把我不需要的部分擦掉,有些擦的不彻底的地方可以使用橡皮擦工具进行擦除。
例如蓝豆背景的擦除。
如图3-1所示。
图3-1Photoshop背景橡皮擦工具擦除蓝豆背景
2.可以看出有些所需要的部分也被背景橡皮擦擦掉,下面就要用到Photoshop中的吸管工具,来把擦掉的部分填补完整,例如蓝豆的填补。
如图3-2所示。
图3-2Photoshop吸管工具填补蓝豆
3.用Photoshop中裁切工具将擦出的图形截取出来,例如蓝豆的截取。
如图3-3所示。
图3-3Photoshop裁切工具截取蓝豆
4.保存格式为.png,如果保存其他格式会出现白色背景。
按照这样的方法,把所需要的图片素材都截取下来备用。
3.2绘制影片所需元件的制作
我的设计中需要用到一个由26个英文字母和若干功能键来组成一个打字键盘,下面来讲解一下键盘的绘制。
3.2.1键盘的绘制
1.新建flash空白文档,笔触颜色设置为透明,填充颜色设置为红色,选择椭圆工具,按住Shift键绘制圆形。
如图3-4所示。
图3-4绘制圆形
2.按住Ctrl键,拖动圆形进行复制,并根据需要填充颜色。
如图3-5所示。
图3-5圆形的复制及颜色填充
3.将26个英文字母和功能键的文本输入到每个圆形的中心位置,并把每一个圆形连同中心位置的文本转化为元件。
如图3-6所示。
图3-6添加文本及元件的转化
4.将制作好的图形元件按照键盘实物的顺序拼接成键盘形状。
如图3-7所示。
图3-7键盘的拼接
这样,键盘就绘制完整了。
3.2.2电脑显示器及鼠标的绘制
1.新建flash空白文档,将笔触颜色设置为黑色,填充颜色设置为透明,选择矩形工具,打开属性面板,将笔触粗细修改为3,在舞台空白区域绘制两个长方形。
如图3-8所示。
图3-8显示器长方形的绘制
2.选择椭圆工具,按住Shift键绘制两个小圆,作为显示器的开关。
如图3-9所示。
图3-9显示器开关的绘制
3.选择椭圆工具,绘制出鼠标大体形状,选择任意变形工具,将绘制的鼠标大体形状旋转至合适位置,再选择线条工具绘制鼠标与主机连接的电线和鼠标上面的键。
如图3-10所示。
图3-10鼠标的绘制
4.如图3-10所示,鼠标的电线比较僵直,所以我们要将这条直线弯曲一点,单击选择工具,让光标靠近直线,待光标出现圆弧形状,点击直线,拖拽出想要的弧度,如图3-11所示。
图3-11直线弯度的改变
把显示器和鼠标选中并转化为元件,这样,显示器和鼠标就做好了。
3.2.3圆圈背景的绘制
1.新建空白文档,将笔触颜色设置为透明,填充颜色设置为蓝色,选择椭圆工具,按住Shift键绘制圆形。
如图3-12所示。
图3-12蓝色圆形的绘制
2.将填充颜色设置为黄色,笔触颜色不变,绘制黄色圆形,与蓝色圆形在底部内切。
如图3-13所示。
图3-13黄色圆形的绘制
3.重复上面两个步骤,绘制圆圈背景,并转化为元件。
如图3-14所示。
图3-14圆圈背景的绘制
这样,圆圈背景就绘制完毕了。
3.2.4巧克力豆的绘制
新建空白文档,用绘制键盘中圆圈的方法,绘制五种颜色的巧克力豆,并在中心位置输入文本“m”,转化为元件。
如图3-15所示。
图3-15巧克力豆的绘制
3.3广告的制作过程
3.3.1开场的制作
1.新建flash空白文档,把所要用的素材全部导入到库,修改图层名称“开场图标”。
第一帧插入素材。
如图3-16所示。
图3-16开场图标素材
2.插入图层“五豆”,在第二帧插入关键帧,把元件蓝豆导入到舞台,摆放到合适的位置,分别在10,20,30,40帧插入关键帧,把橙、红、黄、绿豆分别拖到关键帧,然后延长帧到140帧。
如图3-17所示。
图3-17在关键帧插入五豆
3.插入图层“文字”,在52帧插入关键帧,输入文本“看起来很熟悉吧?
”,分别在63帧和74帧插入关键帧,输入文本“没错”、“我们就是m&m牛奶巧克力豆”。
如图3-18所示。
图3-18插入文本
4.插入图层“键盘”,在第88帧插入关键帧,把键盘元件导入到舞台,在140帧插入关键帧,把键盘拖到适当的位置,创建补间动画。
如图3-19所示。
图3-19键盘补间的创建
这样,开场的制作就完成了。
3.3.2巧克力豆简介的制作
1.新建图层“电脑”,在142帧插入关键帧,把键盘元件导入到舞台合适位置,在166帧插入关键帧,拖动键盘到合适位置,创建补间动画,延长帧到513帧。
2.插入图层“打字”,在第166帧插入关键帧,把显示器和鼠标元件导入到舞台适当位置,延长帧到513帧。
如图3-20所示。
图3-20插入显示器和鼠标
3.插入图层“百科”,在第176帧插入关键帧,输入文本,在第186帧插入关键帧。
4.分别插入图层“问题1”、“问题2”、“问题3”,从第188帧开始,把有关巧克力豆的三个问题和答案的文本形式分别输入到三个图层。
如图3-21所示。
图3-21巧克力豆百科问题的输入
这样,巧克力豆简介的制作就完成了。
3.3.3结尾的制作
1.在“问题3”图层第514帧插入关键帧,导入素材图片到舞台,并输入巧克力豆网址的文本,延长帧到563帧。
如图3-22所示。
图3-22网址的输入
2.插入图层“妙趣”,在第564帧插入关键帧,导入素材到舞台并输入文本,延长帧到602帧。
3.分别插入图层“兰”、“咖”,在第566帧插入关键帧,并导入巧克力豆包装素材到两个图层,在第581帧插入关键帧,把素材拖动到合适位置,分别创建补间动画,延长帧到602帧。
如图3-23所示。
图3-23产品展示
4.插入图层“碗”,在第603帧插入关键帧,把元件“圆圈背景”和所需素材导入到舞台适当位置,延长帧到648帧。
5.插入图层“文字”,在第619帧插入关键帧,绘制对话气泡并输入文本,延长帧到648帧。
这样,结尾的制作就完成了。
第4章Flash广告设计的特效实现
4.1创建影片剪辑
本次设计共有两处使用了影片剪辑。
4.1.1敲击键盘
1.用键盘来打出巧克力豆的有关介绍,单击插入—新建元件,元件名称“键盘打字效果”,选择“影片剪辑”,单击确定。
如图4-1所示。
图4-1新建影片剪辑元件
2.修改图层名称“点击”,在图层中导入元件“键盘”,分别在3、6、9、12、15、18帧插入关键帧,并分别绘制与键盘圆形大小相等的圆覆盖到键盘上。
如图4-2所示。
图4-2圆形的覆盖
3.插入图层“手”,在第一帧拖入图片素材,并延长帧到18帧。
如图4-3所示。
4-3“手”的插入
这样,键盘打字效果的影片剪辑就制作完成了。
在打字图层的第166帧插入“键盘打字效果”影片剪辑。
4.1.2蓝豆眨眼
新建“大兰”影片剪辑元件,在第一帧插入蓝豆的图片素材,在第5帧插入关键帧,拖入蓝豆闭眼的图片素材,创建补间动画。
如图4-4所示。
图4-4蓝豆闭眼
这样,蓝豆闭眼的影片剪辑就制作完成了。
在“大兰”图层的第617帧插入“蓝豆闭眼”的影片剪辑。
4.2创建按钮元件
插入按钮元件可以控制影片的播放和停止,本次设计一共创建了两个按钮元件,一个是播放,一个是重播。
1.播放按钮元件实现
首先,从网上下载的播放按钮的素材导入到“开场图标”图层第一帧的合适位置,然后给第一帧添加停止代码,右击第一帧,选择动作,出现动作属性面板,在全局函数中,双击“stop”,代码,这样,给第一帧添加的停止代码就完成了。
其次,要给播放按钮添加播放代码,右击播放按钮,选择动作,出现动作属性面板,输入代码:
on(release){
gotoAndPlay
(2);
}
就可以了,小括号中的“2”,是从第二帧开始播放的意思。
这样,影片播放的控制就完成了。
2.重播按钮元件的实现
把从网上下载的重播按钮的素材导入到“文字”图层的第648帧,像上文一样给第648帧添加停止代码。
给重播按钮添加动作的步骤跟播放按钮的步骤是一样的,输入的代码也是一样的。
这样,控制播放的按钮就完成了。
4.3引导层的应用
1.插入图层“路径”,在第604帧插入关键帧,选择线条工具绘制若干条直线,延长帧到617帧。
单击选择工具把每条直线拖动至相应的弧度,依次插入巧克力豆的图层,让元件中心的圆点和直线的端点接触,依次在616帧附近插入关键帧,把巧克力豆拖动的凹相应的位置并创建补间动画。
如图4-5所示。
图4-5引导层
4.4音效的剪辑
音乐是Flash中不可缺少的部分,它会使影片不只在视觉上带来美,还会在听觉上带来享受。
我选择了《甩葱歌》的前奏来作为开场的音乐,因为比较欢快,跟我做的设计主题比较符合,场景中还出现了键盘打字的效果,还有后面夸张的笑声,都是从网上找到的音效。
我要把它们合到一段音乐中,使用了coolpro音乐制作软件,要算出秒数,然后加入空白时间来实现,剪辑出来还算满意。
插入图层“音乐”,我要从第二帧开始播放,所以在第二帧插入关键帧,再在第648帧插入关键帧,把音乐导入
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 完整版 Flash 广告 设计 实现 毕业设计