文档库 最新最全的文档下载
当前位置:文档库 › 硕思闪客之锤详细教程(三)

硕思闪客之锤详细教程(三)

④库面板

库面板可以自动保存所有的元件。在画布中画一个图形,此图形将自动作为一个图形元件保存在库面板中。在画布中输入一个文字,该文字会自动作为一个文字元件保存在库面板中。

闪客之锤将库面板分为了两部分,上面的部分可以预览到选中元件的形状,下面的部分是元件的列表。闪客之锤中的元件有八种类型:图形、图像、影片剪辑、文字、按钮、组合、特效和形变,不同类型的元件都有不同的图标表示。另外,在库面板中,您可以将多个元件组成一个文件夹,也可以从文件夹中将单个元件拖出来使用,还可以给元件重命名和重新排列顺序。

元件类型


点击此按钮“ ”将看到以下选项:

新建文件夹

选择此命令可以新建文件夹。为了方便用户管理元件,可以将多个元件保存在一个文件夹中。

复制

选择此命令可以复制元件。

粘贴

选择此命令可以粘贴复制的元件。

删除

选择此命令可以删除选中的元件或者文件夹。

重命名

选择此命令可以重命名选中的元件或者文件夹。

查看实例...

选择此命令可以在查看实例对话框中查看元件的实例。

查看用这个图片填充的矢量图...

右键单击位图元件,在弹出菜单中选择此命令,即打开查看关联矢量图对话框,在此对话框中显示的是使用了该位图作为填充样式矢量图的列表。

链接

此命令可以给选中元件添加链接。

编辑元件...

选择此命令可以编辑元件,只有影片剪辑元件和按钮元件可以被编辑。

配置特效...

选择此命令可以在配置特效对话框中配置已存在的特效。

⑤声音面板

在声音面板中可以给影片、电影剪辑元件和按钮添加声音。导入的声音文件会自动存放在声音面板中。

导入

单击文件夹图标,可以选择一个声音文件。支持格式有:.mp3和 .wav。

删除

点击删除图标可以删除选中的声音文件。

播放

点击播放图标可以播放导入到面板中的声音文件。

停止

点击停止图标可以停止正在播放的声音文件。

循环

选择此项可以循环播放选中的声音文件。同时次数输入框被激活。

次数

拖动滑动杆或者直接键入数字可以设置声音文件循环播放的次数。

⑥动作面板

给影片添加动作可以更好的控制影片。闪客之锤为您提供了各类特效,您只需修改几个参数即可拥有炫目的动画效果。您还可以给关键帧、影片剪辑元件、按钮元件添加动作。另外,导入含有动作的影片,该动作脚本也会显示在动作面板中,您可以再编辑。

动作面板被分成两部分:“动作-无”(动作-帧/动作-按钮/动作-影片剪辑)和“#initclip

”。

在动作面板的输入框中,您可以给影片添加动作脚本,当导入含有动作的影片时,该动作会显示在此输入框中。

插入目标路径:

可以给影片剪辑元件,按钮或者被加载影片设定目标路径。

· 插入:可以手工输入也可以选择一段路径,然后点击“插入”按钮即可插入到动作面板输入框中。

· 只显示命名了的实例:选中此命令只显示命名了的实例,不选中就显示所有实例。

· 显示窗口:您可以在显示窗口的列表里选择实例。

· 路径类型:选择绝对路径和相对路径。

显示成员列表:

这里显示您需要在变量或对象名后添加的动作代码列表。

在弹出菜单里,上下滚动浏览并双击选择您所需要的动作代码。

显示参数信息

这个显示您正在编写的动作脚本的参数。当您对动作或参数不是很确定时,这个功能非常有用。

例如,当您在动作面板里输入gotoAndPlay(); 时,点击这个按钮,您就会看到

"gotoAndPlay( frame );It starts playing the SWF file at the specified frame"的提示信息。

自动完成代码输入

点击这个按钮可以自动完成代码输入。例如,在动作面板里输入“use”,然后点击“自动完成代码输入”,完整的代码useHandCursor将自动显示出来。

鼠标/键盘事件

点击下箭头来查看鼠标/键盘事件的列表,包括on(press),on(dragOut)等等。

