中财网怎么在一个月内长高:经典图片遮罩过渡效果的制作
来源：百度文库 编辑：中财网 时间：2024/04/29 13:17:41
经典图片遮罩过渡效果的制作
很久没写教程了，人懒心更懒。
为了防止某花的过度老化，这次来写个网站图片常用的过渡效果：经典图片遮罩过渡效果。
先来看看空间整体效果：
再来看看重点部位动态效果：
',1)">
PS里的制作步骤就不详细说了，都是简单的网络素材搭配。话说搭配也能看出一个人的品位，所以大家不要小看了这搭配哦~ 这里以大小为宽*高：650*431像素为范例。
1、找好两张素材大图，裁切成相同的尺寸：宽*高：437*277像素。在PS里搭配修饰好。如下图为两张素材图所搭配出的不同效果：
2、选中其中一张素材图所在的图层，按住CTRL再点一下此图层，出现虚线选框区域。选中背景层，按下键盘上的删除键，于是素材图所在的背景区域就被删除了。隐藏两张素材图，保存为PNG格式，命名为背景。如下图所示：
再分别保存两张素材图为JPG格式，命名为1和2。如下图所示：
3、进入FL操作部分。在属性里调整好大小为：650*431。文件，导入舞台，把背景导入图层1。再把图片1和2导入到库。
4、插入，新建元件，新建影片剪辑元件，命名为遮罩。选择矩形工具，设置好任意填充色，笔触色选“无”，在当前场景中绘制一个矩形。在属性中设好参数，如下图所示：
注：为啥要宽是437呢，因为这个素材图片的宽是437。
5、在时间轴第10帧处右击，插入关键帧。选中第10帧的矩形，在属性里修改高度，如下图所示：
注：为啥第10帧的高要设27.7呢，因为这个素材图片的高是277。除以10就得出来了这个数据了。为啥要除以10呢，稍后再说。
6、选中第1帧，在属性里设置补间为形状。如下图所示：
7、选中第10帧，右击，动作，时间轴控制里双击Stop。
8、插入，新建，新建影片剪辑，命名为分散式。将库中的遮罩影片剪辑拖入当前场景中，在对齐里选择左对齐和上对齐。如下图所示：
9、选中舞台上的矩形，插入，时间轴特效，帮助，分散式直接复制。在弹出的对话框中设置好参数，如下图所示：
参数解析：副本数量：10，为啥要10呢，在第5步中说过277除以10，10这个数值即为遮罩的叶片数。
偏移距离：Y为27像素，为啥要27呢，在第5步中高设为了27.7，在分散式对话框中无法设置小数点值，但大家不可运用四舍五入方法，只能采用直接去除小数点后数值方法。为啥呢，因为如果采用了四舍五入法输入数值为28，预览影片后即可发现遮罩叶片间有部分间隙。
偏移起始针为3针，这是做经典遮罩的固定数值，大家就不用多研究了。
注：设置好参数后，不要马上单击确定按钮，应先单击右上角的更新预览按钮进行预览。这样当效果不满意时才可以对一些设置不当的参数进行修改。
10、在分散式影片剪辑里新建图层，在第30帧处右击，插入关键帧。保持选中第30帧，右击，动作，时间轴控制中双击Stop。图层中的效果如下图所示：
11、接下来制作竖向矩形遮罩，方法与上面横向矩形遮罩的做法大同小异，只是一些数值需要修改一下。在此某花列出来一张表格供大家参考：
最后，库中的元件为下图所示：
12、返回场景1，在图层1第30帧处新建图层2，把图层2拖到图层1下面，锁定图层1。把库中的图片1拖入图层2中，调整位置使其为X：143，Y：44。
新建图层3，把图层3拖到图层2下面。隐藏图层2，把库中的图片2拖入图层3中，调整位置使其为X：143，Y：44。在第60帧处右击，插入帧。
新建图层4，把图层4拖到图层2上面，把库中的分散式直接复制1拖入舞台，调整位置使其为X：143，Y：44。在图层4上右击，遮罩层。
新建图层5，把图层5拖到图层3上面。在第31帧处右击，插入关键帧，把把库中的分散式直接复制2拖入舞台，调整位置使其为X：143，Y：44。在第60帧处右击，插入帧。在图层5上右击，遮罩层。
新建图层6，把图层6拖到图层2下面，把库中的图片2拖入图层6中，调整位置使其为X：143，Y：44。
新建图层7，把图层7拖到图层3下面，把库中的图片1拖入图层3中，调整位置使其为X：143，Y：44。在第60帧处右击，插入帧。
最后，选中图层1，在第60帧处右击，插入帧。
最后图层的效果如下图所示：
这样就完成了。测试影片就能看到最终效果。
果然是很久没写教程了，累死了。
很久没写教程了，人懒心更懒。
为了防止某花的过度老化，这次来写个网站图片常用的过渡效果：经典图片遮罩过渡效果。 先来看看空间整体效果：
再来看看重点部位动态效果：
',1)">
PS里的制作步骤就不详细说了，都是简单的网络素材搭配。话说搭配也能看出一个人的品位，所以大家不要小看了这搭配哦~ 这里以大小为宽*高：650*431像素为范例。
1、找好两张素材大图，裁切成相同的尺寸：宽*高：437*277像素。在PS里搭配修饰好。如下图为两张素材图所搭配出的不同效果：
2、选中其中一张素材图所在的图层，按住CTRL再点一下此图层，出现虚线选框区域。选中背景层，按下键盘上的删除键，于是素材图所在的背景区域就被删除了。隐藏两张素材图，保存为PNG格式，命名为背景。如下图所示：
再分别保存两张素材图为JPG格式，命名为1和2。如下图所示：
3、进入FL操作部分。在属性里调整好大小为：650*431。文件，导入舞台，把背景导入图层1。再把图片1和2导入到库。
4、插入，新建元件，新建影片剪辑元件，命名为遮罩。选择矩形工具，设置好任意填充色，笔触色选“无”，在当前场景中绘制一个矩形。在属性中设好参数，如下图所示：
注：为啥要宽是437呢，因为这个素材图片的宽是437。
5、在时间轴第10帧处右击，插入关键帧。选中第10帧的矩形，在属性里修改高度，如下图所示：
注：为啥第10帧的高要设27.7呢，因为这个素材图片的高是277。除以10就得出来了这个数据了。为啥要除以10呢，稍后再说。
6、选中第1帧，在属性里设置补间为形状。如下图所示：
7、选中第10帧，右击，动作，时间轴控制里双击Stop。
8、插入，新建，新建影片剪辑，命名为分散式。将库中的遮罩影片剪辑拖入当前场景中，在对齐里选择左对齐和上对齐。如下图所示：
9、选中舞台上的矩形，插入，时间轴特效，帮助，分散式直接复制。在弹出的对话框中设置好参数，如下图所示：
参数解析：副本数量：10，为啥要10呢，在第5步中说过277除以10，10这个数值即为遮罩的叶片数。
偏移距离：Y为27像素，为啥要27呢，在第5步中高设为了27.7，在分散式对话框中无法设置小数点值，但大家不可运用四舍五入方法，只能采用直接去除小数点后数值方法。为啥呢，因为如果采用了四舍五入法输入数值为28，预览影片后即可发现遮罩叶片间有部分间隙。
偏移起始针为3针，这是做经典遮罩的固定数值，大家就不用多研究了。
注：设置好参数后，不要马上单击确定按钮，应先单击右上角的更新预览按钮进行预览。这样当效果不满意时才可以对一些设置不当的参数进行修改。
10、在分散式影片剪辑里新建图层，在第30帧处右击，插入关键帧。保持选中第30帧，右击，动作，时间轴控制中双击Stop。图层中的效果如下图所示：
11、接下来制作竖向矩形遮罩，方法与上面横向矩形遮罩的做法大同小异，只是一些数值需要修改一下。在此某花列出来一张表格供大家参考：
最后，库中的元件为下图所示：
12、返回场景1，在图层1第30帧处新建图层2，把图层2拖到图层1下面，锁定图层1。把库中的图片1拖入图层2中，调整位置使其为X：143，Y：44。
新建图层3，把图层3拖到图层2下面。隐藏图层2，把库中的图片2拖入图层3中，调整位置使其为X：143，Y：44。在第60帧处右击，插入帧。
新建图层4，把图层4拖到图层2上面，把库中的分散式直接复制1拖入舞台，调整位置使其为X：143，Y：44。在图层4上右击，遮罩层。
新建图层5，把图层5拖到图层3上面。在第31帧处右击，插入关键帧，把把库中的分散式直接复制2拖入舞台，调整位置使其为X：143，Y：44。在第60帧处右击，插入帧。在图层5上右击，遮罩层。
新建图层6，把图层6拖到图层2下面，把库中的图片2拖入图层6中，调整位置使其为X：143，Y：44。
新建图层7，把图层7拖到图层3下面，把库中的图片1拖入图层3中，调整位置使其为X：143，Y：44。在第60帧处右击，插入帧。
最后，选中图层1，在第60帧处右击，插入帧。
最后图层的效果如下图所示：
这样就完成了。测试影片就能看到最终效果。
果然是很久没写教程了，累死了。
急：请教用flash制作图片过渡效果的详细操作，有截图更好
请问如何用fireworks制作动态图片过渡效果？？？
Fireworks里如何实现两张图片之间的过渡效果？？
请问我在用acdsee7.0制作幻灯片时，为什么没有转场过渡效果呢，所有的效果都是一样
照片Vcd制作时不能用过渡效果！郁闷中！~~~~
<威力导演>怎么制作影片过渡渐变效果??
创建gif图片时怎么样加过渡效果？？
图片翻页效果制作
我要用Photoshop制作出来的经典图片．
GIF过渡效果
下列关于中“过渡效果”的叙述，正确的是：
为什么我看不到网页的过渡效果呢？？？
怎样用Flash制作两张图片的渐变效果？
求把图片制作成电影胶片效果的软件
怎样用FIREWORKS制作两张图片交替显示的效果
请问FLASH如何制作图片的滤光效果？
如何用flash 制作图片的溶解效果
Desktop Author 制作电子书的阴影效果图片？
PS:如何制作具有水晶效果的渐变图片?
关于FLASH中图片淡入淡出的效果如何制作？
acdsee8.0制作屏保（幻灯片放映）时，不能用上中间过渡效果，为什么？
着急中！如何用intraweb的iwimage或其它控件实现图片的无刷新过渡（幻灯片效果，不用gif或flash）？
如何制作photoshop的图像融合效果的图片（融合至少3张图片）？
急需图像工具．能在图片里打上字，制作图片效果的．