当前位置：
制作网页广告实操步骤详解，深圳网站设计公司提醒网页中的广告大部分都是Flash动画，下面就通过几个例子讲述网页广告的制作。希望能给你网站后期管理以及细节修改工作有所帮助。
设计Banner宣传广告实例下面讲述Banner宣传广告的制作过程，具体操作步骤如下。
图13-9选择【文档】命令
❸选择菜单中的【文件】|【保存】命令，弹出【另存为】对话框，如图13-10所示。
❹在对话框中的【文件名】文本框中输入名称banner，单击【保存】按钮，保存文档，如图13-11所示。
设计Banner宣传广告实例下面讲述Banner宣传广告的制作过程，具体操作步骤如下。
❶启动Flash，选择菜单中的【文件】|【新建】命令，弹出【新建文档】对话框，如图13-8所示。
❷在对话框中将尺寸【宽】设置为890像素，【高】设置为310像素，【帧频】设置为10fps，单击【确定】按钮，新建文档，如图13-9所示。
❷在对话框中将尺寸【宽】设置为890像素，【高】设置为310像素，【帧频】设置为10fps，单击【确定】按钮，新建文档，如图13-9所示。
图13-9选择【文档】命令❸选择菜单中的【文件】|【保存】命令，弹出【另存为】对话框，如图13-10所示。
❹在对话框中的【文件名】文本框中输入名称banner，单击【保存】按钮，保存文档，如图13-11所示。
❺选择菜单中的【文件】|【导入】|【导入到库】命令，如图13-12所示。
❻弹出【导入到库】对话框，在对话框中选择导入的图像文件“g1.jpg”和“g2.jpg”，如图13-13所示。
❻弹出【导入到库】对话框，在对话框中选择导入的图像文件“g1.jpg”和“g2.jpg”，如图13-13所示。
❼单击【打开】按钮，将图像文件导入到【库】面板，如图13-13所示。
❽选中图层1的第1帧，将【库】面板中的图像“g1.jpg”拖入到舞台，如图13-15所示。
❽选中图层1的第1帧，将【库】面板中的图像“g1.jpg”拖入到舞台，如图13-15所示。
❾选择菜单中的【修改】|【转换为元件】命令，弹出【转换为元件】对话框，如图13-16所示。
❿在对话框中的【名称】文本框中输入元件的名称“元件1”，【类型】选择【图形】，单击【确定】按钮，将图像转换为图像元件，如图13-17所示。
❿在对话框中的【名称】文本框中输入元件的名称“元件1”，【类型】选择【图形】，单击【确定】按钮，将图像转换为图像元件，如图13-17所示。
⓫选中图层1的第25帧，按F6键插入关键帧，如图13-18所示。
⓬单击选择第1帧，选择菜单中的【窗口】|【属性】命令，打开【属性】面板，如图13-19所示。
⓭选中第1帧，在【属性】面板中将【样式】选择Alpha，将Alpha值设置为10%，如图13-20所示。
⓮在第1～25帧之间单击鼠标右键，在弹出菜单中选择【创建传统补间动画】选项，创建补间动画，如图13-21所示。
⓮在第1～25帧之间单击鼠标右键，在弹出菜单中选择【创建传统补间动画】选项，创建补间动画，如图13-21所示。
⓯选择以后创建传统补间动画，如图13-22所示。
⓰选择菜单中的【插入】|【新建元件】命令，弹出【创建新元件】对话框，如图13-23所示。
⓰选择菜单中的【插入】|【新建元件】命令，弹出【创建新元件】对话框，如图13-23所示。
⓱在对话框中的【名称】文本框中输入文字“元件2”，【类型】选择【图形】，单击【确定】按钮，进入元件2的编辑模式，如图13-24所示。
⓲选择工具箱中的文本工具。在【属性】面板中将【字体】设置为【黑体】，【字体大小】设置为28，【颜色】设置为＃000000，在编辑区中输入文字，如图13-25所示。
⓳单击【场景1】进入主场景中，单击在图层的下方【新建图层】按钮，新建图层2，如图13-26所示。
⓴选中第15帧，按F6键插入关键帧。从库面板中将元件2拖入到舞台中，并调整其位置，如图13-27所示。
⓲选择工具箱中的文本工具。在【属性】面板中将【字体】设置为【黑体】，【字体大小】设置为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所示。
22.选中第15帧，选中元件2，将【样式】的Alpha值设为0％，如图13-29所示。
23.在第15帧～35帧之间，单击鼠标右键，在弹出菜单中选择【创建传统补间动画】选项，创建补间动画，如图13-30所示。
24.选中图层1的第90帧，按F5键插入帧。选中图层2的第40帧，按F5键插入帧，如图13-31所示。
24.选中图层1的第90帧，按F5键插入帧。选中图层2的第40帧，按F5键插入帧，如图13-31所示。
25.选择菜单中的【插入】|【新建元件】命令，弹出【创建新元件】对话框。在对话框中输入元件的名称“元件3”，【类型】选择【图形】，如图13-32所示。
26.单击【确定】按钮，进入元件3的编辑模式。从库面板中将图像“g2.jpg”拖入编辑区，调整其位置，如图13-33所示。
26.单击【确定】按钮，进入元件3的编辑模式。从库面板中将图像“g2.jpg”拖入编辑区，调整其位置，如图13-33所示。27.单击【场景1】，进入主场景，单击图层下方的【新建图层】按钮，新建图层
3，如图13-34所示。
28.选中第35帧，按F6键插入关键帧。从【库】面板中将元件3拖入到舞台中，并调整其位置，如图13-35所示。
28.选中第35帧，按F6键插入关键帧。从【库】面板中将元件3拖入到舞台中，并调整其位置，如图13-35所示。
29.选中第55帧，按F6键插入关键帧。选择第35帧，在【属性】面板中将【颜色】的Alpha值设置为0％，如图13-36所示。
30.在第35帧～55帧之间的任意一帧上单击鼠标右键，在弹出菜单中选择【创建传统补间动画】选项，创建补间动画，如图13-37所示。
30.在第35帧～55帧之间的任意一帧上单击鼠标右键，在弹出菜单中选择【创建传统补间动画】选项，创建补间动画，如图13-37所示。
31.选择菜单中的【插入】|【新建元件】命令，弹出【创建新元件】对话框，在对话框中输入元件的名称“元件4”，【类型】选择【图形】，如图13-38所示。
32.单击【确定】按钮，进入元件4的编辑模式。选择工具箱中的文本工具，在舞台中输入文字，并调整其位置，如图13-39所示。
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所示。
35.选中第60帧，按F6键插入关键帧，并调整元件4的位置，如图13-42所示。
36.选中第50帧，在【属性】面板中将【颜色】的Alpha值设置0％，如图13-43所示。
37.在第50帧～63帧之间的任意一帧上单击鼠标右键，在弹出菜单中选择【创建传统补间动画】选项，创建传统补间动画，如图13-44所示。
38.按Ctrl+Enter组合键查看影片测试效果，如图13-45所示。
好了，网站设计公司本文关于“制作网页广告实操步骤详解”知识就分享到这里，谢谢关注，博纳网络编辑整理。
38.按Ctrl+Enter组合键查看影片测试效果，如图13-45所示。
好了，网站设计公司本文关于“制作网页广告实操步骤详解”知识就分享到这里，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/design/2693.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
