设计技术实训实验指导书.doc

设计技术实训实验指导书 设计技术实训实验指导书xx年10月前言设计技术实训是针对计算机科学与技术专业新生的专业实践基础课程，采用实验室训练的方式，主要内容涵盖Photoshop CS6的基本操作方法和设计的技巧，包括使用绘图工具绘制图像、图层与文本的使用、以及Photoshop在网页制作和网站开发中的辅助功能；Flash CS6的基本操作方法和设计的技巧，包括绘制图形和对象、使用时间轴和帧创建基本Flash动画、使用层制作高级动画、使用ActionScript创建交互动画。 以教师演示，学生实训的方式，培养学生的专业学习兴趣、提高学生实践操作的能力。 本课程注重实践和动手能力。 集实践性、可操作性和实用性于一体，要求学生通过本课程的学习，较熟练地运用用Photoshop、Flash等软件，既能独立使用，也能综合这些软件并运用到设计中。 学生通过实践操作，学习消化相关的概念和操作方法，提高设计的技巧和自主学习的能力。 目录实训1初识Phtoshop CS6(2课时)要求与内容要求1.了解Photoshop发展史及功能2.熟练掌握Photoshop CS6工作界面3.掌握菜单“文件”、“图像”；面板“图层”、“历史记录”内容1.PhotoshopCS6全新界面工具预览2.预设工作环境3.常用面板4.常用菜单实训步骤1.设置软件工作环境。 （1）执行【】|【预置】|【常规】命令，在弹出的窗口中取消【显示英文字体名称】选项前的选择。 （2）选择【增效工具与暂存盘】选项，将暂存盘中的【第二】设定为机器中空间最大的盘。 （3）选择【内存与图像高速缓存】选项，将【Photoshop占用的最大数量】选项设置提高到80%。 2.合理安排面板位置。 （1）执行【窗口】|【工作区】|【复位调板位置】命令，将所有面板恢复为默认状态。 （2）在【窗口】菜单下，依次单击相应的命令，可以打开各个面板。 （3）用鼠标按住【导航器】面板，拖拽到【颜色】面板中；在将【信息】面板也拖拽到【颜色】面板窗口中。 （4）关闭【动作】面板和【工具预设】面板。 3.查看图像文件数据 （1）执行【文件】【打开】命令，打开一个图像文件。 （2）在【工具箱】中的【抓手】工具上双击，使图像以最佳显示比例显示。 （3）按Alt键，单击状态栏中显示文件大小的标志，查看当前图像文件的各项数据。 4.观察图像。 （1）按shift+alt键，可以打开/关闭所有面板。 （2）打开【导航器】面板，移动鼠标向右，图像被放大；移动鼠标向左，图像被缩小；用鼠标单击放大/缩小图标或在比例框中直接输入所需比例后按enter键，可以放大/缩小图像。 （3）当显示比例大于窗口显示比例时，可以移动【导航器】面板预览窗口中红色线框来详细观察部分图像。 （4）按住空格键，图像中的鼠标可以临时变成手型工具。 （5）在【工具箱】中的放大镜工具上双击，使图像以100%比例显示；在【工具箱】中的抓手工具上双击，使图像以最佳显示比例显示。 （6）需要临时放大/缩小图像，按住【space】键和Ctrl键，单击鼠标就将图象放大一倍；按住【space】键和ait键，单击鼠标就将图像缩小一倍5.设定标尺与参考线。 （1）设定【视图】|【标尺】命令或ctil+r键，当前图像或以后打开的图像上都出现标尺。 （2）要将图像中的某一点设定为坐标（0，0）点，鼠标按住图像左上角的坐标（0，0）点，移动到图像中要设定位置；要恢复原始坐标（0，0）点，就在原始坐标（0，0）点处双击。 （3）在标尺位置按下鼠标向图象中拉动，就产生一条参考线；从水平标尺拉动产生垂直参考线；从垂直标尺拉动产生水平参考线；要删除参考线，用【工具箱】中的【移动】工具，将参考线拖动到图像窗口外即可。 （4）执行【视图】|【显示】下面的各项命令，可以分别显示参考线、网格线的切片先等设置。 在图像中产生一条水平参考线，显示网格线，并将网格线改成红色，参考线改成绿色。 （5）执行【视图】|【新参考线】命令，打开【新参考线】对话框，可以分别设置水平或垂直参考线的精确位置。 实训2色彩原理与调整（2课时）要求与内容要求1.了解色彩原理与色彩调整；2.掌握色彩的应用和色彩调整；3.熟练掌握利用色彩来处理图像。 4.修改素材图片的色阶、曲线、色相饱和度等。 内容?色彩填充方法?色彩模式?颜色调整训实训3平面设计基础知识及其基本概念(2课时)要求与内容要求1.了解平面设计的基础知识2.图像元素与色彩模式介绍3.了解色彩模式原理4.图像元素与色彩模式介绍内容1.利用Photoshop CS6对素材图片进行色阶、曲线、色相饱和度等调整2.修改图片的画质3.图像存储4.进一步熟练掌握Photoshop CS6工作界面实训步骤1.打开图像文件数据 （1）执行【文件】【打开】命令，打开一个图像文件。 （2）在【文件类型】中选择要打开的文件类型。 2.调整文件模式若要切换图像模式，执行【图像】|【模式】，从中选择指定模式3.调整图像色阶、曲线、色彩平衡等参数执行【图像】菜单|【调整】 （1）选择【色阶】，进入设置界面提示中间色块往左拖动，调亮；左边色块往右拖动，调暗；调好后，按【好】，确定。 （2）选择【曲线】，进入设置界面效果对比图2-2调整【曲线】前图2-3调整【曲线】后3.图像存储练习1.执行【文件】|【存储为】，选择类型后，单击【保存】2.在下图中【格式】列表中选择类型实训4选区的创建与（2课时）要求与内容要求?了解选区的原理；?掌握选框工具，包括矩形选框工具、椭圆形选框工具、单行和单列选框工；?熟练掌握套索工具组、魔棒工具与色彩范围。 内容?选框工具矩形选框工具、椭圆形选框工具、单行和单列选框工?套索工具组?魔棒工具实训步骤1.打开图像文件数据 （1）执行【文件】【打开】命令，打开一个图像文件。 2.创建选区 （1）选择【工具】面板中【选区】工具。 （2）如果选择标准选区，则单击【矩形选框】或【椭圆选框】，如绘制矩形选区，则参考下图 （3）如果选择非标准选区，则单击【套索】工具。 3.利用魔术棒根据色彩创建选区 （1）打开图像文件 （2）选中【魔术棒】工具，可选择着色相近的区域，点击一个颜色，这个一片相同颜色的区域都会被选择上，可以设置容差，以设置颜色的相近度。 如图可选择着色相近的区域，点击一个颜色，这个一片相同颜色的区域都会被选择上，可以设置容差，以设置颜色的相近度。 如图实训5图层的应用（4课时）要求与内容要求?了解应用图层的样式；?掌握多图层的创建；?熟练掌握图层的混合模式应用。 ?图层基本概念、图层基础操作、图层模式、图层样式、管理图层样式、图层样式调板等。 内容?图层样式?图层混合模式实训步骤1.打开图像文件数据 （1）执行【文件】【打开】命令，选择一个图像文件。 2.图层的相关设置 （1）背景图层转换双击背景图层缩览图，调出“图层属性”对话框。 （2）新建图层执行“图层/新建/图层”命令 （3）使用填充图层单击图层调板下方的“创建新的填充或调整图层”按钮，在弹出的命令中选择，在弹出的命令中选择“纯色”、“渐变”或“图案”命令。 （4）使用调整图层单击图层调板下方的“创建新的填充或调整图层”按钮，在弹出的命令中选择各种色彩调整命令。 ，在弹出的命令中选择各种色彩调整命令。 （5）复制图层在图层控制面板中，单击所需复制的图层，拖动该图层到图层控制面板下方的“创建新图层”按钮。 在图层控制面板中，单击所需复制的图层，拖动该图层到图层控制面板下方的“创建新图层”按钮。 （6）删除图层在图层调板中选中所需删除图层，拖动到调板下方的垃圾箱按钮上。 （7）调整图层顺序选中所需移动的图层，用鼠标直接拖动到目标位置。 （8）图层合并将要合并的图层或图层组在图层调板中放置在一起，确保两个图层都可视，执行图层调板菜单中的“向下合并”命令。 将要合并的图层或图层组在图层调板中放置在一起，确保两个图层都可视，执行图层调板菜单中的“向下合并”命令。 （9）合并可见图层执行图层调板菜单下的“合并可见图层”命令实训6文本（4课时）要求与内容要求?了解载入文字选区、制作和输入文字；?掌握异形段落文本、文字转换；?熟练掌握制作背景图像、添加文字。 内容?文字输入?段落文字?文字效果实训步骤 1、输入文本的基本操作Photoshop7.0的文字处理功能已比Photoshop6.0强大很多，用户可以对文本进行更多的控制，如可以实现对同一文本层进行多文本格式排版，可以实现在输入文本时自动换行，可以将文本转换路径使用等。 2、输入段落文本Photoshop7.0提供了3种输入文本的方式，一种是最基本的方式；另一种是段落形式输入文本的方式；还有一种以文本蒙板输入的方式。 方法单击文字工具，移动鼠标指针到图像窗口中按下鼠标键并拖动出一处矩形框，在矩形框中输入文字即可。 使用落文本，可以在一个指定范围内输入较长的一段文字，并且在输入过程中会自动换行，当在一行中排不下时就会自动跳到下一行；如果输入的内容是英文，并且一个单词在行尾排不下时，则还会自动断行输入，即在英文单词自动加入一个连字符。 3、输入文本选取范围Photoshop7.0还有一种方式，即利用文本蒙板工具输入文本，这样可以产生一个文本选取范围，以便制作一些特殊文字。 方法在工具箱中选中文本工具后，再在工具栏中选中文本蒙板工具，在图像窗口中单击并输入文本即可。 注利用文本蒙板工具输入文本时，不会在Layers面板中自动生成一个图层。 4、文本格式文本图层具有可以反复修改的灵活性，因此当输入的文本内容有错误时，或者是用户对其文本格式不满时，可以重新修改和文本内容。 方法先在工具箱中选中文本工具，再将鼠标指针移至Layers面板中文本图层预览缩略图上双击，或者在图像窗口中已有的文本位置单击，然后单击Window/Character命令即可。 5、文本查找与替换find AndRelace（查找与替换）也是Photoshop7.0的新增功能，它和Word的查找与替换一样方便好用。 在确认选中文本图层的情况下，选择Edit/find andReplace Text命令即可。 实训7滤镜特效（4课时）要求与内容要求?了解滤镜特效的功能与作用；?掌握滤镜的操作与应用；?熟练掌握添加滤镜的效果。 内容?滤镜菜单各个功能介绍?特殊滤镜效果实训步骤?倒影效果打开文件，截图至合适大小调整画布大小（高度为当前的2倍）复制图层垂直翻转滤镜，波纹 （60）滤镜，海洋波纹（1，1）高斯模糊 （1）新建图层，执行线性渐变（黑深蓝），将新图层至于最底部在倒影图层上添加图层蒙版，执行黑白渐变，调整渐变后，截图OK公益广告设计新建一幅600*600像素、RGB模式的白色图象文件。 将前景色设置为蓝色，背景色设置为白色，新建并选中图层1，单击“滤镜/渲染/云彩”命令，为图层1应用“云彩”滤镜。 打开“干裂的土地”图象文件，将图象选中并复制到新建的图象文件中，此时在新建的文件中出现图层2。 全选图层2中的图象，按下Ctrl+T键并对图象进行自由变换，调整图象的大小，然后按回车键确认。 打开“树桩”图象文件，选中树桩并将其复制到新建的图象文件中，树桩出现在图层3中。 选中树桩，单击“/变换/扭曲”命令，将树桩的下部调整的粗些，形成上细下粗的效果，再使用“缩放”命令调整树桩的大小。 选中图层3中的树桩并进行多次复制，适当调整每个树桩的大小和位置。 使用“模糊”工具分别将各个树桩的底部轻轻涂抹，是树桩与地面衔接得更加自如。 使用“画笔”工具在地面上绘制枯黄的小草。 将各个树桩所在层合并成一个图层，新建一图层，选择“自定义形状”工具，在其选项栏的“形状”列表中选择“鸟”的形状，然后为图象添加几只小鸟。 添加广告语。 选择“文本”工具，在图象的合适位置添加广告语，并对广告语进行适当设置。 布置作业禁烟广告实训8图形绘制与（4课时）要求与内容要求?了解用钢笔绘图的方法；?掌握路径的创建和方法?掌握抠图方法；?熟练掌握图像的方法。 内容?钢笔工具?路径选取转换?抠图考核要求?掌握一定的理论知识，以实训为主，熟练掌握上机的操作，完成课后习题。 实训步骤?【油漆桶】工具的应用?（）选择好前期色。 ?（）单击工具箱中的【油漆桶】工具，在油漆桶工具栏中设定相关参数。 ?（）移动鼠标光标到图像要填充的位置单击即可。 ?合成图像? （1）打开素材，使用【魔术棒】工具选中黑色背景部分，执行【选择】|【反选】命令，选中花枝。 ? （2）新建一个600*400像素的图像，RGB为颜色模式，分辨列为72dpi，内容为白色。 ? （3）将选中的花枝复制到新的图像中来，并调整其位置。 ? （4）选取【渐变】工具，在【渐变器中】渐变，并设定渐变【选项栏】参数。 ? （5）从左上至右下方拖动进行渐变，得到渐变结果。 ? （6）运用【矩形选取】工具，在图像窗口中拖动选定一个矩形区域。 ? （7）执行【选择】|【羽化】命令，设置羽化值为10像素。 ? （8）执行【】|【描边】命令，设置参数。 ? （9）按ait+d取消选区，得到最终效果。 ?太极图的绘制西瓜的绘制齿轮的绘制?实训9通道和蒙版的使用（4课时）要求与内容要求?了解矢量蒙版、图层蒙版；?掌握Alpha通道蒙版的应用；?熟练掌握应用剪贴蒙版。 内容 1、掌握通道的概念、了解通道的类型 2、掌握通道的基本操作 3、掌握快速蒙版的用法 4、灵活运用图层蒙版考核要求?掌握一定的理论知识，以实训为主，熟练掌握上机的操作，完成课后习题。 2、制作旋涡特效字 3、制作拼图效果实训步骤 二、制作旋涡特效字，效果如图4-2图4-2旋涡特效字效果图 1、新建1610厘米、72像素/英寸、白色、RGB模式图像； 2、使用“渐变工具”从画布中心向边右下拖绘浅蓝到深蓝的径向渐变； 3、使用“滤镜”菜单“扭曲/旋转扭曲”对背景进行旋转，设置角度为“999”； 4、单击“通道”面板下的按钮，新建一个通道“Alpha1”； 5、单击“横排文字工具”，在图像合适位置输入“THE”，取消选区； 6、使用“椭圆选框工具”，按住“Shift”键，用鼠标在字母“H”中画出一个正圆，如图4-3。 图4-3中间效果图 7、单击“滤镜”菜单，选择“扭曲”子菜单中的“旋转扭曲”滤镜，在打开的对话框中设置旋转角度为“700”，如图4-4，在预览的小窗口中就能看到效果了，已经将选区内的文字部分旋转，然后点击确定按钮；图4-4旋转扭曲 8、用相同的方法在图像其他相应的位置选取圆形区域，并使用“旋转扭曲”滤镜进行旋转，如图4-5；图4-5扭曲完成后的效果图 9、新建图层1； 10、单击“选择”菜单，选择“载入选区”命令，将“Alpha1”通道载入，文字选区出现在图像中； 11、使用“渐变工具”在文字选区内做浅黄到金黄的线性渐变，取消选区即可； 12、如想加强效果，可对文字所在的图层一做图层样式。 实训10路径的应用（2课时）要求与内容要求通过实训使同学们掌握路径的概念、路经工具的使用、各种路径的创作方法和调整方法、以及在图像处理中路径的应用。 内容路径和自由变换操作规则的五角星红心制作苹果实例3.实训步骤路径和自由变换操作 (1)打开素材 (2)在工具箱中选择矢量图形工具中的自定义工具,在上边的选项栏中设置图形方式为纯路径方式,在图形库中选一个有明显方向的图形,比如猫. (3)在图象中画出一只猫的纯路径. (4)在工具箱中选路径选择工具(黑箭头),单击画好的猫的路径,会看到所有的节点都是选中状态,按住Ctrl+Alt组合键,直接拖动路径,复制出一条新的猫的路径. (5)选择”变换路径水平翻转路径”命令,刚才被复制的处于选中状态的路径反转过来了,看到这两只猫现在脸对着脸了. (6)单击路径以外的地方,取消路径的选中状态.在”路径”面板最下面,单击”将路径作为选区载入”图标,看到整个路径变成了选区的蚂蚁线. (7)按Ctrl+J组合键,将选区内的图象复制成为一个新图层.为这个新图层添加投影样式.规则的五角星 (1)建立一个宽 600、高450，白色背景的文件。 (2)用快捷键ctrl+r调出标尺，点击视图新建参考线，分别按标尺刻度设置垂直、水平参考线在背景的中心，（参考线可以用移动工具移动位置） (3)用多边形工具（属性设置）设置前景色只要不是白色就可以,以十字对准参考线中心拉出五角星图形。 (4)双击路径面版中的路径存储路径,点好确定,出现形状矢量蒙版。 (5)用钢笔工具（属性设置）画出一个角的半径。 (6)用路径选择工具框选钢笔画出的路径，点击组合。 (7)按快捷键ctrl+t进行自由变换，用移动工具将自由变换的中心旋转点移动到五角星的中心,设置属性栏的旋转角度为72,回车取消自由变换，按shift+ctrl+alt+t连续4次，使其复制出4个角的半径。 (8)双击图层缩略图，弹出颜色对话框，选红色点好确定。 (9)击填充调整图层，选纯色调出颜色对话框选金黄色点好确定，取消参考线，保存OK。 (10)得最终效果图。 红心制作苹果实例实训11图像输出（2课时）要求与内容要求?了解图像输出的方式；?掌握图像输出的方法；?熟练掌握图像输出的格式。 内容?输出分辨率?图像与画布大小?输出格式?掌握一定的理论知识，以实训为主，熟练掌握上机的操作，完成课后习题。 实训步骤？实训步骤？实训12综合练习（2课时）要求与内容要求1.能够结合之前的操作方法，利用Photoshop创建综合性的案例2.在综合训练中扎实Photoshop基本功选区工具、套索工具等，图层，图像调整，文字工具，图层样式等。 3.综合运用制作多个商业案例。 ?内容淘宝广告案例女装广告?淘宝广告案例网站首页实训步骤 （1）准备素材 （2）打开图片 （3）利用选区工具，选择所需图片部分，再合成，参考下图实训13自动化操作以及WEB图像处理 （2）要求与内容要求通过制作实例，掌握动作的基本功能和应用,掌握使用批处理提高工作效率,掌握制作WEB图像的方法,掌握制作简单动画的基本方法。 实训内容引用动作制作胶卷相框引用动作使照片清晰化制作分针转动的挂钟在图像上创建切片，并添加超链接实训步骤引用动作制作胶卷相框引用动作使照片清晰化（）打开一幅照片（）新建“照片处理”动作序列（）新建“清晰化”动作（）开始录制动作（）复制背景层（）对“背景副本”图层选择“柔光”模式（）拼合图层，再次复制背景层（）再次柔光、拼合图层（）停止记录制作分针转动的挂钟（）在PS中绘制表盘和分针（）转入ImageReady CS中（）在“动画”面板中单击复制当前帧按钮（）在“图层”面板中复制分针所在层（）选中复制图层中的分针，使用“自由变换”工具以分针底为轴心旋转6度（）在“动画”面板中再次单击复制当前帧按钮（）再次复制旋转之后的分针所在层，选中该层并使用“自由变换”工具对分针再次旋转6度（）经过多次的“复制当前帧”、“复制当前层”、“自由变换”分针，得效果在图像上创建切片，并添加超链接实训14FLASH CS入门操作(2课时) 1、运行Flash安装完成后，用鼠标单击“开始”按钮，然后选择“所有程序Adobe DesignPremium CS3Adobe Flash CS3Professional”，如图1.1.04所示。 用鼠标单击“Adobe FlashCS3Professional”选项后，FlashCS3便开始运行，运行结果如图1所示。 2、新建一个空白的Flash文档执行【文件】|【新建】|新建空白文档，选择“Flash文档（ActionScript2.0）”选项。 3认识Flash的布局及布局操作图2图1新建一个空白的Flash ActionScript2.0文档后，将打开如图1所示操作界面。 我们将Flash的操作界面划分为ABCDEFGH八个区域，并分别对这八个区域进行一一讲解。 A区标题栏B区菜单栏C区主工具栏D区Flash区E区下方窗口控制区F区右方窗口控制区G区时间轴面板H区绘图工具栏 (1)主工具栏Bridge:转到Bridge；bridge提供了图片查看、等功能，能够批量查看图片.剪切、复制用选择工具“”选定某一对象；粘紧至对象使不相交的两点相互吸附至一点。 即在区中不相交的两点，按住鼠标左键移动其中一点到另点上，放开鼠标左键，此时，这两点会相图1图2互吸附至一点。 平滑使不平滑的曲线，经过一次或多次点击“平滑”按钮后变得平滑。 效果如图3所示。 伸直使曲线经过一次或多次点击“伸直”按钮后变成直线。 效果如图5所示。 旋转与倾斜用选择工具“”选定某一对象，按“旋转与倾斜”按钮，可以改变这个对象的旋转角度和倾斜角度。 具体操作在后面部分讲解。 缩放用选择工具“”选定某一对象，按“缩放”按钮，可以改变这个对象大小。 具体操作在后面部分讲解。 对齐打开对齐面板，可选择应用需要的对齐方式按钮。 (2)Flash区Flash区也称舞台，任何效果都在区中出来的。 舞台说明如图4所示。 (3)属性面板1.显示属性面板内容鼠标单击属性面板控制栏。 (图5的处)2.关闭属性面板鼠标单击图5的处，关闭属性面板。 3.调出属性面板鼠标选择菜单“窗口属性属性”菜单项。 或按快捷键Ctrl+F3； (4)右方窗口控制面板区如图6所示。 拖动处，改变“右方窗口控制面板”的大小；单击处，隐藏颜色面板。 (单击各面板的控制栏显示或隐藏相应面板)；单击处，隐藏“右方窗口控制面板”，如图7所示。 单击相应的“面板控制按钮”将打开相应的面板(如图图3图4白色区域为区大小，当文档内容超出区之外时，发布成相应文件后将不能显示。 垂直滚动条控制区的垂直位置。 水平滚动条控制区的水平位置。 图58的处为“颜色面板按钮”)。 单击图8的处，打开处所示的“颜色面板”。 将鼠标移动到处之外的区域单击，隐藏颜色面板。 主要用到的并且放置在右方窗口控制区中的面板有颜色面板、样本面板、对齐面板、信息面板、变形面板、库面板、帮助面板、动作-帧面板(也叫“动作面板”)，如图9所示。 因此，我们要将这些面板放入到“右方窗口控制面板”中，以便我们在时快速的使用面板。 其中用的最多的有颜色、库、对齐、动作这几个面板，因此，在这几个面板的上下位置应放置合理，顺手。 在Flash中，各面板的调出主要是选择“窗口”菜单下的菜单选项，操作如图10所示。 其中动作面板和帮助面板在调出时是一个独立的部分，默认的情况下并没有放入到“右方窗口控制面板”中，因此，我们要将这两个面板移动到“右方窗口控制面板”中，具体操作将在视频教程中演示。 如果用文字描述操作过程为鼠标拖动各面板的标题栏，拖动至右方窗口控制区，放开鼠标。 若要将工作区还原为默认状态，操作如图11所示。 实训15工具箱的使用（2课时）首先，我们认识一下工具面板，如图1。 A区4个工具，主要用于选择对象或选择某一区域。 B区有6个工具，主要用于绘图。 C区有4个工具，主要用于填充。 D区2个工具，主要用于查看图6图7图8区。 E区有2个工具3个按钮，主要用于填充颜色选择。 F区附加区，选定不同的工具时，在此处显示不同的附加工具。 各工具名称如图2。 1、颜色选择工具 (1)笔触颜色(线条颜色)笔触颜色选择工具的作用是选择一种颜色作为线条的填充颜色。 单击图3的处，选定(激活)此工具。 单击图3的处，打开如图4的“颜色选择面板”。 图4的处显示当前选定的颜色；处显示当前选定颜色代号(16进制数字)，如此处为ff0000，表示为红色，同时，此处也是一个输入框，在此输入相应16进制数字，将选择相应颜色；示处显示Alpha的值(即线条的透明度)，数值在0100之间，当数值为0时，表示线条颜色完全透明，当数值为100时，表示线条颜色完全不透明；处为“没有颜色”按钮，选定此按钮，表示没有线条颜色(即不绘制线条)。 处为“渐变颜色”选择。 (2)填充颜色“填充颜色”的作用是选择一种颜色作为填充区域的填充色。 单击图5的处，选定(激活)此工具。 单击图5的处，打开如图4的“颜色选择面板”，操作与图4相同。 (3)切换黑白底色按钮将笔触颜色设置为黑色，填充颜色设置为白色。 （图6） (4)交换颜色按钮交换笔触与填充的当前颜色。 图3图4图56 (5)没有颜色按钮表示不绘制线条部分或者不绘制填充部分。 (注意在绘图时，线条与填充是分开的两部分，因此，在颜色选择上都是独立的操作) 2、查看区工具 (1)如图7，单击“手形工具”，将鼠标移入区后，鼠标指针变成“”，拖动鼠标，你可以发现区位置被移动了。 因此，手形工具作用就是移动区到你想显示的位置。 (2)如图8，单击“缩放工具”，将在附加区中出现两个按钮，一个是“放大按钮”，一个是“缩小按钮”。 选定放大按钮，在区单击，放大区；选定缩小按钮，在区单击，缩辑区。 3、绘图工具 (1)线条工具绘图若按住键盘上的“Shift”不放，用“线条工具”在区可画出水平、垂直、45度的直线。 绘图前对直线的设置线条工具+附加按钮+属性面板选定“线条工具”，打开“属性”面板，如图9所示。 处显示当前选定的工具；处(两个)设置直线颜色；处设置直线粗线；处设置直线样式；处设置直线两个端点的样式；设置两条直线相交处的样式；处设置直线两个端点的样式；设置两条直线相交处的样式；处(附加按钮)为对象绘制按钮，选定此按钮之后，在区绘制出来的直线将以一个对象的形式出现，建议在绘图时都不要选定此按钮。 处(附加按钮)为粘紧至对象按钮，选定此按钮，在区绘制直线时，有吸附作用。 实训16时间轴的使用1.时间轴面板与文档控制面板如图12手形所指的部分为文档控制面板的内容，剩下的部分为时间轴面板。 这里我们把它放在一起介绍。 我们先介绍文档控制面板上的各按钮表示什么意思。 处为文档切换按钮，当打开多个Flash文档时，在处会有多个按钮，单击相应的按钮可以实现文档切换。 处为隐藏/显示时间轴面板按钮。 处显示你此时所处的位置。 处选择工作区中面板数量及排列方式。 图7图8处选择场景，如果你新建了多个场景，可以通过此处进行切换，它与处的显示的场景名称相对应。 本书所倡导是只新建一个场景，即默认的场景1。 处选择元件。 关于元件的概念将在后面部分讲解。 处选择区的放大与缩小的百分比数。 在的过程中，如果想把区放大2000%，我们可以在此处输入数字2000，然后按“Enter”回车键，即可放大20倍。 在操作过程中，如果要细致的操作，可放大，要整体操作，可缩小。 时间轴面板可以分成图层操作部分和帧操作部分。 如图13为图层操作部分。 处显示图层名称，默认名称为“图层1，图层2”。 鼠标单击此处，选定图层，鼠标双击此处，出现光标，可以更改图层名称。 处为新建图层按钮，单击此按钮可在选定的图层之上新建一图层。 处为新建引导图层按钮，单击此按钮可在选定的图层之上新建一引导图层，引导图层是有特定作用的一种图层，具体用法将在第二章部分讲解。 处为新建图层文件夹按钮，图层文件夹的作用是放置图层。 在创作动画的过程中，可能将新建无数多的图层，图层多了就容易混乱，因此我们可以将一些已经好的图层放入图层文件夹中，可以达到解决图层数过多的问题。 新建一图层文件夹后，拖动图层至文件夹图层上，放开鼠标，图层将被放入图层文件夹中。 处为删除图层按钮，选定图层后，按下此按钮可以删除图层。 处为显示/隐藏所有图层按钮，按下此按钮，将显示或隐藏所有图层在区中的内容。 处为解除/锁定所有图层按钮，按下此按钮，所有图层上的所有内容将不能被修改(即区中的所有内容不能被修改)，但是对时间轴上的帧的操作不起锁定作用。 即所有一切帧的操作都还能进行。 处为显示所有图层的轮廓按钮，在区中的内容有轮廓和填充两部分，如图3图12一个长方形的四条边为黑色，里面的填充色为红色，那么边就是轮廓，红色部分就是填充部分。 按下此按钮后，在区中的这个长方形将只显示它的四条边，而填充部分将被隐藏。 处为显示/隐藏本图层按钮，按下此按钮，本图层在区中的所有内容将被隐藏或显示。 处为锁定本图层按钮，按下此按钮，锁定本图层的内容。 处为显示本图层轮廓按钮，按下此按钮，显示本图层内容的轮廓。 图如图14为时间轴面板中帧操作部分处显示为“1，5，1040”的数字，这些数字表示当前位置的帧数。 处为显示“当前帧”，数字表示当前选定的帧的帧数。 此处数字为6表示现在选定了第6帧，如处所示，黑色块表示当前选定的帧。 处显示帧频(即一秒钟运行的帧数)，此处显示为12.0fps表示每秒钟运行12帧。 处显示运行时间，即运行到某一帧时所需的时间。 0.4s表示从第1帧运行到第6帧所用时间为0.4秒。 处为播放头，鼠标拖动此处，可以预览动画。 按“Enter”键，播放头从当前位置自动播放。 处显示此帧为当前操作帧。 鼠标单击某帧后，显示为黑块，表示此时选定了这帧，此时所有的操作都是对这帧的操作或者是对这帧在区中的内容的操作。 处显示了三种类型的帧关键帧、过渡帧、空白关键帧，在时间轴上插入这三种帧的快捷键分别为F 6、F 5、F7。 关键帧、过渡帧、空白关键帧在时间轴上的表现形式关键帧在时间轴上表现为一个实心的小圆点，如处(第1帧)；过渡帧在时间轴上表现为灰色，如图中29帧所示；空白关键帧在时间轴上表现为空心的小圆点，如处所示(第10帧)。 处是“滚动到播放头”按钮，其作用是将“播放头”帧移动到时间轴面板的正中央。 处有4个按钮，主要用于绘画。 我们把它放在逐帧动画那节讲解。 注意时间轴面板、图层、帧、区这四者的关系可以描述为时间轴面板上可以放置无数的图层，每一图层有无数的帧，每一帧对应一个区。 时间轴面板、图层、帧、区这四者的关系可以描述为时间轴面板上可以放置无数的图层，每一图层有无数的帧，每一帧对应一个区。 图14图15图16实训17FLASH制作动画旋转拖尾文字效果(2课时)实验名称旋转拖尾文字效果实验目的实验目的通过实验同学们应1）熟练掌握拷贝帧、粘贴帧和移除帧命令2）掌握移动旋转动画的创建3）掌握如何分离文字实验仪器设备计算机实验环境Flash8.0实验内容1)新建文件，设置文档大小为“500*500”像素，背景为“深蓝色”(#000066)帧频为30fps。 2)新建“影子”元件1）选择“插入”菜单，“新建元件”选项，弹出“创建新元件”对话框，输入名称“影子”，行为“图形”，在工具栏单击“文本”工具选择合适的字体、加粗、斜体在舞台上输入文字，如“flash8动画制作”。 设置面板如下图图2_12)将文字打散为矢量图，选择“修改”“分离”“修改”“分离”（快捷键按两次“CTRL+B”键），然后用颜料桶工具进行线性填充，混色器面板如图在信息面板中将中心坐标设置为“0”图2_23)选中“影子”第一帧，右键单击，选择复制帧命令。 3、新建“文字”元件1）选择“插入”“新建元件”，弹出“创建新元件”对话框，输入名称“文字”，行为“图形”，右键单击第一帧，选择“粘贴”帧命令，直接将填充复制一份。 2）选择墨水瓶工具先为文字添加上白色边框，然后用箭头工具框选中所有的文字及其边框，选择菜单栏的“修改”“形状”“将线条转换为填充”命令。 3）再选择墨水瓶工具，为填加第二层蓝色边框，如图图2_ 34、退出元件状态，新建一图层，并将两个图层分别命名为“1”和“2”。 然后将“文字”从库中拖到“1”层的舞台上，右键单击第1帧，在弹出的菜单中选择“创建补间动画”命令，制作运动动画。 5、在“1”层的第50帧处插入关键帧（快捷键F6），然后右键单击选择“删除补间”命令，接着在第68帧插入一普通帧（快捷键F5），使文字状态在最后保持不变。 6、选择“1”层第1帧第49帧的任意一帧，打开属性面板，在旋转下拉列表中选择“逆时针”，并将圈数设置为1，如图图2_ 47、将“1”层锁定，用同样的方法在“2”层制作“影子”元件的运动动画，也为逆时针旋转一圈，从时间轴的第3帧旋转至52帧，并且将其首尾两帧中对象的Alpha值都设置为88%。 设置实例在舞台上的位置时，应该注意其旋转中心应与其上层“文字”实例的旋转中心一致。 8、拖曳鼠标以选中“2”层的第3帧第52帧，然后右键单击，在弹出的菜单中选择“复制帧”命令。 图2_ 59、新建图层39，将刚才复制的帧有秩序的在各个图层上粘贴，得到如图所示的时间轴。 图2_ 610、有规律地设置39层中首尾两帧对象的Alpha值，可以分别设置成88%、77%、66%、55%、44%、33%、22%、11%，这样就可以模拟出跟踪拖尾的效果。 11、保存并测试动画。 图2_7文字旋转时后面跟着自己的影子，给人超强的速度感。 实训18遮罩的应用淡入淡出(2课时)实验名称淡入淡出实验目的通过实验同学们应1）掌握填充转换工具、遮罩命令和调色板中的RGB值的设置2）了解填充转换工具对填充颜色的方向、角度和范围进行实验仪器设备计算机实验环境Flash8.0实验内容 1、导入“背景”在时间轴上将图层1改名为“背景”，选择菜单栏“文件导入导入到舞台”命令，找到事先准备好的图片，将其导入到舞台，并调整其大小与舞台工作区相同。 图5_ 12、创建“淡入淡出文字”元件1）选择“矩形”工具，绘制一矩形，在混色器中设置笔触没有颜色，填充样式为“线性”分别为绿色?白色?绿色2）选择“填充变形”工具，将矩形中的颜色旋转90度图5_23)新建图层2,在区内选择“文本工具”输入一段文字，设置它的中心坐标为x:150,y:2604）在图层1的第40帧插入普通帧（F5）5）在图层2的第40帧设置文字的中心坐标为x:150,y:-64,并在第1帧创建补间动画6）右键单击图层2，选择遮罩层命令图5_ 33、回到场景，新建图层，改名为淡入淡出，在第1帧将“淡入淡出”元件拖入舞台工作区，放置在适当的位置上！ 4、测试影片实训19引导动画时钟环绕(2课时)实验名称时钟环绕实验目的实验目的通过实验同学们应1）了解绘图工具的使用2）掌握引导线的使用和中心点的确立实验仪器设备计算机实验环境Flash8.0实验内容 一、制作模拟指针钟实验内容 一、制作模拟指针钟 1、新建文档设置文档属性将舞台工作区大小设置为“300px*600px”，并选择“视图”“网格”“显示网格”，使舞