收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
制作网站banner广告条         ★★★
制作网站banner广告条
作者:佚名 文章来源:原创 点击数:1438 更新时间:2011-4-10 2:16:24

课程素材:

很多网站用FLASH来做网站的广告窗,网页制作里也离不开这样的效果。今天简单的做一个试试,教程过几天我写上,原文件和相关素材先提供给同学们。。。。

本课知识点:帧帧动画,遮照效果的运用,GIF动画转换为影片剪辑,SWF红头文件做为库打开变成影片剪辑元件调用。

FLASH制作关键是在制做之前,要有一个清新的设计思想,和总体的制作轮廓。然后结合你平时不断积累的制作方法和技巧。这样你就会清晰明了的制作出作品。那么这其中好的制作习惯也同样使你思维清晰。好的我们来看一下,这个广告的制作过程。。。

第一步:组建文档

1,打开FLASH MX新建一个文档,尺寸设为500X150,颜色默认。点窗口面板—打开库,在库面板里新建六个文件夹,分别命名为:地球夹,广告夹,幻影字夹,图片夹,网址夹,星闪夹。

2,将我提供的素材包里星闪烁.fla做为库打开,方法点文件—做为库打开—硬盘里找到你解压缩后的星闪烁.fla,这样我们的库里就有了三个星闪烁的文件,请你把它们拖如库面板的星闪文件夹里。

3,导入制作时需要的图片,点文件—导入到库,找到你解压后的三个图片素材,123.swf 124.swf 125.gif,同样将这三个素材图片在库面板里拖入到图片夹里。

第二步:效果制作

一,幻影字的制作

1,新建图形元件,名为字,第一帧选中工具栏里的文本工具,属性面板设置字体为华文彩云,字号40,字的间距设置为10,写闪客启航四个字。然后全居中。

2,新建影片剪辑元件,名为字的变化,第一帧库从里拖出字的元件,全居中。2到20帧分别F6插入关键帧,21祯F7插入空白关键帧。接下来艰苦的工作过程等待你仔细的完成。

a, 选中第二帧,选修改—变形—缩放与旋转。在跳出来的面板里在缩放里输入110点确定。(方便的方法是ctrl+alt+s调出面板在缩放里输入110值回车)同样方法选中第3帧调出缩放与旋转面板在缩放里输入数值120,4到20帧同样方法,就是每帧增加10倍。这样闪客启航四个字从第二帧成十倍一点点整体放大。

b,还是选中第二帧,在选中场景里的闪客启航属性面板里调整其alpha值为95%。同样方法,第三帧调整其alpha值为90%.4到20帧同样的方法,使其每帧减少5个透明度。

这两步工作要仔细。千万不要粗心大意,否则不会有效果。新建一层,21帧F7空白关键帧点开动作面板输入动作语句stop();

3, 新建影片剪辑元件,名为幻影字,新建五个图层,图层1的20帧插入关键帧。从库里拖出字的变化,全居中。70帧F5,然后用鼠标从70帧拖黑到20帧,右击黑帧处,选复制帧,分别在图层2的15帧右击粘贴,图层3的10帧右击粘贴,图层4的5帧右击粘贴,图层5的1帧右击粘贴。

这样幻影字就制作完毕。大家可以点菜单栏里的控制—测试场景,来测试你做的效果。然后回到库面版把字和字的变化,幻影字三个文件拖入幻影字夹里。

二,地球的制作

1,新建影片剪辑元件,名为地球。新建四个图层,图层1的第一帧选椭圆工具,画一个无边框圆,尺寸110X90 30帧F5,全居中。

2,图层2的第一帧从库里图片夹里拖出123.swf这个图片,尺寸设为1000X300,全居中。第一帧将其用键盘上的方向键移动到舞台的右边。位置:地图的左边缘和椭圆右边缘相接,30帧用键盘上的方向键移动到舞台的左边,位置:地图的右边缘和椭圆左边缘相接.选中第一帧建立运动补间。

3,选中图层1然后右击黑帧处复制帧,到图层3的第一祯粘贴。

4,图层4的第一帧从库图片夹里拖出124.swf,尺寸110X90,全居中。30帧F5

5,选中图层3右击选遮罩。

大家可以点菜单栏里的控制—测试场景,来测试你做的效果

6,新建影片剪辑元件,名为地球的运动,第一帧从库里拖出地球,全居中。分别在40帧和80帧F6插入关键帧,选中第一帧ctrl+alt+s调出旋转面板在缩放里输入10回车 ,属性面板里调整其alpha值为10%, 80帧ctrl+alt+s调出旋转面板在缩放里输入10回车,属性面板里调整其alpha值为0%,分别在1—40-80帧建立运动补间,81帧F7空白关键帧。新建一层,81帧F7空白关键帧,点开动作面板输入动作语句stop();地球运动制作完毕,回到库里,把地球和地球的运动拖入地球夹里。

 

三,网址和船的制作

1,新建图形元件,名为网址,选中文本工具,字体为arial,字号30颜色任意,输入http://www.flasher123.com.