影片剪辑事件

这是为影片剪辑添加事件设计的。

点击下箭头来查看您可以选择添加的事件。

检查语法:这个语法检查工具可以帮助您找到脚本里的语法错误。

⑦输出面板

输出面板显示有助于您排除影片中的故障的信息。一些信息(例如语法错误,或表达式的值)可以自动显示出来。

显示输出面板:

选择“查看”->“输出面板”来显示输出面板。

注意: 如果有语法错误,或在脚本中使用 trace 动作,影片运行时,这个输出面板会自动出现而不需使用上述命令。

排除影片故障:

当你点击动作面板里的“检查语法”按钮,或预览影片时,假如有语法错误,输出面板会自动列出来。

列出特定信息:

输出面板还可以接收发送自trace动作的特定信息。预览影片你就可以在这里看到结果。

使它成为浮动面板:

点击右上角的圆形按钮,然后选择“浮动页面”选项。

⑧影片浏览器面板

影片浏览器面板使您轻松地查看影片里的元素,并且可以快速地在画布里选中元素进行修改。

打开影片浏览器面板

如果影片浏览器面板没有打开,选择“查看”->“影片浏览器”来打开这个面板。

· 过滤

· 这个按钮是来控制哪些元素将在影片浏览器面板里显示的。点击过滤

按钮就会弹出一个对话框,在那里你可以选择你要过滤的元素的类别,包括层,帧,影片剪辑,按钮,特效,矢量图,文字和动作脚本。要显示哪一类元素,就在相应的类名前打上勾。在这些类的旁边还有两个按钮,“全选”和“全不选”,这样你可以一次性选择所有的目录或都不选。

· 查找

· 查找功能为您在影片浏览器面板里找寻元素提供了方便,比如查到一个元件或是一段动作脚本。

· 在查找文字框里,输入元素的名字或是内容,然后点击查找按钮就可以搜索你想查找的元素了。

· 显示窗口

· 影片里的元素将以树状结构显示在显示窗口里。当你选中某个元素时,比如,选中某一帧,这时在时间线上该帧就会被选中;或者选中一个实例,接着你就会立刻进去这个实例的编辑模式。因此,借助于这个影片浏览器面板,你可以从整个影片里轻松地选中某一个特定的元素。

使它成为浮动面板

点击右上角的圆形按钮,然后选择“浮动页面”选项。

(12)属性面板

属性面板是用来设置所选元素的属性的。影片,实例,文字 和运动动画的属性都可以在属性面板里设置。

①影片基本设置

不选中画布上的任何元素,属性面板里这时就会显示整个影片的基本属性设置,和一些最常用的命令。

· 背景

· 设置影片的背景色。

· 单击颜色框右下角的小箭头即进入颜色库,可以使用拾色器选择合适的颜色,也可以点击高级,在高级面板中设置RGB和HSV模式中的颜色值,或者直接输入十六进制颜色值。点击添加已存在的颜色按钮,可以添加已选中的颜色至样板中。

· 帧频率

· 帧频率是指每秒播放的帧数。默认状态下是每秒播放12帧,这是最佳的播放速度。

· 宽

· 设置影片的宽度

· 高

· 设置影片的高度

· 导出影片

· 在属性面板里选择“导出影片”命令,把影片导出成SWF格式的文件。

· 发布

· 选择“发布”命令打开发布向导对话框并按其步骤发布影片。

· 点击右上角的圆形按钮后有以下选项:

· 设为默认值

· 将你设置的影片属性设为默认值。

· 还原为默认值

· 清除你设置的影片属性并还原为程序设置的默认值。

②实例属性

当你在画布上选择了一个实例后,就可以在属性面板里给该实例指定一个名字,或者在库面板里定位该实例。

· 给实例命名

1. 在画布上选择一个元件的实例,该元件可为影片剪辑元件,按钮元件,组合元件,特效元件。

2. 在属性面板里,在名字文本框里输入一个名字。

· 转换成元件:将所选实例转换为影片剪辑元件或是按钮元件。

· 替换元件:用

另外一个元件替换被选元件。

· 在库中定位:这个命令帮助你在库面板里找到该元件。

