[Photoshop CS] - 苏州教师培训网.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 1）单击按钮，回到场景1，然后删除向上和向下两个按钮。 2）执行菜单中的“窗口| 组件”命令，调出组件面板。然后从中选择“UIScrollBar”组件， 如图7-31 所示。接着将其拖动到舞台中动态文本框的右侧，此时，滚动条会自动吸附到动态文本框上，如图7-32 所示。 图7-31 选择“UIScrollBar”组件 图7-32 滚动条自动吸附到动态文本框上 3. 制作由滚动条组件控制文本的上下滚动效果 3）至此，由滚动条组件控制文本的上下滚动效果制作完毕。下面执行菜单中的“控制| 测试影片”（快捷键〈Ctrl+Enter〉）命令，打开播放器窗口，即可测试效果，如图7-33 所示。 图7-33 由按钮控制文本的上下滚动效果 7.3.2 制作QQ 卷展类别效果 本例将制作单击不同选项卡，会显示出相关选项卡中的不同头像，效果如图7-34 所示。通过的本例学习，读者应掌握Accordion 组件的应用。 图7-34 QQ 卷展类别效果 要点： 1）启动Flash CS5 软件，新建一个Flash 文件（ActionScript 2.0）。 2）执行菜单中的“文件| 导入到库”命令，导入配套光盘中的“素材及结果\7.3.3 制作模拟QQ 效果\face1.jpg ～ face8.jpg”和“背景.jpg”图片，此时“库”面板如图7-35 所示。 3）设置文档大小。方法：从“库”面板中将“背景jpg”拖入舞台，然后执行菜单中的“修改| 文档”命令，在弹出的“文档设置”对话框中单击“内容”，如图7-36 所示，此时软件会自动将文档大小与“背景.jpg”图片进行匹配，接着单击“确定”按钮，效果如图7-37 所示，最后将“图层1”重命名为bg。 操作步骤： 1. 创建相关元素 图7-35 QQ 卷展类别效果 图7-37 与图片匹配后的效果 图7-36 单击“内容” 4）单击时间轴下方的 （新建图层）按钮，新建一个Accordion 层，如图7-38 所示。 5）执行菜单中的“窗口| 组件”命令，调出“组件”面板，如图7-39 所示。然后在Accordion 层将“组件”面板中的Accordion 组件拖入舞台，如图7-40 所示。 图7-38 新建Accordion 层 图7-40 将Accordion 组件拖入舞台 图7-39 “组件”面板 6）调整Accordion 组件的大小。方法：选择舞台中的Accordion 组件，然后在“属性” 面板中设置“宽”为 250.00，“高”为300.00，如图7-41 所示。接着调整Accordion 组件的位置如图7-42 所示。 图7-41 单击“内容” 图7-42 调整Accordion 组件的位置 7）制作4 个QQ选项卡中要加载的头像按钮。方法：执行菜单中的“插入| 新建元件”（快捷键〈Ctrl+F8〉）命令，然后在弹出的“创建新元件”对话框中设置参数如图7-43 所示，单击“确定”按钮，进入“face1”按钮元件的编辑状态。接着从“库”面板 中将“face1.jpg”拖入舞台， 并将其x、y 坐标设为（0.00，0.00），如图7-44 所示。最后分别在时间轴“指针经过”、“按下”和“点击”帧按快捷键〈F6〉，插入关键帧，如图7-45 所示。 图7-43 新建“face1”按钮元件 图7-44 将“face1.jpg”的x、y 坐标设为0 图7-45 face1 元件的时间轴分布 8）同理，创建出face2 ～ face8 按钮元件，此时“库”面板如图7-46 所示。 图7-46 face1 元件的时间轴分布 9）制作mc1 影片剪辑作为第一个QQ 选项卡的内容。方法：执行菜单中的“插入| 新建元件”（快捷键〈Ctrl+F8〉）命令，然后在弹出的“创建新元件”对话框中设置参数如图7-47 所示，单击“确定”按钮，进入mc1 影片剪辑元件的编辑状态。接着将face1 和face2 按钮元件分别拖入该元件，并将face1 按钮元件的x、y 坐标设为（20.00，10.00），如图7-48 所示； 将face2 按钮元件的x、y 坐标设为（20.00，