当前位置: 主页 > 平面设计 > PS教程 > 利用Photoshop剪贴蒙版制作移动遮罩GIF动画

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

  • 2021-08-18
  • 来源/作者: 未知/ 府右街一号
  • 10 次浏览

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

直线运动

1 上下运动

<a href=http://www.06ps.com/ target=_blank class=infotextkey>photoshop</a>利用剪贴蒙版制作移动遮罩GIF<a href=/photoshop/donghua/ target=_blank class=infotextkey>动画</a>,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教程

我已经告诉你一切了