· 编辑元件:编辑影片剪辑元件,按钮元件,特效元件,和组合元件。

③选中画布上的文字,然后在属性面板里设置以下属性:

· 类型

· 三种类型: 静态、动态和HTML。

· 选中

· 单击此图标,可选中文字;不选此项将无法选中文字。(选择后,可以预览试试)

· 可编辑

· 使使用者可以编辑文本。

· 显示边框

· 单击此图标可给文字添加边框。

· 最多字符

· 设置可以输入字符数的最大值。

· 变量

· 给动态或HTML文本指定一个变量名。

· 字体

· 可在下拉菜单中选择字体。

· 大小

· 调整滑动杆或者直接键入数字可以调整文字的大小。

· 颜色

· 单击颜色框右下角的小三角形,可以使用拾色器直接选取颜色,也可以选择高级,在高级面板中设置RGB或者HSV模式中的颜色值。还可以在文本框中输入十六进制颜色值。另外,你可以在屏幕里任意选择一种颜色来应用到文本。

· B

· 选择此项可将选中的文字加为粗体。

· I

· 选择此项可将选中的文字加为斜体。

· 左对齐

· 选中此项可将文字或者段落左对齐。

· 居中

· 选中此项可将文字或者段落居中对齐。

· 右对齐

· 选中此项可将文字或者段落右对齐。

· 字符间距

· 拖动滑动杆或者直接键入数字可以调整文字之间的间距。

· 字符位置

· 在下拉菜单中选择命令可定义文字的位置。

· 缩进

· 缩进将决定段落边距和文本段落之间的空间大小。

· 行间距

· 行间距将决定段落中相临近之间的距离。

· 左边距

· 决定文本块的边框和文本段落之间左边空间的大小。

· 右边距

· 决定文本块的边框和文本段落之间右边空间的大小。

· 使用链接

· 可以给文字添加相对链接或者绝对链接。

· 目标

· 可在下拉菜单中选择一个打开链接方式,可以直接键入目标

_self:
在同一个窗口打开,此为默认选项。

_parent:
在上一个窗口中打开。

_top:
在全屏的浏览器中打开。

_blank:
在新窗口打开。

用户指定
如果链接文件要在框架中打开,请直接在目标框中输入框架名。

注意:

1. 如果您输入的是一个并不存在的框架名,链接页面将会使用这个名字在一个新的浏览器窗口打开。



2.在一些系统中,需要区分目标文件的大小写,比如,目标文件名为 “MainFrame”,不要写成“mainframe”。


· 范例:

· 框架代码如下:

·

·

·

· <br><br>· <body><br><br>· <p>You need a browser that supports frames to see this site </p><br><br>· </body><br><br>·

·

· 我们希望将插入至 left_page.htm中的flash影片(打开左框架)在主框架中打开链接

· 在框架标签上可以看到main_page.htm,名为main

· 在目标框中键入正确地目标名为main。

· 风格

· 可选风格有单行,多行,多行不换行,密码。

④设置运动动画

在创建了补间动画后,选择补间动画里的任意一帧,在属性面板里就可以设置运动动画的属性了。

移动

无: 停止移动动画。

自动:运行移动动画;这是默认的设置。

缩放

无:停止缩放动画。选择此选项后补间动画动画里的缩放动画会停止。

自动:运行缩放动画;这是默认的设置。

颜色

无:停止颜色渐变动画。

自动:运行颜色渐变动画;这是默认的设置。

旋转

无:停止旋转动画。

自动:当你创建一个旋转动画时,选择此选项保持原来的旋转设置。

顺时针:实例按顺时针旋转。

逆时针:实例按顺时逆旋转。

次数:指定实例旋转的次数。

快慢:调整渐变过渡帧的改变速度。

要使动画的开始很慢,越接近动画末尾时越快,则可以拖动快慢滑杆向上或输入一个负数值,范围为-1到-100。

要使动画的开始很快,越接近动画末尾时越慢,则可以拖动滑杆向下移动或输入一个正数值,范围为1到100。

默认地,渐变过渡帧的改变速度是不变的。快慢选项可以创建更加自然的加速或减速效果。

