Flash网页制作
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
(1)在电脑磁盘新建一个web文件夹→点击进入在新建image、sound、vadio、web1、web2、web3、web4、web5文件夹。
(2)打开Adobe Flash Professional CS5.5命令→新建Flash文件“ActionScript2.0”→新建图层→文件→导入→【准备好了的素材】导入到库→按“Ctrl+L”打开库面板并把素材拖到舞台、调整,命名为“背景”、如图:
(3)按Ctrl+F8新建一个影片剪辑元件舞台→工具栏→矩形工具→文件→导入→【把需要的素材】导入到库→按“Ctrl+L”打开库面板,把第一张拖到影片剪辑元件舞台→第一帧把图片放在矩形的右边,到第60帧移动打左边→创建补间如左图→再把第二张拖到影片剪辑元件舞台→第一帧把图片放在矩形的左边,到第60帧移动打右边→创建补间,后面的几张用相同的方法即完成→新建图层→工具栏→矩形工具→在原有的矩形上再画一矩形并将其转换为遮罩层→回到舞台→新建图层→按“Ctrl+L”打开库面板并把它拖到指定图层、调整,命名为“标题”、如右图。
(4)新建图层→矩形工具→画矩形→按“Ctrl+K”打开对齐面板→调整其对齐方式→命名为“导航”。
(5)新建图层→工具栏→文字工具→【首页】→按住“Shift+Alt”在拖动三个→把它们全部选中→按住“ctrl+K”打开对齐面板,把它们的间隔调整好→文字工具,他们分别改为【经典苗寨】【县城景观】【天下西江】→在将他们依次分别转换成“图形元件”和“按钮元件”。
(6)按Ctrl+F8新建一个影片剪辑元件舞台→工具栏→文字工具→输入【中国十大最好玩的地方,雷山欢迎您!】文字→把第一帧的“A”值改为零并将文字缩小→到第60帧按F6将文字调大并移动→再新建图层→文件→导入→【素材】导入到库→将素材拖到次图层的上面并转换为遮罩层→回到舞台→新建图层→将它拖到指定的图层上→按“Ctrl+K”打开对齐面板→调整其对齐方式→命名为“WZ”→新建图层→把已经导入好的素材从库拖到标题的左边→调整→命名为“标题头”→文件→发布(inde.fla、inde.html、inde.swf)→将(inde.fla)复制并分别放到web1web2,web3,web4,web5中,如图:
(7)打开【web1】→web1.fla调整导航的颜色→文件→新建→新建‘影片剪辑元件’→新建图层1→按住“Ctrl+L”打开库面板,把需要的素材拖到里面→新建图层2→按住“Ctrl+L”打开库面板,把需要的素材拖到里面→将素材转换成影片剪辑元件→在第一帧按住“F9”打开脚本窗口→时间轴控制→“stop()”→在60帧按住“F6”键插入关键帧→按住“F9”打开脚本窗口→时间轴控制→“stop()”→将其‘A’值修改为零→再到120帧按住“F6”键插入关键帧→新建图层3→将图层1复制到图层3并转换为“按钮”→将按钮的第一帧拖到’‘按下’帧上,如图:
(8)在【web1】→web1.fla面板上新建图层并命名为‘as’→按住“F9”打开脚本窗口,输入代码如下:
(9)保存→文件发布设置如下:
(10)在【web2】→web2.fla→新建图层→工具栏→矩形工具,画矩形→在画四个小矩形→按住‘Ctrl+K’打开对齐面板→调整他们的上下、左右间距→按住“Ctrl+L”打开库面板,把第一张的素材拖到舞台→调整好大小放到第一个小矩形里→再把第二张的素材拖到舞台→调整好大小放到第二个小矩形里,后面两张依次轮推即可→按住‘Alt’键将其中一张素材复制转换成隐藏按钮→复制覆盖在四个小矩形上→在第一个按钮上按住“F9”打开脚本
窗口→输入代码如下:
后面三个按钮依次轮推即可。
(11)新建图层并命名为‘滚动条’→矩形工具,画一小长矩形,按住‘Alt’键复制,调整→工具栏→线条工具→在其中间画三条线→选中,按住‘ALT+L’键打开对齐面板→调整他们的对齐方式→按住“Ctrl+L”打开库面板,把第一张的素材拖到舞台→调整好大小放到第一个小矩形里→再把第二张的素材拖到舞台→调整好大小放到第二个小矩形里,后面两张依次轮推即可→分别将他们转换成按钮元件→将‘滚动条’选种,按住‘Alt’键复制,在将其选种转换成影
片剪辑元件→按住“F9”打开脚本窗口→输入代码如下:
打开每个按钮输入下代码:
(12)(12)新建图层并命名为‘as’按住“F9”打开脚本窗口→输入代码如下:
(13)保存→文件→发布设置→发布。
(14)在【web3】→web3.fla→文件→新建→新建一个影片剪辑元件→新建图层→按住“Ctrl+L”打开库面板,把一张素材拖到里面→新建→工具栏→文字工具,输入‘千户苗寨-西江欢迎您!’的文字,在将其转换成影片剪辑元件,在将其图层转换为遮罩层→回到舞台,新建图层命名为‘wz’→按“Ctrl+K”打开对齐面板,将做好的影片剪辑拖到指定的地方,效果如图:
(15)新建图层→工具栏→矩形工具,画一矩形→按住‘ALT+L’键打开库面板,将所需要的一张素材拖到舞台,调整好其大小并放到矩形里如图:
(16)按住‘ctrl+F8’新建一影片剪辑元件→按住‘ALT+L’键打开库面板,把一张素材拖到里面→新建图层→按住‘ALT+L’键打开库面板,将一张素材拖到里面→在时间轴的第60帧按住‘F6’,并把它放到另一张素材的左上角,依次轮推将后面的做完→回到舞台→新建图层,将其拖到指定的位置,效果如图:
(17)新建图层并命名为‘as’按住“F9”打开脚本窗口→输入代码如下:
(18)保存→文件→发布设置→发布。
总结:
通过这几天对Flash CS4的课程设计,让我对Flash CS4有了更多的了解。
以前没有接触到的工具,这几天由于作业的需要接触到了,且学会了怎么使用。
以前处理动画中用到过的工具,现在更加熟悉了。
在网上搜索自己需要的素材,
一步步对素材进行动画的制作,从而得到自己所需要的作品。
用一个个简单的工具相互配合完成课程设计。
了解了一些快捷键的使用(如Ctrl+N新建, Ctrl+O 打开,Alt+L打开库面板,Ctrl+K打开对齐面板,F9打开脚本动画窗口,Shift+ctrl+V原位置粘贴等),进一步提高并熟练了自己对动画处理的能力。
由于本身对图形图像和动画制作的兴趣,在Flash 动画制作处理过程中得到了较好的发挥,而且慢慢的也让我对Flash 动画制作或者说对Flash 动画制作处理方面产生了更大的兴趣,通过一连串的自我操作,在某些方面有了一定的成果。
而且在Flash 动画制作处理过程中,我认识到了自身的不足与缺陷,想的跟做的还是有很大的差距,并且设计过程中也遇到了一些难题。
通过老师、同学的帮助和自我的学习,在这方面得到了改善,对Flash 动画制作的应用了解的更加深刻。
明白了眼前掌握的Flash 动画制作技巧还远远不足以应付很多情况,应该不骄不馁的继续努力学习,更加熟练和完整的学好Flash 动画制作技术。