网站制作资讯

当前位置：

网站制作资讯

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

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

发布时间：2019-05-09

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

制作网页广告实操步骤详解，深圳网站设计公司提醒网页中的广告大部分都是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所示。

好了，网站设计公司本文关于“制作网页广告实操步骤详解”知识就分享到这里，谢谢关注，博纳网络编辑整理。

当前文章链接：/construction/design/2693.html

上一篇：网站设计怎样才页面插入视频解决方案下一篇：网站设计动态页面怎样在Dreamweaver中编写代码？

返回列表

如果您觉得案例还不错请帮忙分享：

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

相关案例推荐

资讯分类

最新发布

相关资讯

热门搜索