郑州房产均价:“图片翻转遮罩”的制作方法之一

来源:百度文库 编辑:九乡新闻网 时间:2024/05/05 05:07:33
图片翻转遮罩”的制作方法之一 [yao1001 发表于 2010-6-5 7:01:00] “图片翻转遮罩”的制作方法     2009年12月,我用SwishMax2做了一个“长幅图片翻转遮罩练习”放在自己的博客和QQ空间里,虽然只是个小习作,但反响还不错。今年四月,网友“诚实”要我介绍一下制作方法,我也答应了,因当时较忙,一直没有动笔,现闲暇无事,简单的写(准确讲是用键盘敲)一点,仅供大家参考。
  这个图片翻转遮罩主要有两个特点,一是在卷轴上的图片是反向且为半透明的,二是要显示能移动的宽幅图片。现分两个方面讲讲制作过程。     一,窄幅图片翻转遮罩      要点:一般的图片翻卷在卷轴上是不透明的,这很好做,要做透明的难度就稍大一点。具体说就是要有两个影片剪辑,一个显示图片在徐徐展开,一个显示在卷轴上的透明图片,掌握了这两点做起来就简单多了。        做法:
      (一)图片翻卷
  1、打开SwishMax2,点“新建”,点右中的“影片属性”宽高比可取800*600(也可取默认值560*410),“帧率”取25,在“影片结束时停止播放”前打勾,点“确定”(图一)。  
          图一
  2、点“插入”“影片剪辑”,取名mc1,在右边的“概要”里点开“mc1”前的+号,再点菜单“插入”→“导入图像”,将处理好的图片导入(图二)。

         图二
  3、图片放在舞台的正中间(可用“窗口”中的“排列”来调节,具体方法就不赘述了),加锁。在图片左边画一矩形(与图片一样大小),矩形与图片之间留一根转轴的位置(宽50像素,如取默认值的话卷轴的位置就要窄一点)(图三)。在影片剪辑“mc1”中矩形要放在图片之下(图四),在时间轴上设矩形从左向右移动200帧,结束时这个矩形正好移到舞台的中间位置(图五),在201帧处添加效果为“移除”。

                   图三

            图四

                图五
  4、点一下“影片剪辑”前面的“-”号,在“属性”里“结束时停止播放”和“作为遮罩使用底部对象”前面打勾,测试一下(图片从左到右逐渐展开),保存(图六)。

        图六     (二)透明卷轴
  1、与上节相同。
  2、点“插入”“影片剪辑”,取名mc2,在右边的“概要”里点开“mc2”前的+号,再点“插入”→“导入图像”,将上面的那张图片“复制”→“粘贴”到这个剪辑之内。
  3、选中这个图片,在工作区右上的“变形”中点“水平翻转”(图七),再将翻转后的图片移动一下,放在工作区的中间位置(图八)。  
       图七
          图八
  4、用矩形工具在图片的右边位置画一个竖的白色竖长条(高度与图片一致,宽度取50像素),在“属性”内设“直线风格”为“无”,“选择填充类型”为“梯度”,“梯度类型”为“线形梯度”,下面的滑杆上将透明度分别设为:50 0 50(即两边半透明,中间透明)(图九),再复制一根卷轴放在图片的下面,方法是:选中这个半透明的卷轴,“复制对象”、“实地粘贴”再用箭头将其移动到图片之下。

        图九
  5、在时间轴上将上、下两根卷轴从右向左移动200帧,结束时两根卷轴全部放在图片的左外的位置(图十),在201帧处添加效果为“移除”。

               图十
  6、点一下“影片剪辑”前面的“-”号(变为+号),在“属性”里将“结束时停止播放”和“作为遮罩使用底部对象”前面打勾,同时将影片剪辑“mc2”拉到工作区的左外的位置(图十一)。

              图十一
  7、再在时间轴上添加效果为移动200帧,结束时将影片剪辑mc2拉到工作区右处位置,在201帧处添加效果为“移除”(图十二)。

               图十二
  8、测试一下,可见一根半透明的卷轴从工作区的左面向右逐渐移动直至消失(图十三),保存。

           图十三     (三)合成
  1、将(一)中做好的影片剪辑“mc1”“复制对象”再“实地粘贴”到(二)中,放在(二)中做好的影片剪辑“mc2”的下方(图十四)。                  图十四
  2、点选“Scene_1”,添加脚本(因前面加了移除,故也可不用):
onFrame (201)
{
    stop();
}

               图十五
  3、测试一下,如果效果满意则保存,至此“图片翻转遮罩”就算完成了。
  4、点“文件”,点“导出”,→“SWF”,在随后出来的菜单里起个文件名后保存,在“导出设置”里将“遮罩后台对象”前打勾,其余取默认值(图十六)。

              图十六
  未完待续