仅供个人参考PhotoShop教程的Flash影片制作福州三中2003级3班CSJ研究小组小组成员：叶 菁（组长） 施宜 董筠For personal use only in study and research; not for commercial use指导老师：黄志刚【摘要】For pers onal use only in study and research; not for commercial use目的 进一步认识Flash的制作。方法 通过书籍及网络知识学习并制作。 结论Flash制作要求我们有较强的求知欲和探索创新精神，让我们学到了许多 过去不曾接触的电脑技巧【关键词】Photoshop， 教程， 截图，Flash ，图片导入，动作衔接For pers onal use only in study and research; not for commercial use、研究目的For pers onal use only in study and research; not for commercial use通过Photoshop教程的Flash影片制作，使Photoshop的图像处理过程生动 表达、通俗易懂，并使我们进一步认识Flash的制作。二、研究方法、过程a）查找资料我们的资料大部分是通过书籍与网络来获得的。b）研究对象确定PhotoShop教程的Flash影片制作c）制作过程 Photoshop 部分1 、教程选定：Photoshop的功能非常多，有一种让人学不完的感觉。所以， 我们想要选取一些简单并且具有代表性的效果进行制作。最后，我们敲定了阳 光效果、朦胧照效果、边沿虚幻化效果、以及晶亮文字效果来作为我 们教程的内容。2、 截图：我们开始进行效果教程的制作，并同时使用HprS nap截图。截图过程中，发现使用电脑的分辨率设在1024*768，与大部分旧式电脑的分辨率不一，特将电脑的分辨率也改为 800*600，同时也将Flash默认的影片大小改为 800*600。在制作过程中，还要判断哪些重要步骤需要截图。3、完善：对图片进行裁剪，并附上相关的注解。我们选用自带霓虹效果文字的 Ulead GIF Animator 工 具进行添加 注解。为了使 注解更加醒 目,我们将文 字设定为白 色、霓虹设定 为黑色，并添 加了箭号和 圆圈凸显重要设置。（见图-1）至此，我们完成了 Photoshop制作部分 Flash部分1、首页：为了使首页看起来清新、美观，我们使用了时下较流行的环保绿作为底色。接下来就是为首页做布局，原本我们想在首页做一个下拉式的菜单，但是在排版过程中却发现这样使得版面不够充实，空白部分较大，所以我们放弃图-2了做活动菜 单的念头，想 运用更合适 的按钮来弥 补这一不足。 在首页的制 作中，最大的 特色莫过于 蒙板的使用。 大家应该会 发现，右边云 形图案中的文字在不断循环向上移动的过程中，还渐渐的消失了。这是由于我 们将这一个云型图像作为蒙板，把蒙板颜色调为由黑色向上渐变到与首页底色 相同的绿色（见图-2），用以遮 住飘至上端的文字。使屏幕上出 现文字由下往上运动后渐渐消失的效果。（见图-3）2、教程图片导入、连接： 在制作这个Flash作品中，将从Photoshop截下来的图片连接是 一个重点。原本我们是想将所有 的图片串起来，制作成一个影片 片断，再导入Flash中，好让它可以自动播放制作的步骤。因此，我们使用了 Ulead GIF Ani mator 分别将四个系列的教程做成 GIF格式的动态图片。最初， 我们将每张图片的时间属性设为1秒，但是在预览的效果中显示得较快， 让人无 法完全理解接受教程所要表达的内容。 我们又将时间属性改设为3秒，使速度放 慢了。但是我们又发现一个新的问题：每个人对教程内容的理解与接受的速度本 身就有一定差异，设定一样的时间间隔去迎合不同的人的需求， 存在一定的矛盾， 使得观看教程的人感觉很被动，于是，我们在想有没有什么方法可以把被动变为不得用于商业用途主动，可以随个人不同的需求来控制图片的播放或停止呢？很快，我们想到了使MHcroiuRd i n F i mrH UX教程27 文件(D i)Si fiA 1) MF!慨改（!）文揑制隹）兄世）呼吓爼）.(5 X nusicWBd 匚白 口 4905 4D10 刑 15 49尅0 4H25 30 fl35 494D 41M5 49S0 4055 钾RD 4&5用Flash中AQ testv2机Q413 於 5G*空彌iiQC, |2W,1100, 旧 I I1D0,凭eb.査若-flFLvbv冋t制图片的进 行。首先，为 了避免与首 页或音乐冲 突，在首页及 音乐已占用 关键桢之后， 我们把四个 系列教程的截图分别依次导入新建的四个图层的连续空白桢中，（见图-4 ）然后在每一桢图片的动作中加入“ Stop （）”（停止）命令，为的是让图片停止而不会自动跳至下 一幅图，播放下一桢。接着就是制作播放和倒退的按钮，并在播放按钮的命令行 中输入“on （press） gotoAndPlay （X）”（于按下时跳至并播放所要的桢数） 在倒退按钮的命令行中输入一样的命令，只是所输入的桢数不同。在每个系列的最后一桢，我们都另加了 “再看一遍”和“回主页”的按钮（使用命令原理同上 面相同），这样使使用者能够自主控制画面，便于使用。3、背景音乐：不同的Flash作品，是否受欢迎，除了画面的精致、色彩、 流畅等以外，背景音乐的选择也是很重要的，为了使我们的作品让观看者能在一 个舒适的氛围下学习photoshop教程，所以我们选用了 F. I. R乐团的这首很舒 缓、优美、清新的Lydia作为背景音乐。将音乐导入 Flash影片中不是一件 难事，但是如何将背景音乐的播放不受影片场景的转换而受干扰，却是一件让人头疼的事情。刚开始，我们仅仅是在增加一个图层的基础上，将音乐导入，为了 让音乐循环播放，我们将音乐重复导入，不料与截图部分冲突，在播放的时候， 产生混乱的音乐重叠。在研究之后发现，是由于在最后一张图片的按钮返回到主 页时，正在播放的音乐与首页第一桢中的音乐重叠，造成混乱。正在我们苦恼的 时候，无意在动作栏中发现了“ stopAllSound ”（停止所有声音）的命令，只要（见图-5）4、全屏播放: _| H-ctizrj tit完成了 Flash的整体影片，我们原 本想做一个强制 全屏播放的设置， 可是担心观看的Acti opsori b ControlCotaAiidPlay tAiLdS tp aextFrane图-5+於議$ L善便on fcress) st opAllSournis (): otoAndPlay(l);朋友厌恶，于是，我们设置了一个选择全屏的按钮并在全屏按钮的命令行中输入“on （release） fscommand（fullscreen,true）;”（于按下全屏）（见图-6 ）。使得在播放影片的时候可以自由选择播放形式芭J Atiieaa far 喪荷甘崔禅g曲棕J (cut)E_J Acf.1|_J Vwi; e C vntr ol got oAndTlay 因 gotakndStop+ 0岔 W詈薛on (release) fscciimand(fullscre8nftJ rt trueH/):图-6至此，Flash部分也完成了三、研究结果和体会a）研究结果在本课题中我们完成阳光效果 、朦胧照效果、边沿虚幻化效果 、以 及晶亮文字效果四个教程的 Flash 影片制作。b）体会在制作过程中，我们通过查找书籍和网络有关资料， 解决了截图大小不统一、 图片在 Flash 中的连接、主页按钮衔接、背景音乐重叠混乱、全屏播放等问题。 通过这次学习，感到“研究性学习”是实践性很强的课程，要求我们有较强的求 知欲和探索创新精神，在完成课题的过程中，遇到了许多令我们头疼的问题，但 在解决问题的过程中充满了学习新知识、积累新经验、挑战新高峰的乐趣，初次 尝到了漫游知识海洋的艰辛与新奇。由于我们都是电脑爱好者，所以，它让我们 学到了许多过去不曾接触的电脑技巧，比如 Photoshop 的图像处理、 HprSnap 的 截图、Flash的制作可以说，这次的制作我们冲破了许多不明问题的障碍， 提高了自我发现问题、 分析问题、解决问题的能力，也培养和增强了同学之间的团队协作精神。四、总结计算机的普及与应用给我们打开了一个宽阔无垠的崭新的知识海洋， 我们做 的课题只不过是海滩边的一颗小贝壳，要能够真正的投入海水、尽情的遨游，还 须在以下两方面完善：1 、自动播放教程影片：使教程影片自动播放，同时可使用“播放” “暂停” 等按钮进行控制，使得画面更流畅。2 、语音教程：可在播放教程影片的过程中适当的加入语音说明，使得教程 所要表达的意思更明确，更容易被理解接受。五、参考资料书籍:网站:仅供个人用于学习、研究；不得用于商业用途For personal use only in study and research; not for commercial use.Nur f u r den pers?nlichen f u r Studien, Forschung, zu kommerziellen Zwecken verwendet werden.Pour l e tude et la recherche uniquementa des fins personnelles; pasa des fins commerciales.to员bko gA.nrogeHKO TOpMenob3ymoiflCH6yHeHuac egoB u HHuefigoHMucno 员 B30BaTbCEb KOMMepqeckuxqe 员 ex.以下无正文