吸附引导线:指将实例的中心点吸附到引导线;创建引导线运动动画时选择此选项。

随着引导线调整角度:附着在引导线上的物体将随引导线方向的改变而调整角度,从而发生旋转。

(13)对话框

①新建元件

点击“插入”—>“新建元件”或者按下“Ctrl+F8”键即打开新建元件对话框。

元件名

键入元件名。

类型

· 电影剪辑元件:选择此选项即创建电影剪辑元件。

· 按钮元件:选择此选项即创建按钮元件。

②编辑网格

点击“查看”->“网格”->“编辑网格”来设置网格的属性。在编辑网格对话框里有以下选项:

网格颜色

这里你可以指定网格线的颜色。你可以在颜色库里挑选颜色,也可以用拾色器在屏幕里选色。

网格间距

· 宽

· 输入一个范围为4到40的值来设定网格的宽。

· 高

· 输入一个范围为4到40的值来设定网格的高。

选项

· 显示网格

· 此选项控制是否显示网格,和查看->网格->显示网格命令一样。

· 吸附网格

· 此选项使

画布上的对象吸附网线,和查看->网格->吸附网格命令一样。

③转换成元件

右键单击一个实例,在弹出菜单中选择转换成元件...命令,即打开转换元件对话框。

元件名

键入新的元件名

转换

选择电影剪辑元件将元件转换成电影剪辑元件。

选择按钮元件将元件转换成按钮元件。

属性

选择转换这个元件本身命令将选中元件的类型更改为为按钮元件或者电影剪辑元件。

选择创建包容当前元件的新元件命令可以创建一个含有该元件的新元件。

例如:如果将一个按钮元件转换成一个电影剪辑元件,选择此命令,则新创建的电影剪辑元件中含有这个按钮元件。

替换元件

用法

在创建影片的过程中,你也许想用另外一个元件替换已有的元件。

比如,我想把文本元件“硕思闪客之锤”替换成“硕思闪客巫师”。一般,你必须找到这个文本元件的所有实例所在的帧,然后逐个删除他们,最后添加新的元件。但是现在,有了“替换元件”功能,这个操作就很简单了。

④替换元件

在画布上右键点击一个元件,在右键菜单里选择“替换元件” 来打开“替换元件” 对话框。对话框的左边列出了这个影片里所有的元件。你可以任意选择其中一个,在右边,你可以预览到该元件的效果。选择好一个元件后,点击“替换”按钮完成替换操作。

替换多个实例的元件

如果你想替换多个实例的元件或者是所有实例的元件,可以按照以下方法操作:

1. 在库面板中找到这个元件。

2. 右键点击这个元件,选择“查看实例”来打开“查看实例”对话框。

3. 如果你想替换所有实例的元件,就点击“替换元件”按钮,然后选择“替换所有实例的元件”选项。

4. 如果你只想替换某些实例的元件,按下CTRL键来选择多个实例,然后选择“替换所选实例的元件”。

5. (当你点击一个实例时,这个实例将在画布上激活。)

6. 最后,你就会看到“替换元件”对话框。选择一个元件然后点击“替换”按钮来完成替换操作。

⑤查看实例

右键单击库面板中的元件,在弹出菜单在红选择查看实例...对话框。在此对话框中该元件所有实例的详细信息列表:

父元件

显示使用元件的实例。如果在主影片中直接使用,即在“主影片”中显示。

图层

显示实例所在的图层。



显示当前实例在第几帧。

⑥查看关联矢量图

在库面板中选中一个图像元件,单击鼠标右键,在弹出菜单中选择查看用这个图片填充的矢量图...对话框,该对话框可以显示所有使用该图像的元件。

元件

显示应用该图像的元件名。

在库面板中选中

所有元件

可以显示在库面板中使用该图像的所有的元件。

⑦工具->选项

单击“工具->选项”打开该对话框。

在选项对话框中,有常规,时间线,设计,动作脚本和预览五个选项:

常规

在常规对话框中,有以下几个选项:

· 启动后自动打开最后一次使用的文件

· 选中此选项,当启动闪客之锤程序后,最后一次使用的.swf文件将会显示在画布中,可以继续编辑。

