利用Photoshop剪贴蒙版制作移动遮罩GIF动画

利用剪贴蒙板相对还是比较容易的,以剪贴蒙板的基底的分布方式划分大致也就分两种,一种是直线运动的,一种是平面运动的。直线运动的1 上下运动2 左右运动平面运动3 对角线···

利用剪贴蒙板相对还是比较容易的,以剪贴蒙板的基底的分布方式划分大致也就分两种,一种是直线运动的,一种是平面运动的。

直线运动的

1 上下运动

photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

2 左右运动

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

平面运动

3 对角线

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

4 对角线

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

5 转圈

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

6 “8” 字

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

7 折射(乱编的)

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

以上是一堆效果图,只要你愿意它就可以千变万化


基础工作

1 新建500*200 画布

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

2 导入(拖入,置入)四张素材

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

3 分别命名ABCD,复制最上面的图拖到最下层

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

4 新建4个图层(1234)填充白色,为什么选白色?因为一白遮百丑

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

5 把图层1 2 3 4分别拖到ABCD下方并且创建剪贴蒙板

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

准备工作完成

现在介绍直线运动的

1 菜单-图像-画布大小,设置如图

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

2 把那些白色图层(1234)拖移到由下到上的依次排列

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

3 链接这些图层

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

4 创建帧动画,设置时间循环(这个应该都会),复制帧,向上拖移白色图层(1234)直到刚好到画布上沿以外露出最底层的图层D副本。过渡40或50帧(越多越平滑)

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

5 再次,菜单-图像-画布大小,裁切画布还原500*200大小,如图

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

保存web格式

这是前面的“1上下运动”,左右运动只是改变画布扩展方向

平面运动的

1 扩展画布,如图

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

2 在最上面加两个图层画出十字线,如图

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

3 链接6个图层,如图

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

4 动画的制作就是十字线中心的位置变化(图中那个黑点),看下面的演示图,你已经一清二楚。只要会创建动画,会过渡,就没问题

Photoshop利用剪贴蒙版制作移动遮罩GIF动画,PS教程

好啦,一点心得都告诉你们了

文章版权声明:除非注明本站原创,否则均为网上搜集而来,大家随意复制转载,无须注明出处。

发表评论

评论列表
未查询到任何数据!