一、创建第一个Swish文件
二、输入和处理图像与动画
三、添加音乐和声音
四、创建按钮
五、创建菜单
六、创建精灵
七、为影片添加交互性
一、创建第一个Swish影片
(一)察看已完成作品效果
1.打开Swish程序
2.从“文件”菜单选择“样本|first.swi”
3.从“文件”菜单选择“测试|在播放器中”
(二)制作
1.从“文件”菜单选择“新建”
2.从“电影”面板中设置影片属性,宽:700,高:450,帧频:15,背景:白色。结果(如图1-1)
3.在“版面”面板的“显示控制”部分选择缩放100%。使得舞台区域与版面的中心重合。
图1-1
4.在“轮廓”面板中,选择“场景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.选择工具栏中插入影片按钮。从样本文件夹中选择文件。(C:\\program files\\swish2.0\样本)
3.图片应显示在版面中间。
4.选择“外形”面板,把图片的名字改为“”。(略)
5.选择属性按钮,在弹出的“图像”对话框中选中JPEG品质,把值改为10%。
6.测试效果。
7.选择“置于底层”按钮,把图像放在文字之下。
8.重复第5步操作,调整“图像”对话框中选中JPEG品质,把值改为50%。
9.测试效果。
10.从时间线面板左边栏中选择图像,右击鼠标,选择复制对象。使用粘贴按钮粘贴第二幅图片。
11.选择“电影”面板,选择显示网格按钮,打开网格显示。把网格的高和宽都设为5。
12.选择“变形”面板,察看图像的坐标,把第二幅图片的坐标改为(140,225)
13.在“外形”面板上,把左边图像的名字改为“”
14.选择“”,选择“置于底层”按钮,然后再选择“向前放”按钮。这时图像会位于从底下数的第二层,仅仅处于“center.jpf”之上。
15.重复步骤10、12、13,粘贴第三幅图片,把图片的坐标改为(560,225),使之位于版面的右侧。
16.将右侧的图片改名为“”
17.单击“置于底层”按钮,将“”置于底层。
18.在时间线面板上,选择所在的行的第70帧,然后单击“添加效果”按钮,从菜单中选择“淡入”,把持续时间改为4帧。
19.在这个效果上右击鼠标,从弹出的菜单中选择复制效果。
20.在行的第72帧右击鼠标,选择粘贴效果。
21.在行的第74帧右击鼠标,选择粘贴效果。
22.察看效果。
23.在行的第88帧单击鼠标左键。然后单击“添加效果”按钮,从菜单中选择“移动”,把持续时间改为5帧,在运动选项卡中选择“X位置|移动到X”,(如下图),将值改为350。
24.在行的第93帧单击鼠标左键。然后单击“添加效果”按钮,从菜单中选择“移动”,把持续时间改为5帧,在运动选项卡中选择“X位置|移动到X”,(如下图),将值改为560。
25.在行的第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.从主菜单中选择“插入—场景”插入场景2
3.在工具栏选择插入文本。把“文本”改称“LINK1”,大小为12。
4.通过组合工具栏转换为按钮工具将它转化为按钮
5.从按钮的对象树中选择放开状态中的LINK1,从文字面板中将颜色从黑色改为深绿
6.从按钮的对象树中选择越过状态中的LINK1,从文字面板中将颜色从黑色改为中灰
7.从按钮的对象树中选择按下状态中的LINK1,从文字面板中将颜色从黑色改为深灰
8.从按钮的对象树中选择放开状态中的LINK1。你会看到一个黑色的矩形,这个矩形是按钮的响应区域,它不会显示出来。
9.测试按钮的各种状态。
给按钮添加声音
1.打开保存的“first.swi”文件。
2.在轮廓面板中选择场景2
3.选择轮廓面板中的选择“LINK1”,单击按钮图标旁边的减号(-)。
4.从操作面板中选择添加事件,从下拉菜单中选择“在滚过”On(Roll Over)。“在滚过”事件就出现在操作窗口中。
5.按下添加动作按钮,选择“播放声音”,并导入Beep1.wav。
6.使用播放场景按钮测试按钮上的声音
7.选择操作面板上的“在滚过”{On(Roll Over)},单击添加操作,选择“在按下”{On Press}
8.重复步骤5为“在按下”{On Press}添加声音Beep2.wav
9.测试按钮,当鼠标经过按钮时你会听到第一个声音,当鼠标按下时,你会听到第二个声音。
五、创建菜单
1.打开保存的“first.swi”文件
2.选择场景2
3.使用缩放100%按钮以看到全部版面
4.从工具箱中选择矩形工具。从左上角开始向右下角拖动鼠标,画一个矩形
5.选择变形按钮,把矩形的高宽改为702和40(去掉“统一”选项)。将坐标改为(350,19)以使其居中对齐。
6.选择形状面板,把边线的颜色改为深绿,将填充色改为浅灰。
7.选择做好的矩形,复制粘贴,制作第二个矩形,将其座被改为(350,431)
8.创建第三个矩形
9.将其大小改为(700,450),坐标为(350,225)。
10.选择形状面板,把边线的颜色改为深绿,将填充色改为无
11.在场景所在行上右击鼠标,选择停止
12.选择场景1,去掉125帧上的停止操作(在标示上右击鼠标,选择删除操作或剪切操作)
13.测试,会看到两个场景以次播放。
14.选择场景2
15.选择“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.选择场景2
3.选择矩形工具,创建一个约为版面一般的矩形,高: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.选择场景2
3.选择“link1”按钮,隐藏按钮的各个状态
4.从“操作”面板中选择“播放声音”beep2.wav””,单击添加操作按钮,选择“告知目标”,从“目标”的下拉菜单中选择“/pop-up”(见左图)。再次单击添加操作按钮,选择“转到帧”,把帧数从0改为1,结果如右图
5.测试场景,单击“link1”,查看效果。单击“X”复位。
6.在时间线中选择pop-up,复制,选择场景2,粘贴。(粘贴前若不选择场景2,则粘在原来的精灵内部)
7.选择精灵面板,把第二个精灵名字改为“pop-up2”
8.选择精灵menu,打开,选择其中的link2按钮
9.从操作面板中选择“播放声音”beep2.wav””,单击添加操作按钮,选择“告知目标”,从“目标”的下拉菜单中选择“/pop-up2”,再次单击添加操作按钮,选择“转到帧”,把帧数从0改为1(与第4步设置相同)
10.打开精灵pop-up2,选择其中link1文字对象,从“文字”面板上选择编辑框中所有文字,删除,输入“This is different text to show that the link2 button is linked to a different sprite”.去掉有名字复选框。
连接到另一个场景
1.从轮廓面板中选择场景2,从编辑菜单选择复制场景和粘贴场景命令
2.从场景面板中将新粘贴的场景背景色改为淡绿色
3.选择场景2
4.选择menu中的link3
5.从操作面板中选择“播放声音”beep2.wav””,单击添加操作按钮,选择“告知目标”,从“目标”的下拉菜单中选择“/”,再次单击添加操作按钮,选择“转到帧”,选择场景3
6.在文件菜单中选择在播放器中测试,测试文件。保存。
连接到另一个网页
1.选择场景2精灵menu中的link4
2.从操作面板中选择“播放声音”beep2.wav””,单击添加操作按钮,选择“转到URL”,在“URL”编辑框中,输入www.ytnc.edu.cn,保留“目标”框为空
3.在文件菜单中选择在播放器中测试,测试文件。保存。下载本文