· 显示与当前操作相关联的提示

· 选中此选项,即在使用的过程中,会弹出一些关联提示。

· 复位所有提示

· 此按钮能显示所有的提示。

时间线

· 在时间线里显示帧标签

· 该选项能控制帧标签是否能显示在时间线上。

设计

在设计对话框中,有以下四个选项:

· 显示画布边框

· 选中此选项,可以显示画布的边线。取消该选择则无法显示画布边框。

· 在设计窗口中显示提示:

· 选中此选项,当光标移动到实例上,能看到提示。

· 总在实例的中底部显示提示

· 无论光标如何移动都能在实例的中底部显示提示

· 注意:只有“在设计窗口中显示提示”选项被激活时,该选项才能使用,否则不能使用。

· 进入/退出元件编辑模式显示动画矩形框

· 进入/退出元件编辑模式是否显示动画矩形框

动作脚本

· 自动显示成员列表

· 选中此选项可自动显示成员列表

· 自动显示参数信息

· 选中此选项可以显示动作脚本的参数信息。

· 自动缩进

· 选中此选项可自动缩进。

· 显示选择区

· 选中此选项,在动作面板的左边会显示一个灰色长条,上面显示行数。

o 显示行号

o 选中此项可以显示行号

注意:要先选中“显示选择区”才能显示行号。

预览

它指定生成Flash影片预览文件的目录。如果你使用了LoadMovie”或者“getURL”这样的动作脚本,指定这个目录就非常有用

在默认状态下,当您使用浏览器预览Flash影片时,将会自动在临时文件夹中显示。

· 文档的保存目录

· 如果此选项排在第一位,Flash影片将会在文档的保存目录中显示预览。

· 前次导出目录

· 如果此选项排在第一位,Flash影片将会在前次导出目录中显示预览。

· 影片导入目录

· 如果此选项排在第一位,Flash影片将会在影片导入目录中显示预览。

· 系统临时文件夹

· 如果此选项排在第一位,Flash影片将会在系统临时文件夹中显示预览。

上移或者下移



选中一个保存目录,然后点击“上移”或者“下移”命令可以设定选保存目录的优先级。

当几个保存目录可同时被选中,使用上移下移命令,将您希望显示预览的目

录置于列表的顶部,Flash影片将会在此目录中预览。

⑧链接

使用“链接”对话框可以定义目标影片中一个资源的共享属性,并将该资源链接到源影片中的共享资源。同样,也可以定义源影片中一个资源的共享属性,使得该资源可供访问,能够链接到目标影片。

链接

无:表示没有链接。

为运行时共享导出:选择此选项使元件可供访问,能够链接到目标影片。

为运行时共享导入:选择此选项使其链接到源影片的元件。

标识符

当选中“为运行时共享导出”时,输入一个标识符,在链接到目标影片时用它来标识该元件。

当选中“为运行时共享导入”时,输入 元件的标识符,该标识符必须与源影片中该元件使用的标识符相同。

URL

输入张贴包含共享元件的 SWF 文件的 URL。

四、教程

(一)概述

此教程采用循序渐进的方式指导您如何在闪客之锤中制作影片。读完此教程,您可以学会如何制作运动动画,制作特效,制作遮罩效果,使用引导线和添加动作帧。

运动“闪客之锤”程序,打开文件夹“..\Programs Files\SourceTec\闪客之锤\Tutorial”,找到一个名为“tutorial.sqf”的文件。此文件是根据以下步骤做出的一个实例,您可以点击“文件—>预览”看看实例的效果。

教程步骤如下:

新建一个影片

添加层和输入文字

制作文字效果

制作文字动画

制作电影剪辑元件

制作引导线动画

制作遮罩动画

制作按钮

添加动作帧

添加声音

(二)新建一个影片

新建一个影片

运动闪客之锤;

闪客之锤在默认状态下会自动新建一个影片;

查看属性面板。(如果此面板没有显示,请点击“查看—>属性”则该面板被启动)将影片的宽度设为450,高设为350;

点击背景旁边的“调色板”按钮“”,可对背景颜色进行高级设置。将颜色设为R:0 G:0 B:51;

单击“文件—>保存”,将此影片保存为“mymovie.sqf”。

