柳絮飞 2007-8-6 16:14
15期《深入揭秘!Flash广告制作很简单》完整彩图版
[size=6][b][color=Red]深度揭秘!Flash广告制作很简单[/color][/b][/size]
如今网络上的广告几乎都是Flash形式,打开网站,网页上飘动着Flash广告,登陆上QQ,常会弹出声画并茂的Flash广告……。那么Flash制作广告是不是很难呢?今天我们就来解密炫目Flash广告制作的全过程,你会发现原来如此简单。读完本文,您也可以成为Flash广告设计师。
实例:星光大道,百变S.H.E!
本例是虫虫曾在搜狐网看到的关于S.H.E专辑的广告,可惜找不到当时的页面了,大家可以看看源程序中的效果。还算比较眩目吧?呵呵……牛皮少吹,废话少说,开始制作吧。
第1步:准备好相应素材(S.H.E的一张图片和歌曲SuperStar.MP3),启动Flash8.0,按Ctrl+J设置动画尺寸为400×400,背景色为白色;插入四个新图层,从下至上依次取名为:背景、阴影、S.H.E、文字;最后将素材导入到Flash的库中。
第2步:按Ctrl+F8出现对话框,选择“图形”类型,名称为“背景”,单击“确定”进入元件编辑状态;单击工具箱中的“矩形”工具,绘制一个300×50的无边框矩形,位置为-300(X)和-25(Y);单击“选择”工具,在舞台的空白处单击,然后将鼠标移动到矩形的右上角,此时光标会发生改变,稍微向下移动鼠标,矩形的形状会发生改变;再次将光标移动到右下角,然后稍微上移鼠标,这样矩形就成了梯形(如图1)。
[url=http://img.blog.163.com/photo/lFZtdYSgdvVZL6LIHpfYtw==/475129760688618319.jpg][img]http://img.blog.163.com/photo/lFZtdYSgdvVZL6LIHpfYtw==/475129760688618319.jpg[/img][/url]
小提示:
矩形的尺寸和位置,可以单击舞台下方的“属性”按钮进行设置,默认情况下宽和高是成比例改变的,单击宽和高前面的“锁”形标记即可解除限制。
第3步:点选梯形,按Shift+F9键打开混色器,选择类型为“线性”,单击左侧颜色块,设置颜色为天蓝色(#00CCFF),单击右侧的颜色块设置为白色(#FFFFFF),这样就制作出渐变色梯形;单击工具箱中的“任意变形工具”,此时在梯形上可以看到中心点,将这个中心点移动的梯形的右侧(如图2)。
[url=http://img.blog.163.com/photo/q45vbcs6M8rdGKmdn9atew==/484136959943373402.jpg][img]http://img.blog.163.com/photo/q45vbcs6M8rdGKmdn9atew==/484136959943373402.jpg[/img][/url]
小提示:
元件的中心点很重要,元件在旋转或缩放时,都是围绕中心点进行的。
第4步:点选梯形,按Ctrl+T打开变形面板,选择“约束”选项,并且数值都为100%,在“旋转”中输入“20度”,然后连续单击“复制并应用变形”按钮17次,这样就制作出环形背景(如图3);最后单击“时间轴”上的“场景1”按钮回到主场景中。
[url=http://img.blog.163.com/photo/9ps0qC9NTldggOyp7NAdJQ==/429812289439738158.jpg][img]http://img.blog.163.com/photo/9ps0qC9NTldggOyp7NAdJQ==/429812289439738158.jpg[/img][/url]
第5步:单击“背景”层的第1帧,然后打开库,将其中的“背景”图形拖放到舞台上,单击“属性”按钮设置宽600、高400、X为-100,Y为-200;单击100帧,按F6键插入关键帧;点选第1帧,然后单击“属性”按钮,“补间”为“动画”,“旋转”为“逆时针20次”(图4)。
[url=http://img.blog.163.com/photo/8IkohXO2in3wedIaAVbnKw==/475129760688618354.jpg][img]http://img.blog.163.com/photo/8IkohXO2in3wedIaAVbnKw==/475129760688618354.jpg[/img][/url]
小提示:
舞台和图形的坐标原点都是中心点,坐标由于“背景”图形的宽和高是600,舞台的宽和高是400,所以要想让“背景”图形的中心点与舞台中心点重合,“背景”图形的X和Y坐标必须是-100。
第6步:按Ctrl+F8创建一个名为“S.H.E”的影片剪辑,然后将库中的S.H.E图片拖放到舞台上;点选图片,按Ctrl+B打碎图片,单击工具箱中的“套索”工具,再在工具箱下方的选项中选择“魔术棒”,分别单击图片的蓝色背景后删除(如图5),最后单击“场景1”按钮返回主场景。
[url=http://img.blog.163.com/photo/zIminVJxU5VR4ZxDjlOjeA==/424182789906175100.jpg][img]http://img.blog.163.com/photo/zIminVJxU5VR4ZxDjlOjeA==/424182789906175100.jpg[/img][/url]
小提示:
“套索”工具中的“魔术棒”,功能类似于于Photoshop中的魔术棒,可以选取相同的色块,并且可以设置颜色的相似度,从而选取颜色相差不大的部分。
第7步:单击“S.H.E”图层第1帧,将“S.H.E”影片拖放到舞台上,单击“属性”按钮设置宽为140,高为160,X为130,Y为20;使用“任意变形工具”将影片的中心点拖放到下边中点处;单击舞台下方的“滤镜”按钮,然后单击“+”按钮选择“投影”,然后设置“模糊”为8,颜色为蓝色(如图6)。
[url=http://img.blog.163.com/photo/WmwfpLI-TmIgmgOJvkyX_g==/443323088321838607.jpg][img]http://img.blog.163.com/photo/WmwfpLI-TmIgmgOJvkyX_g==/443323088321838607.jpg[/img][/url]
小提示:
“滤镜”工具虽然不多,但是可以很方便的制作一些阴影、发光、描边效果,不过在输出时动画时一定要发布成“Flash Player8”版本,否则加了滤镜效果的元件将不能显示。另外滤镜只能用在影片剪辑、按钮和文本上,如果要在图片上使用滤镜,必须先将其转换成影片剪辑。
第8步:点选第30帧,按F6键插入关键帧;单击第1帧,点选“S.H.E”影片,单击“属性”按钮,设置宽为14,高为16,X为193,Y为192,选择“颜色”下的“Alpha”,设置数值为10%;最后将“补间”设置为“动作”,这样就形成了由小到大,从无到有的出场效果。
第9步:从第30帧开始,每隔5帧按F6键插入关键帧,点选第40帧中的“S.H.E”影片,单击“属性”按钮,将“混合”设置为“变亮”,点选第45帧中的影片,将“混合”设置为“减去”,点选第50帧的影片,单击“滤镜”按钮,选择“隐藏对象”,并加上“发光”滤镜……通过修改属性和加上滤镜的方法,根据需要改变其他帧的影片效果,从而制作出不断变化的S.H.E影片(如图7);最后在95帧至100帧创建一个缩小并消失的影片离场效果。
[url=http://img.blog.163.com/photo/1Pq5GWQ-117kjnaNYclMqg==/475129760688618436.jpg][img]http://img.blog.163.com/photo/1Pq5GWQ-117kjnaNYclMqg==/475129760688618436.jpg[/img][/url]
小提示:
“属性”选项的“混合”中可以实现多种图像特效,选择“颜色”下的“高级”,可以对调整影片剪辑的颜色,这样都可以方便的改变同一元件的颜色,无须重新制作。
第10步:单击“阴影”层第1帧,将“S.H.E”影片拖放到舞台中,选择菜单“修改→变形→垂直旋转”将影片倒转,然后给影片加上“投影”滤镜,颜色为黑色,并且将其透明度设置为70%;使用“任意变形工具”,稍微让影片扭曲,形成阴影效果(如图8);最后在第30帧按F6键,制作阴影从无到有,由小到大的动画效果。
[url=http://img.blog.163.com/photo/GlA4s4usTz_AiSFWUsFlYQ==/424182789906175176.jpg][img]http://img.blog.163.com/photo/GlA4s4usTz_AiSFWUsFlYQ==/424182789906175176.jpg[/img][/url]
第11步:在“文字”层的第35帧输入文字“S.H.E和《SuperStar》”;单击“属性”按钮设置字体字号颜色,并在链接栏中输入关于S.H.E的网站(如图9),这样在播放动画时单击文字就可以打开相应的网站;在第45帧按F6键,创建文字由下而上的运动入场效果;在95至100帧创建一个文字放大位于舞台中央的动画效果。
[url=http://img.blog.163.com/photo/4nNKqw07onUpvVW4ml-cIw==/434878839020525560.jpg][img]http://img.blog.163.com/photo/4nNKqw07onUpvVW4ml-cIw==/434878839020525560.jpg[/img][/url]
第12步:右击“阴影”层选择 “插入文件夹”,取名为“星星”,然后插入图层“星星1”、“星星2”……,并将其拖放到“星星”文件夹下(如图10)。
[url=http://img.blog.163.com/photo/2DuYS2lVFV9aShw6yMvZew==/445011938182747814.jpg][img]http://img.blog.163.com/photo/2DuYS2lVFV9aShw6yMvZew==/445011938182747814.jpg[/img][/url]
小提示:
图层文件夹可以很好的对图层进行分类,当制作较大的Flash作品时,最好对图层进行分类管理,这样便于后期修改。
第13步:插入一个名为“星星”的影片剪辑,按住工具箱中的“矩形工具”不放出现菜单,然后选择“多角星形工具”,单击“属性”按钮,再单击“选项”后出现对话框,选择“样式”下的“星形”(如图11),最后在舞台上拖动鼠标即可绘制出五角星。
[url=http://img.blog.163.com/photo/WP_O-AVB-S6mtx4QuwAAdQ==/432064089254071304.jpg][img]http://img.blog.163.com/photo/WP_O-AVB-S6mtx4QuwAAdQ==/432064089254071304.jpg[/img][/url]
第14步:回到主场景中,单击“星星1”图层的第1帧,将“星星”影片剪辑拖放舞台上,在第1至30帧之间创建星星从舞台中央淡出并放大,然后移动到舞台外的动画;在星星系列的图层中,主要是制作星星从舞台中央飞出舞台,实现众星捧月的效果。最后插入一段《Super Star》的Mp3,这样一个广告就制作完成了(如图12)。
[url=http://img.blog.163.com/photo/oM0ylKy5r7WAI8VL0orEPQ==/434878839020525573.jpg][img]http://img.blog.163.com/photo/oM0ylKy5r7WAI8VL0orEPQ==/434878839020525573.jpg[/img][/url]
小提示:
由于要制作出许多星星飞出的效果,所以工作量稍大。我们可以选中已经制作的帧,然后右击选择“复制帧”,再插入图层右击选择“粘贴帧”,最后调整一下星星的位置和颜色,即可大幅度减小工作量。
点评:
从本例不难看出,网络上那些眩目的Flash广告在制作上并没有太大的难度,对技术的要求并不高,我们只要做好前期的策划、后期的美工,再加上一点创意,精品Flash广告就诞生了。
℡語無倫次ゞ 2007-8-9 10:06
:m06: :m06:
素材链接失效了
[url]http://work.newhua.com/cfan/200715/super.rar[/url]
huill2 2008-2-9 12:55
楼主:
为什么素材不行de
强烈要求恢复[url]http://work.newhua.com/cfan/200715/super.rar[/url]