×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

制作网页广告实操步骤详解

文章编辑:网站建设 文章来源:网站设计 浏览量:

 制作网页广告实操步骤详解,深圳网站设计公司提醒网页中的广告大部分都是Flash动画,下面就通过几个例子讲述网页广告的制作。希望能给你网站后期管理以及细节修改工作有所帮助。
  设计Banner宣传广告实例下面讲述Banner宣传广告的制作过程,具体操作步骤如下。
❶启动Flash,选择菜单中的【文件】|【新建】命令,弹出【新建文档】对话框,如图13-8所示。
❷在对话框中将尺寸【宽】设置为890像素,【高】设置为310像素,【帧频】设置为10fps,单击【确定】按钮,新建文档,如图13-9所示。
图13-9选择【文档】命令
❸选择菜单中的【文件】|【保存】命令,弹出【另存为】对话框,如图13-10所示。
❹在对话框中的【文件名】文本框中输入名称banner,单击【保存】按钮,保存文档,如图13-11所示。
❺选择菜单中的【文件】|【导入】|【导入到库】命令,如图13-12所示。
❻弹出【导入到库】对话框,在对话框中选择导入的图像文件“g1.jpg”和“g2.jpg”,如图13-13所示。
❼单击【打开】按钮,将图像文件导入到【库】面板,如图13-13所示。
❽选中图层1的第1帧,将【库】面板中的图像“g1.jpg”拖入到舞台,如图13-15所示。
❾选择菜单中的【修改】|【转换为元件】命令,弹出【转换为元件】对话框,如图13-16所示。
❿在对话框中的【名称】文本框中输入元件的名称“元件1”,【类型】选择【图形】,单击【确定】按钮,将图像转换为图像元件,如图13-17所示。
⓫选中图层1的第25帧,按F6键插入关键帧,如图13-18所示。
⓬单击选择第1帧,选择菜单中的【窗口】|【属性】命令,打开【属性】面板,如图13-19所示。
⓭选中第1帧,在【属性】面板中将【样式】选择Alpha,将Alpha值设置为10%,如图13-20所示。
⓮在第1~25帧之间单击鼠标右键,在弹出菜单中选择【创建传统补间动画】选项,创建补间动画,如图13-21所示。
⓯选择以后创建传统补间动画,如图13-22所示。
⓰选择菜单中的【插入】|【新建元件】命令,弹出【创建新元件】对话框,如图13-23所示。
⓱在对话框中的【名称】文本框中输入文字“元件2”,【类型】选择【图形】,单击【确定】按钮,进入元件2的编辑模式,如图13-24所示。
⓲选择工具箱中的文本工具。在【属性】面板中将【字体】设置为【黑体】,【字体大小】设置为28,【颜色】设置为#000000,在编辑区中输入文字,如图13-25所示。
⓳单击【场景1】进入主场景中,单击在图层的下方【新建图层】按钮,新建图层2,如图13-26所示。
⓴选中第15帧,按F6键插入关键帧。从库面板中将元件2拖入到舞台中,并调整其位置,如图13-27所示。
21.选中第35帧,按F6键插入关键帧,拖动元件2向下移动,如图13-28所示。
22.选中第15帧,选中元件2,将【样式】的Alpha值设为0%,如图13-29所示。
23.在第15帧~35帧之间,单击鼠标右键,在弹出菜单中选择【创建传统补间动画】选项,创建补间动画,如图13-30所示。
24.选中图层1的第90帧,按F5键插入帧。选中图层2的第40帧,按F5键插入帧,如图13-31所示。
25.选择菜单中的【插入】|【新建元件】命令,弹出【创建新元件】对话框。在对话框中输入元件的名称“元件3”,【类型】选择【图形】,如图13-32所示。26.单击【确定】按钮,进入元件3的编辑模式。从库面板中将图像“g2.jpg”拖入编辑区,调整其位置,如图13-33所示。
27.单击【场景1】,进入主场景,单击图层下方的【新建图层】按钮,新建图层
3,如图13-34所示。
28.选中第35帧,按F6键插入关键帧。从【库】面板中将元件3拖入到舞台中,并调整其位置,如图13-35所示。
29.选中第55帧,按F6键插入关键帧。选择第35帧,在【属性】面板中将【颜色】的Alpha值设置为0%,如图13-36所示。
30.在第35帧~55帧之间的任意一帧上单击鼠标右键,在弹出菜单中选择【创建传统补间动画】选项,创建补间动画,如图13-37所示。
31.选择菜单中的【插入】|【新建元件】命令,弹出【创建新元件】对话框,在对话框中输入元件的名称“元件4”,【类型】选择【图形】,如图13-38所示。32.单击【确定】按钮,进入元件4的编辑模式。选择工具箱中的文本工具,在舞台中输入文字,并调整其位置,如图13-39所示。
33.单击【场景1】,进入主场景中。单击图层下方的【新建图层】按钮,插入图层4,如图13-40所示。
34.选中第50帧,按F6键插入关键帧。从库面板中将元件4拖入到舞台,并调整其位置,如图13-41所示。
35.选中第60帧,按F6键插入关键帧,并调整元件4的位置,如图13-42所示。
36.选中第50帧,在【属性】面板中将【颜色】的Alpha值设置0%,如图13-43所示。
37.在第50帧~63帧之间的任意一帧上单击鼠标右键,在弹出菜单中选择【创建传统补间动画】选项,创建传统补间动画,如图13-44所示。
38.按Ctrl+Enter组合键查看影片测试效果,如图13-45所示。
好了,网站设计公司本文关于“
制作网页广告实操步骤详解”知识就分享到这里,谢谢关注,博纳网络编辑整理。
 
 

当前文章链接:https://www.198bona.com/construction/design/2693.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。