完成这五步,您已经新建了一个影片。

(三)添加层和输入文字

1、选中时间线的“层1”;

2、单击鼠标右键,在弹出的面板中选择“重命名”,将“层1”改为“文字1”;

3、层“文字1”的第一帧被默认为空白关键帧,请单击这一帧;

在工具面板中选择文本工具“T”,然后打开文本面板。如果在工作区中找不到文本面板,请点击“查看”—>“属性”即打开此面板。在文本面板中,将文字类型设为“静态”,字体设为“宋体”,文字的大小设为“31”,颜色设为白色,并将其为粗体;

4、单击文本工具“T”,然后在画布中拖拽出一个文本区域,输入“创建、导入和编辑”。您可以调整文字区的大

小,如图:


5、给文字调整坐标:

在工具面板中点击变形工具,然后选中画布中的文字。

打开变形面板,将横坐标设定为:187,纵坐标设定为:110;

6、点击按钮“ ”即添加了一个新层,然后给这个层重命名为“文字2”。选中这个层的第一帧,输入文字“——闪客之锤”。(输入方法、文字、字号等同步骤3)

7、横坐标为:197,纵坐标为:154;

8、再添加一个新层,并且重命名为“影片剪辑”;

9、再添加第四个层,并重命名为“淡入淡出”;

10、再添加第五个层,并重命名为“按钮”。

全部设置完成后,影片效果如下:


(四)制作文字效果

1、选中“文字1”层的文字;

2、单击工具栏的“修改—>分离”命令;

(因为要将文字打散为图形,才能进行动画的制作)

3、选中文字,单击工具栏的“插入—>创建动画...”;

4、在配置特效对话框中,请选择特效“移动—>滑行”;

5、选中“文字1”层的第60帧,单击F5即插入相同帧,可以使这一层从第一帧到第60帧持续不断的出现这个动画特效。

(五)制作文字动画

文字运动动画

1、将层“文字2”选中;

2、选中这一层的第30帧,然后单击菜单栏的“插入—>关键帧”即插入一个关键帧;

3、选中这一层的第45帧,然后单击菜单栏的“插入—>关键帧”即插入一个关键帧;

4、在此层的第45帧,单击工具栏中的变形工具,将“闪客之锤”选中,然后按住鼠标左键不放,将文字拖到画布的右边(坐标为:X:314 Y:365),即放开鼠标;

(如果您想调整文字的精确坐标,可以在变形面板中直接输入数字调整)

5、选中第30帧,单击“插入—>创建运动动画”即产生动画。

文字淡入淡出运动

1、选中层“淡入淡出”,然后在此层的第62帧,插入一个关键帧;

2、打开文本面板,设置文本属性分别为: 静态, 宋体, 24, 颜色(R:102 G:255 B:255),坐标(X:220 Y:149)

3、点击文本工具“T”,然后在画布中拖拽出一个文本框,输入以下文字:

“闪客之锤是一款全能型的Flash动画制作工具,强大的功能让您更快更容易的制作专业级Flash影片”

4、分别在第80,135和151帧插入关键帧;

5、选中第62帧的这段文字,打开变形面板,将“颜色”选为“透明”,百分比设为0%。然后单击菜单栏“插入—>创建补间动画”添加动画效果;

6、选中第151帧的文字,打开变形面板,将颜色选为“透明”;百分比设为0%;

7、选中135帧,单击菜单栏“插入—>创建补间动画”。预览可看到文字已经具有淡入淡出的效果;

8、选中第152帧,单击菜单栏“插入—>空白关键帧

”即在此帧插入一个空关键帧;

9、单击工具栏的文本工具“T”,设置文本属性分别为: 静态,Arial,24, 白色,粗体,坐标(X:221 Y:154)在画布中输入以下文字:

“http://https://www.wendangku.net/doc/a56009964.html,”;

10、单击第163帧,然后插入一个关键帧;

11、返回点击第152帧,打开变形面板,将“颜色”选为“透明”,百分比设为“0%”,然后选择“插入—>创建补间动画”添加动画效果;

12、选中第171帧,然后插入一个关键帧,即制作完成。

相关文档