经典图片遮罩过渡效果的制作 - Qzone日志
来源:百度文库 编辑:神马文学网 时间:2024/07/07 09:35:12
经典图片遮罩过渡效果的制作
很久没写教程了,人懒心更懒。为了防止某花的过度老化,这次来写个网站图片常用的过渡效果:经典图片遮罩过渡效果。
先来看看空间整体效果:
再来看看重点部位动态效果:
',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帧处右击,插入帧。
最后图层的效果如下图所示:
这样就完成了。测试影片就能看到最终效果。
果然是很久没写教程了,累死了。
经典图片遮罩过渡效果的制作 - Qzone日志
有趣的效果图片制作
图片滚动效果的制作
制作GIF图片 - Qzone日志
制作抽丝效果图片的代码
如何制作图片的卷页效果
怎样制作淡出的图片效果
用PHOTOSHOP制作闪光的图片效果
用Photoshop制作绝美的照片 [图片] - Qzone日志
遮罩效果位移动画的制作
Photoshop简单制作梦幻发光字效果 - Qzone日志
把照片制作成书面效果 - Qzone日志
flash制作扇子打开关闭效果 - Qzone日志
【图片自动互换+2层FLASH+移动的字效果与代码】(制作\天马行空) - 天马行空的日志...
PS动画效果图片制作
餐厅 隔断 鞋柜 壁柜 旋关效果图片 - Qzone日志
餐厅 隔断 鞋柜 壁柜 旋关效果图片 - Qzone日志
用Photoshop制作木纹画效果的图片 - PS学习网
古琴的制作 - Qzone日志
卤水的制作 - Qzone日志
几十款经典家装效果推荐! - Qzone日志
几十款经典家装效果推荐 - Qzone日志
(十)用HTML代码制作的各种图片效果(淡化边缘效果)
经典 叶雕艺术 图片 - Qzone日志