郑州房价末来走势:“图片翻转遮罩”的制作方法之二

“图片翻转遮罩”的制作方法之二 [yao1001 发表于 2010-6-5 21:30:00] “图片翻转遮罩”的制作方法      二、宽幅图片翻转遮罩
　　要点：图片翻卷的做法和前面所讲的基本相同，区别是：当卷轴从左转到影片的右边后立即停止，接着让宽幅图片从右向左移动，图片移动结束时再让卷轴移除（或淡出）。
　　做法：
　　（一）图片翻卷
　　具体就以我去年11月份做的“维多利亚海港全景图”为例吧。
　　1、打开SwishMax2，点“新建”，点右边中间的“影片属性”宽高比可取800*600，“帧率”取25，在“影片结束时停止播放”前打勾，点“确定”（见图一）。
　　2、点工作区左侧的工具栏中的“矩形工具”，取色：蓝，在工作区内随意画一矩形。点一下“选择工具”，再点“窗口”→“排列”，将这个矩形调整和动画的分辨率一致（宽高比800*600），放在舞台的正中间作为动画的背景（图十七），加锁。

　　　　　　图十七
　　3、点“插入”→“影片剪辑”，也取名mc1，在右边的“概要”里点开“mc1”前的＋号，再点菜单“插入”→“导入图像”，将处理好的“维多利亚海港全景图”宽幅图片导入。
　　4、点“窗口”→“排列”，将这个宽幅图片“垂直居中排列”（可稍偏下），水平“向左排列”（图十八），在时间轴上添加效果为“放置”。

　　　　　　　图十八
　　5、在图片左边画一矩形（居中），宽度为600像素，高度比图片略大一点，矩形与图片之间留一根转轴的位置（宽50像素，（见图三）。在影片剪辑“mc1”中矩形要放在图片之下（见图四），在时间轴上设矩形从左向右水平移动200帧，结束时这个矩形正好移到舞台的中间位置（见图五）。
　　6、点选宽幅图片，在时间轴的201帧添加效果“移动”，将移动效果改为600帧（根据比例自定，图十九），将“预览帧”放在时间轴移动效果的结束处，点“窗口”→“排列”，“排列到”：前台，“大小按”：调整大小，“排列”：“向右排列”（图二十）。

　　　　　　图二十

　　　　　　图二十
　　7、点一下“影片剪辑”前面的“－”号，在“属性”里“结束时停止播放”和“作为遮罩使用底部对象”前面打勾。
　　8、测试一下效果（宽幅图片从左到右逐渐展开），保存（见图六）。   　　（二）透明卷轴
　　1－3与上节相同。
　　4、点“窗口”→“排列”，将这个宽幅图片“垂直居中排列”（可稍偏下），水平“向右排列”（图二十一），在时间轴上添加效果为“放置”。  
　　　　　　图二十一
　　5、选中这个图片，在工作区右上的“变形”中点“水平翻转”（见图七）。
　　6、用矩形工具在图片的右边位置画一个竖的白色长条（高度与图片一致，宽度取50像素），在“属性”内设“直线风格”为“无”，“选择填充类型”为“梯度”，“梯度类型”为“线形梯度”，下面的滑杆上将透明度分别设为：50　0　50（即两边半透明，中间透明）（见图九），再复制一根卷轴放在图片的下面，方法是：选中这个半透明的卷轴，“复制对象”、“实地粘贴”再用箭头将其移动到图片之下。
　　7、在时间轴上将上、下两根卷轴从右向左移动200帧，结束时两根卷轴全部放在动画区的左外的位置（图二十二）。

　　　　　　　图二十二
　　8、点选宽幅图片，在时间轴的201帧添加效果“移动”，将移动效果改为600帧（根据比例自定，见图十九），将“预览帧”放在时间轴移动效果的结束处，点“窗口”→“排列”，“排列到”：前台，“大小按”：调整大小，“排列”：“向左排列”（图二十三）。

　　　　　　图二十三
　　9、分别点选两根卷轴，在791帧处添加效果“淡出”。
　　10、将“预览帧”放在时间轴第1帧处，点一下“影片剪辑”前面的“－”号（变为＋号），在“属性”里将“结束时停止播放”和“作为遮罩使用底部对象”前面打勾。同时按住键盘上的shift键用鼠标将影片剪辑“mc2”右边拉出影片区域左外（参照图十一）。
　　11、点选影片剪辑“mc2”，在时间轴上添加效果为移动200帧，将“预览帧”放在200帧处，按住键盘上的shift键用鼠标将影片剪辑“mc2”右边拉出动画区800像素（为了准确起见，可拉出一条指导线，图二十四），在800帧处添加效果“放置”（也可不用）。

　　　　　　　　　　图二十四
　　12、测试一下，可见一根半透明的卷轴从工作区的左面向右逐渐移动直至消失（图二十五），保存。

　　　　　图二十五
　　（三）合成
　　1、将（一）中做好的影片剪辑“mc1”“复制对象”再“实地粘贴”到（二）中，放在（二）中做好的影片剪辑“mc2”的下方（见图十四）。
　　2、点选“Scene_1”，添加脚本（也可不用）：
onFrame (201)
{
    stop();
}
　　3、点工作区左侧的工具栏中的“文本工具”，在图片的上部写上这个动画的名称，如“维多利亚海港全景图”。在下面可以写上动画制作人的网名和QQ号。
　　4、测试一下，如果效果满意则保存，至此“宽幅图片翻转遮罩”就算完成了。
　　5、点“文件”，点“导出”，→“SWF”，在随后出来的菜单里起个文件名后保存，在“导出设置”里将“遮罩后台对象”前打勾，其余取默认值（见图十六）。
　　6、至于本人动画“长幅图片翻转遮罩练习”里动态和静态两种方式的转换，其实也很简单，只要在里面加一按钮和一些简单的代码就行，在这里就不多讲了；另外就是“维多利亚海港全景图”里水波纹的制作，打算以后有机会再专门讲。   　　请参照我2009年11月30日的日志：“长幅图片翻转遮罩练习”。   　　续完