2, 新建影片剪辑元件,名为网址运动。选中第一帧点文件—导入,将素材126.gif导入舞台。这时舞台时间轴上就会有逐帧动画,选中这个图层,在黑帧处右击点剪切帧,然后执行插入新建影片剪辑元件,名为船,点确定,在图层1的第一帧右击粘贴。回到网址运动影片剪辑里,在图层1的第一帧插入关键帧,从库里拖出船元件,

全居中。40帧F6关键帧。第1帧用键盘上的方向键将船移动到场景的右边,40帧用键盘上的方向键将船移动到场景的左边.在属性面板里设置其alpha值为10%,然后建立1到40帧的运动补间。新建一个图层40帧插入关键帧,从库里拖出网址元件,全居中,80帧F6关键帧,40帧选中网址。选工具栏里的任意变形工具,用鼠标拖拽左或右边的小黑块,把网址压缩,大小适度。属性面板里设置其alpha值为10%,然后做40帧到80帧的运动渐变,120帧F5延续帧。回到库里,把船和网址和网址运动包括船的几个位图都拖入网址夹里。

四,广告制作

一,制作广告1

1,新建影片剪辑元件,名为广告,选文本工具,属性面板设置字体为华文云彩,字号40 字间距10,颜色任意,在图层一第一帧写学习园地四个字,全居中.40帧F5延续帧

2, 新建图层,第1帧选工具栏里的距形工具,画一个无边框的距型,尺寸5X60,复制这个距形,从而复制出多个小距形,适当调整小距形和小距形之间的间距,整齐的将它们排列好,最终复制出来的距形长度大于学习园地二倍,然后选中你做好的整个距形,将其转换为图形元件名为广告字1,全居中,40帧F6插入关键帧,第一帧用键盘上的方向键将距形条移动到场景的右边,位置:距形条的左边缘和学习园地学的(学)字左边缘对齐,40帧用键盘上的方向键将距形条移动到场景的左边,位置:距形条的右边缘和学习园地的(地)字右边缘对齐.建立1到40帧的运动渐变,选中第二层,鼠标右击选遮罩.

二,制作广告2

1,新建图形元件,名为广告字2,选文本工具,属性面板,字体华文行揩,字号30.字间距10,颜色任意,写闪友天堂四个字.全居中.

2, 新建影片剪辑元件,名为广告2.新建两层,图层1第1帧从库里拖出广告字2元件.全居中,30帧F6插入关键帧,建立1到30帧的运动渐变,旋转选顺时针旋转,1帧可以用任意变形工具适当缩小闪友天堂.图层2的30帧插入关键帧,从库里拖出闪友天堂,60帧插入关键帧,30帧用任意变形工具横向压扁闪友天堂,并在属性面板里设置alpha值为10%,建立30到60帧的运动渐变,.90帧F5延续帧.91帧空白关键帧,回到库里请把广告的文件都拖入广告夹里..

第三步,组建场景

回到主场景,新建七个层。分别命名为背景,幻影字,星闪烁,地球,广告1 ,广告2,网址。

1,背景层:1帧从库的图片夹里拖出125.gif。全居中,匹配宽和高。300帧F5延续帧。

2,幻影字层:1帧从库的幻影字夹里拖出幻影字的影片剪辑,适当调整大小,全居中。70帧F5延续帧。

3,星闪烁层:在这一层的35帧F6插入关键帧,从库的星闪夹里拖出星闪烁的影片剪辑,位置:在背景的左侧中下方。130帧F6插入关键帧,并在属性面板设置其alpha值为0%,然后做35到130帧运动渐变。

4,地球层:在这一层的50帧F6插入关键帧,从库的地球夹里拖出地球运动这个影片剪辑。位置放在星闪烁的上边。调整好位置,130帧F5延续。

5,广告1层:在这一层的80帧F6插入关键帧,从库的广告夹里拖出广告1这个影片剪辑。适当调整大小,全居中。150帧F5延续帧。

6。广告2层:在这一层的150帧F6插入关键帧,从库的广告夹里拖出广告2这个影片剪辑。适当调整大小,全居

中。230帧F5延续帧。

7网址层:在这一层的200帧F6插入关键帧,从库的网址夹里拖出网址运动这个影片剪辑,位置在背景的右边,使其船头和背景的右边缘相接,适当调整船的大小。300帧F5延续帧。

8,到此为止,制作完毕。大家可以测存盘了。

小结:组建场景的时候,大家可以自己测试着去摆放各影片的位置和先后出来的顺序。包括各个影片剪辑的制作都需要你先考虑好你要做的广告窗的内容而定。我只是给同学们一个思路。大家可以参照我的方法为你的个人主页去设计更好体现你自己主页风格的广告窗了。也可以经常为你的网友的聊天室做做室标。为你网友的主页做做广告窗。这样时间长了,你就掌握了很多的经验,方法和设计思想。久而久之你做起来就得心应手了。

文章录入:晴天    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长