Swish 简明教程.doc

Swish 简明教程一、 创建第一个Swish文件二、 输入和处理图像与动画三、 添加音乐和声音四、 创建按钮五、 创建菜单六、 创建精灵七、 为影片添加交互性一、创建第一个Swish影片（一）察看已完成作品效果1 打开Swish程序2 从“文件”菜单选择“样本|first.swi”3 从“文件”菜单选择“测试|在播放器中”（二）制作1. 从“文件”菜单选择“新建”2. 从“电影”面板中设置影片属性，宽：700，高：450，帧频：15，背景：白色。结果（如图1-1）3. 在“版面”面板的“显示控制”部分选择缩放100%。使得舞台区域与版面的中心重合。 图1-14. 在“轮廓”面板中，选择“场景1”。在工具栏选择插入文本。5. 选择“文字面板”，把“文本”改称单词“This”。改变字大小为48point。在“时间线”面板上，选择“This”所在行的第0帧，点击“添加效果”按钮。从下来菜单中选择“淡入”效果。去掉“从上一个效果继续”的选择项。选择“开始在”选项卡，在“x比例”处选择“比例因素”，在后面百分比框中输入20。选择“运动”选项卡，选择“x比例|调整大小到100%”6. 选择“播放影片”按钮，察看效果。7. 选择“This”所在行的第14帧，点击“添加效果”按钮，从菜单中选择“淡出”效果，接受所有默认效果，关闭对话框。8. 测试效果，按“停止”键结束测试。9. 在淡出效果上右击鼠标，从快捷菜单中选择“属性”，打开属性对选框，把“持续”从10改为4。10. 测试效果，按“停止”键结束测试。11. 在“轮廓”面板中先选择“This”，然后选择插入文本，在“文字面板”上，把文字改为“is”。12. 重复11步操作，把文字改为“My”.13. 重复11步操作，把文字改为“Message”.14. 在时间线面板中，选择“This”上的淡入效果，按住“shift”，再选择淡出效果。右击鼠标，选择“复制效果”。15. 在“Is”的17帧，右击鼠标，选择“粘贴效果”；同样，在“MY”的34帧，“Message”的51帧，粘贴效果。结果如图16. 选择“Message”上的淡出效果，右击鼠标，选择“属性”。在“淡出设置”对话框选择“运动”选项卡，选择“X比例|调整到比例”，在后面百分比对话框中输入400，关闭对话框。17. 测试效果。18. 选择保存影片按钮，保存影片。二、输入和处理图像与动画（一）1 打开在上一讲保存的swi影片。2 选择工具栏中插入影片按钮。从样本文件夹中选择first.jpg文件。（C:program filesswish2.0样本）3 图片应显示在版面中间。4 选择“外形”面板，把图片的名字改为“center.jpg”。（略）5 选择属性按钮，在弹出的“图像”对话框中选中JPEG品质，把值改为10%。6 测试效果。7 选择“置于底层”按钮，把图像放在文字之下。8 重复第5步操作，调整“图像”对话框中选中JPEG品质，把值改为50%。9 测试效果。10 从时间线面板左边栏中选择图像，右击鼠标，选择复制对象。使用粘贴按钮粘贴第二幅图片。11 选择“电影”面板，选择显示网格按钮，打开网格显示。把网格的高和宽都设为5。12 选择“变形”面板，察看图像的坐标，把第二幅图片的坐标改为（140，225）13 在“外形”面板上，把左边图像的名字改为“left.jpg”14 选择“left.jpg”，选择“置于底层”按钮，然后再选择“向前放”按钮。这时图像会位于从底下数的第二层，仅仅处于“center.jpf”之上。15 重复步骤10、12、13，粘贴第三幅图片，把图片的坐标改为（560，225），使之位于版面的右侧。16 将右侧的图片改名为“right.jpg”17 单击“置于底层”按钮，将“right.jpg”置于底层。18 在时间线面板上，选择left.jpg所在的行的第70帧，然后单击“添加效果”按钮，从菜单中选择“淡入”，把持续时间改为4帧。19 在这个效果上右击鼠标，从弹出的菜单中选择复制效果。20 在center.jpg行的第72帧右击鼠标，选择粘贴效果。21 在right.jpg行的第74帧右击鼠标，选择粘贴效果。22 察看效果。23 在left.jpg行的第88帧单击鼠标左键。然后单击“添加效果”按钮，从菜单中选择“移动”，把持续时间改为5帧，在运动选项卡中选择“X位置|移动到X”,（如下图），将值改为350。24 在center.jpg行的第93帧单击鼠标左键。然后单击“添加效果”按钮，从菜单中选择“移动”，把持续时间改为5帧，在运动选项卡中选择“X位置|移动到X”,（如下图），将值改为560。25 在right.jpg行的第98帧单击鼠标左键。然后单击“添加效果”按钮，从菜单中选择“移动”，把持续时间改为5帧，在运动选项卡中选择“X位置|移动到X”,（如下图），将值改为140。26 测试效果，保存文件。二、输入和处理图像与动画（二）1 从工具栏中选择插入内容按钮，从打开的对话框中，选择“logo.swf”。从“导入帧”对话框中选择“选择所有的帧”和“导入为精灵”。导入的图片被存在的一个名为“logo”精灵之中。2 图像应显示在版面中间3 在logo.swf所在行的第110帧单击鼠标左键。然后单击“添加效果”按钮，从菜单中选择“淡入”，把持续时间改为4帧，在运动选项卡中选择“X比例|调整到比例”，在百分比编辑框中将值改为60，并选择“X=Y”。4 在logo.swf所在行的第120帧单击鼠标左键。然后单击“添加效果”按钮，从菜单中选择“淡出”，把持续时间改为3帧。5 测试效果。6 在场景1的第125帧单击鼠标左键。然后单击“添加效果”按钮，从菜单中选择“停止”。停止命令就被加到了“操作”面板中。7 察看效果，保存文件。三、 添加音乐和声音在Swish中，你可以导入.wav格式和mp3格式的声音文件，你既可以控制总体音量的大小，也可以使用简单的淡入弹出效果。加入的声音既可以到达某一个帧时播放，也可以响应一个鼠标事件（在后面按钮部分讲）。添加背景音乐1 在场景1的第1帧上右击鼠标，从弹出的菜单中选择“播放声音”（如图），在第1帧上就出现一个喇叭标示。2 从“操作”面板中你会看到“播放声音”被标示。单击下面的导入按钮你会看到导入声音对话框。从对话框中选择“88A.mp3”（记住先选择文件类型mp3）。3 测试效果，声音只播放了一次。4 从操作面板中，选择“选项”按钮，打开“播放选项”对话框，将循环次数改为15，音量为100%，选择“如果已经播放就不播放”。5 测试效果。添加声音效果为logo的出现添加同步声音效果。1 在场景1的第110帧上右击鼠标，从弹出的菜单中选择“播放声音”2 导入声音“FX1001”3 设置循环声音为1次，音量100%，选择声音效果为面板从左到右，确定。4 测试效果。5 停止声音。在第111帧右击鼠标，选择“停止声音”并从操作面板上选择“88A.mp3”，从键盘上按下回车键。四、创建按钮按钮对象可以给电影添加各种鼠标效果而不必打断电影的主时间线。你既可以通过插入按钮工具插入一个空的按钮，也可以把一个存在的对象通过“修改转换转换为按钮”菜单将它转换为按钮。也可以通过组合工具栏（查看工具栏组合工具栏打开）将它转化。创建一个按钮1 打开保存的“first.swi”文件。2 从主菜单中选择“插入场景”插入场景23 在工具栏选择插入文本。把“文本”改称“LINK1”，大小为12。4 通过组合工具栏转换为按钮工具将它转化为按钮5 从按钮的对象树中选择放开状态中的LINK1，从文字面板中将颜色从黑色改为深绿6 从按钮的对象树中选择越过状态中的LINK1，从文字面板中将颜色从黑色改为中灰7 从按钮的对象树中选择按下状态中的LINK1，从文字面板中将颜色从黑色改为深灰8 从按钮的对象树中选择放开状态中的LINK1。你会看到一个黑色的矩形，这个矩形是按钮的响应区域，它不会显示出来。9 测试按钮的各种状态。给按钮添加声音1 打开保存的“first.swi”文件。2 在轮廓面板中选择场景23 选择轮廓面板中的选择“LINK1”，单击按钮图标旁边的减号（-）。4 从操作面板中选择添加事件，从下拉菜单中选择“在滚过”On(Roll Over)。“在滚过”事件就出现在操作窗口中。5 按下添加动作按钮，选择“播放声音”，并导入Beep1.wav。6 使用播放场景按钮测试按钮上的声音7 选择操作面板上的“在滚过”On(Roll Over)，单击添加操作，选择“在按下”On Press8 重复步骤5为“在按下”On Press添加声音Beep2.wav9 测试按钮，当鼠标经过按钮时你会听到第一个声音，当鼠标按下时，你会听到第二个声音。五、创建菜单1 打开保存的“first.swi”文件2 选择场景23 使用缩放100%按钮以看到全部版面4 从工具箱中选择矩形工具。从左上角开始向右下角拖动鼠标，画一个矩形5 选择变形按钮，把矩形的高宽改为702和40（去掉“统一”选项）。将坐标改为（350，19）以使其居中对齐。6 选择形状面板，把边线的颜色改为深绿，将填充色改为浅灰。7 选择做好的矩形，复制粘贴，制作第二个矩形，将其座被改为（350，431）8 创建第三个矩形9 将其大小改为（700，450），坐标为（350，225）。10 选择形状面板，把边线的颜色改为深绿，将填充色改为无11 在场景所在行上右击鼠标，选择停止12 选择场景1，去掉125帧上的停止操作（在标示上右击鼠标，选择删除操作或剪切操作）13 测试，会看到两个场景以次播放。14 选择场景215 选择“LINK1”，把它置于顶层，并放在左上角。16 确认轮廓面板中按钮的各种状态不可见，必要的时候单击减号17 选择按钮，使用Control+C键复制按钮，然后选择场景2（一定确认场景2被选中，因为一个按钮不能被粘贴到另一个按钮的内部）18 粘贴，并把位置向右移动，离第一个按钮大约200像素19 重复步骤17，在放置6个按钮，共8个按钮，上面4个，下面4个20 测试，查看效果21 按钮放置好后，把上面从左数第二个按钮改为“LINK2”22 从轮廓面板中，单击按钮旁边的加号，把各个状态中的文字都从“LINK1”改为“LINK2”23 重复步骤22为其他6个按钮改名24 把右下角的按钮改为“E-mail”25 测试，保存六、创建精灵所谓精灵就是影片中的影片。1 打开保存的“first.swi”文件2 选择场景23 选择矩形工具，创建一个约为版面一般的矩形，高：420，宽：220，位于版面的中间，如左上图。4 从外形面板中选择实线，并把线的宽度设为2，颜色为深绿，填充色为浅灰5 从“修改转换”菜单中将刚才的矩形转化为精灵，轮廓面板中就会出现一个精灵标志。选择精灵面板，将名字改为pop-up，不改变背景色，不选择循环。6 选择轮廓面板中精灵，使用加号打开精灵中的内容。7 选择精灵，添加文字X，字号设为20，颜色深绿8 把X放置矩形的右上角9 在时间线面板上选择矩形。单击第一帧，添加“淡入”效果，把持续时间改为4帧10 选择外形面板，把“矩形”改为“window”11 选择文本X对象所在的行，单击第4帧，添加“放置”效果，使用默认设置12 从插入菜单选择内容。在打开的对话框中选择“样本”文件夹中“first.txt”13 从“文本”面板，改变字号为11，左对齐。选择“有名字”并把编辑框中的名字改为“link1”14 选择“link1”所在的行，添加效果“放置”，使用默认值15 单击精灵对象的第4帧，添加效果按钮变为了添加操作按钮，单击此按钮，选择“停止”16 测试效果17 选择“windows”所在行的第6帧。添加“淡出”效果，持续时间为3帧18 选择“X”所在行的第6帧。添加“删除”效果19 选择“link1”所在行的第6帧。添加“删除”效果20 在时间线上选择“X”文本对象，然后选择动“操作”面板，单击“添加事件”按钮，选择“在（按下）”。21 单击“添加操作”按钮，选择“转到帧”，在数字处输入6。如右图22 选择pop-up精灵所在行的第9帧，单击添加操作按钮，选择停止。23 选择pop-up精灵所在行的第0帧，单击添加操作按钮，选择停止。精灵将被一个操作引用，结果如下图。24 为预览精灵使用预览帧模式。组合一个精灵1 Pop-up精灵在轮廓面板的顶层。选择除pop-up外的所有内容（按住鼠标左建）2 选择菜单“修改组合组合为精灵”，把所选择的所有内容放入一个精灵之中。3 选择精灵面板，把精灵的名字改为“menu”，去掉“循环”选项。4 选择场景2，选择menu精灵对象。选择menu的第1帧，单击添加效果按钮，选择“淡入”效果。5 测试效果，存盘。七、 为影片添加交互性把精灵连接到一个操作1 打开保存的“first.swi”文件2 选择场景23 选择“link1”按钮，隐藏按钮的各个状态4 从“操作”面板中选择“播放声音”beep2.wav”，单击添加操作按钮，选择“告知目标”，从“目标”的下拉菜单中选择“/pop-up”（见左图）。再次单击添加操作按钮，选择“转到帧”，把帧数从0改为1，结果如右图5 测试场景，单击“link1”，查看效果。单击“X”复位。6 在时间线中选择pop-up，复制，选择场景2，粘贴。（粘贴前若不选择场景2，则粘在原来的精灵内部）7 选择精灵面板，把第二个精灵名字改为“pop-