【精品】环节3 项目指导书.doc

【精品】环节3 项目指导书 项目指导书环节3A、环节3主要是完成我们的flash，并插入到网站，发布网站，完成我们项目。 现在先准备我们首页flash的素材。 一、打开我们的设计源文件index.asp，并隐藏左侧图中的Lady King文字。 图t1 二、新建图层，CTRL+ALT+SHIFT+E（盖印）图t2 三、确认在新建的土层中，但是用鼠标点击左侧图中的人物图层前的小窗口，则可以把人物图层选择。 图t3 四、CTRL+C、CTRL+N（注意新建透明文档）、CTRL+V图t4图t5 五、CTRL+SHIFT+ALT+S保存，命名为sc1，注意选择png-24格式。 我们flash的第一个素材完成了。 这是我们做flash的中间文件，使不需要上传的，所以自己保存到自己的文件夹。 不要保存到网站包里面。 图t6 六、确认在左侧图的红色渐变图层中，点击图层前的小窗口，选择渐变图图t7 七、选择矩形选框工具，并选择相交，做矩形选区，选中需要的渐变图上边的区域。 （注意放大去看，选择要细心，不要多出或者少了几像素）图t8 八、同样、CTRL+C、CTRL+N（注意新建透明文档）、CTRL+V，并保存，方法同制作第一个素材一样，命名为sc2，注意格式也是png图t9图t10B、在flash中完成我们的首页flash。 一、打开flash软件。 并新建flash文档，图t11图t12 二、因为我们的flash尺寸大小为260px*353px，所以在属性中修改文档大小图t13图t14 三、导入sc1.png、sc2.png到库，可以ctrl+L查看库图t15图t16 四、把库中的2.png拖到舞台中，并把属性中的x y值调为0，这样就可以紧贴舞台。 图t17 五、在舞台的红色渐变图上单击右键，把它转化为图形元件，命名为背景，这时候库中就有了我们的背景元件。 图t18图t19 六、在图层1上边双击左键，重命名图层1为背景，并新建图层2，命名为人物，ctrl+s保存我们的文件,命名为index.Fla，（注意这是源文件，也不是上传的，所以不要放在网站包里）图t20 七、ctrl+F8新建影片剪辑元件，命名为人物动画。 这样我们就进入了人物动画元件的窗口。 图t21图t22 八、把库中的1.png拖到人物动画的舞台，并单击右键把它转换为图形元件，命名为人物1.图t23图t24 九、然后点击场景1，回到场景1中。 给背景图层加锁.图t25图t26 十、点击人物图层，并把库中的人物动画影片剪辑元件托到舞台，放到合适的位置。 图t27图t28图t29 十一、双击场景1舞台中的人物进入人物动画窗口。 图t30图t31 十二、在第十三帧处单击右键，插入关键帧，图t32图t33 十三、确认是在十三帧处，按住shift键用选择工具把人物平移到最右边合适的位置，并在1-15帧中间单击右键创建补间动画。 可以按ctrl+enter预览妩媚的动画。 图t34图t35 十四、关闭预览窗口，在十五帧处插入关键帧，继续在十六帧处插入一关键帧，用鼠标单击一下舞台中的人物，然后打开下边的属性窗口，把亮度调为70%。 图t36 十五、同理在十八帧处插入关键帧，亮度调为0%，在二十帧处插入关键帧，亮度调为70%,二十二帧处插入关键帧，亮度调为0%。 图t37 十六、在55帧处插入帧。 图t38图t39 十七、回到场景1窗口，新建图层，并起名为字。 图t40 十八、插入新建元件（注意如何新建元件，上边已经提交到了），字动画影片剪辑，确定后进入字动画的窗口。 图t41 十九、在第一帧处输入文字Lady King,并在属性面板中调合适的字属性。 字体颜色#FA8282，然后选择任意变形工具，按住shift键让其顺时针旋转90度。 图t42图t43图t44 二十、右键单击舞台中的文字，把文字转化为图形元件，起名为字。 图t45 二十一、确认是在第一帧中，左键单击一下舞台中的文字，在属性面板中把它的透明度调为0%，然后在二十四帧处插入关键帧，左键单击一下舞台中的文字，把它的透明度调为100%。 （注意方法同上边调节亮度的方法）图t46图t47 二十二、在1-24帧中间单击右键，创建补间，并在34帧处插入帧。 图t48图t49 二十三、进入场景1的窗口，确认是在字图层中的第一帧状态下，把库中的字动画影片剪辑拖动到舞台，放到合适的位置（打开库的快捷键ctrl+L）图t50 二十四、同学们可以预览一下我们的flash，大家发现字动画的开始的过早了，是不是？好，双击舞台中的字动画元件，或者双击库中的字动画元件，进入字动画的窗口，把我们的1-34帧选中，把鼠标放置在选中的帧上，当鼠标旁边出现一个小方框的时候，往后拖动选中的1-34帧，直到到达55帧（因为我们的人物动画是在55帧结束的，我们的字动画和它要同步）图t51图t52 二十五、ctrl+enter预览我们的动画.我们把它导出去，放在我们的网站包中，起名为bar，在这里我们放在网站包中的flash文件夹中，（因为这个是要放在网站中被上传发布的）好，我们的第一个动画制作完成.图t53C制作我们的内页flash. 一、打开flash，新建文件，大小为260*353，并把图层1的名称改为人物1，保存文件，命名为bar.图t54 二、导入资料中的8.jpg,4.jpg,11.jpg,1.jpg到库。 （ctrl+L打开库面板）图t55图t56 三、插入新建影片剪辑人物1，进入它的窗口。 图t57 四、确认是在影片剪辑人物1，图层1第1帧，把库中的8.jpg拖到舞台，并把她转化为图形元件，命名人1。 图t58 五、回到场景1的窗口，把人物1影片剪辑拖动到舞台，具体x y位置见图。 图t59 六、双击舞台中的人物1影片剪辑回到它的窗口，在图层1的第41帧处插入关键帧，左键单击一下舞台中的人1元件图片，调节x y的值。 图t60 七、在时间轴的1-41帧上单击右键创建补间动画。 可以自己先预览自己的动画。 图t61图t62 八、在第42帧处插入空白关键帧，把库中11.jpg拖到舞台，并把11.jpg转化为图形元件，命名人2。 图t63图t64 九、把x y调为合适的值如图t65。 然后在65帧处插入关键帧，x y调节如图图t66，在120帧处插入关键帧，x y调节如图t67。 图t65图t66图t67 十、在41-65帧65-120帧处创建补间动画。 预览我们的动画。 图t68 十一、同上边的方法一样，在121帧处插入空白关键帧，并把库中的4.jpg拖动到舞台，并转化为图形元件，命名人3，x y设置如下图。 图t69 十二、在215帧处插入关键帧，设置x y的值.图t70 十三、用过制作第一个flash的方法（见B、在flash中完成我们的首页flash中的14，15步），216帧亮度70%，218帧0%，220帧70%，222帧0%。 图t71 十四、在225帧处插入帧，在226处插入空白关键帧，把库中的1.jpg拖到舞台中，转化