仅Flash动画缩略图画廊我
时间:2012-12-31 12:32来源:卓想动画http://www.zxgzs.com 作者:QQ:610929375 点击: 次
毫无疑问,你已经看到了一千静态的 HTML,DHTML,JavaScript,Flash中,或一打其他方式,创建缩略图画廊 。 越来越受欢迎,不过,缩略图画廊与的交互式动画元素,如视频缩略图,幻灯片完成后,可在YouTube观看视频。 您可以很容易地创建动画缩略图画廊,让我们创建的缩略图扩大到时,他们将滑鼠移到较大的预览,然后收缩,当鼠标离开他们的地区。
您的缩略图的图片导入到Flash库中。 您将要创建的缩略图,在扩大规模(但不完整的图像大小),但在一个较小的规模在舞台上展示他们的意图。
在舞台上排列的缩略图。 您可能要使用“对齐”面板 ,以确保一切正确对齐。 请一定要萎缩下来,最小的默认大小,而不是进口时的大小。
现在,选择每一个影片剪辑,并再次将其转换为一个符号,让你有一个嵌套的影片剪辑的影片剪辑。 这是因为我们要使用补间动画里面的影片剪辑的缩略图上,为了补间工作,他们需要的是影片剪辑的时间轴上的符号。
双击第一个缩略图来编辑它。 在时间轴上的影片剪辑(而不是你的主要阶段),请将您的第一个关键帧,然后将其粘贴几帧 - 帧的数量取决于多久你想采取扩大。
在第二帧中,使用自由变换工具或变换面板到其完整大小的缩略图。
右键单击之间的第一个和最后一个关键帧,然后单击“ 创建补间动画补间动画插入。 如果你还记得,你还可以使用补间动画的动画在规模上的变化,不只是在位置上,而不是补间形状。
创建第三个关键帧几帧下跌至第二,粘贴复制的第一个关键帧 - 较小的版本的缩略图 - 该帧。 的第二个和第三个关键帧之间创建补间动画,以及。 现在你有一个动画的缩略图扩大,然后萎缩。
作为电影剪辑现在是正确的,它会通过在一个周期中的扩张和收缩没有停止播放。 我们的第一个关键帧,以便它无法启动动画缩略图,需要插入一个基本停止,直到我们告诉它,然后插入另一个站的第二个关键帧,使持有,直到我们告诉它的扩展版本。
右键单击第一个关键帧, 插入一个停止 ,然后做同样的第二个关键帧。
现在回到主舞台,在缩略图上单击右键,并选择“打开动作面板的动作 。 我们需要添加脚本触发的扩大,当鼠标移到缩略图,跳转到该帧后的第一站和播放的动画:
on (rollOver) { this. gotoAndPlay (2); }
蓬勃生机的地步,停满扩大。 现在,我们需要添加到脚本中,这样,当鼠标滑过,动画跳过过去,止损点和贬低萎缩到原来的大小要帧后的第二站:
on (rollOver) { this. gotoAndPlay (2); this.swapDepths(1); } on (rollOut) { this. gotoAndPlay (8); }
您可能还需要使用swapDepths ,像我一样,拉缩略图一层,上面所有的人,因此,扩大的影像重叠的缩略图,而不是它背后的消失。
现在,你需要做的是完全相同的代码复制粘贴到每个缩略图,因为它使用“这个”为指向的影片剪辑的脚本,而不是一个具体的实例名称,它并不需要任何改变所以,如果你愿意,你可以使用的#include ,而不是重复的代码来引用。
您的全尺寸显示器到你的库中导入所有的影像。你的第一个图像拖动到舞台上,你可能要使用“对齐”面板上正确地对齐它们在舞台上,彼此的背景和图像。 然后选择图像并将其转换成位图符号(F8)。
然后选择的图像和背景在一起,它们组合在一起作为另一个符号。
按F8键再创建另一个影片剪辑与前一个剪辑的背景和图像内。 究其原因,我们窝这个方式,以便我们能动画的形象和背景,这个影片剪辑的时间轴内没有两个相互独立的。
指定该影片剪辑实例名称,我们没有必要与其他人,但是这一次,我们将引用当我们点击我们的缩略图,所以我们需要一个名称来引用它。
双击访问其时间轴上的影片剪辑。 复制第一个关键帧,并将其粘贴几帧下来的时间安排,你把它粘贴多远取决于多久,你想要的图像采取扩大。
在第一帧的影片剪辑包含图像和背景下降到0.1%,使用变换面板,收缩高度。 您不能缩小为0,这意味着你将有一个非常薄的舞台上的可见行。 解决这个问题的方式是将您的整个时间线一帧,一个空白关键帧开始停止在该关键帧。
一旦你有一个缩小版的影片剪辑的第一个关键帧,下一个关键帧,右键单击在时间轴上插入一个补间动画和全尺寸的版本。 第一个关键帧位然后复制下来的时间表,使动画开始和结束缩小后的版本。 全尺寸的关键帧和最后一个萎缩的关键帧之间创建补间动画,以及。
关于你的第一个关键帧(空白的,如果你没有,我建议,第一个与内容,如果你没有或者以不同的方式,如果你的动画)和全尺寸的内容的关键帧,打开这些帧的动作面板,并插入一个简单的stop。
现在回到主时间轴上,并用鼠标右键单击的第一个缩略图(或任何一个与刚拍摄的影像动画),打开“动作”面板。 在上次的教训,我们添加下面的代码,添加以下代码:
on (release) { _root.oneexpand.gotoAndPlay(2); _root.oneexpand.swapDepths(2); }
这告诉Flash,当鼠标按钮被按下和释放超过该缩略图,然后,我们创建了(我的oneexpand)的影片剪辑的实例跳转到第二帧,播放动画,显示了全尺寸的图像扩大。 然后,它会在未来保持图像显示在全尺寸的脚本停止,直到我们告诉它,否则暂停。 swapDepths的影片剪辑的实例也带来了较高的深度比其他的电影,以确保它显示在顶部的一切。
你需要做的最后一件事是脚本的影片剪辑本身,当您点击它时,它向前跳到下一帧在时间轴中扮演着下降至去年底,动画图像缩小的视线再次分配。 右键单击“动作”面板,并插入以下内容:
on (release){ this.gotoAndPlay(7); }
当然跳转到会发生变化,这取决于动画的帧数。
(责任编辑:卓想动画http://www.zxgzs.com)