欢迎来到山村网

使用Photoshop制作栅栏卡片动画

2019-03-28 12:53:41浏览:891 来源:山村网   
核心摘要:  什么是栅栏卡片动画,顾名思义,就是配合栅栏卡片和图卡可以表现简单的动画的一种动画形式,就像上图一样,其实这种小玩意在

使用Photoshop制作栅栏卡片动画 山村

  什么是“栅栏卡片动画”,顾名思义,就是配合“栅栏卡片”和“图卡”可以表现简单的动画的一种动画形式,就像上图一样,其实这种小玩意在很多小地摊上都有卖的,不过图案有限,曾经这种动画的形式还被传到了优酷等大的视频站点中,还登上了首页,其实都不是什么难度大的东西了,今天我就来教会大家怎样使用 Photoshop 制作一个“栅栏卡片动画”。

  栅栏卡片制作

  栅栏卡片动画的核心部分就是栅栏卡片了,我们打开 Photoshop,新建一个文档,如果你要打印的话,就必须使用标准 A4 纸张,分辨率300,这里有个小细节,就算你是 30 寸的电脑显示器也不可能显示整张 A4 纸的全部内容,因为 A4 纸分辨率比显示器高,所以如果你只是想要在电脑上看看是什么效果,那么分辨率定为 72 即可,因为栅栏卡片的特性就是不能被缩放,因为缩放是算法不同会导致栅栏卡片失去比例就会导致不能显示动画了。

4个像素

  在普通 A4 纸张上,我们用 4 个竖排像素作为一个栅栏,如果我们整个动画有 6 帧,当然也可以是其他帧数,不过 6 帧是比较通用的,那么我们顺序遮挡整个动画的竖排像素就需要 24 个,最后四个为透明像素,原因是像素要用来显示栅栏卡片后面的动画。

24个像素

  就像上面这样,我把透明的 4 个像素放在了前面。

复制

  最后,无限并排平移并且复制之前做好的 24 个像素的图片,就得到了一整张的栅栏卡片了。

缩略图

  最后就是这个样子了,给个缩略图。栅栏卡片现在就算是制作完成了,我们先隐藏栅栏卡片这个图层,然后开始制作动画部分。

  动画制作

  栅栏卡片动画的原理其实就是利用视觉停留,当我们看到一些东西的时候,影像会停留在视网膜上,过一段时间才会消失,当然这段时间非常短,而栅栏卡片动画的原理就是一次遮挡显示动画帧,当眼球看到第一帧时,画面短暂停顿在视网膜上,之后第二帧马上就显示了,从而就成了连贯的动画效果了。

6帧

  将只做好的 6 帧动画的每一帧都依次顺序放置到每个不同的图层中,一帧一个图层。

载入选区

  显示并且载入栅栏卡片图层的选取保持不动。

第一帧

  选中第一帧,也就是第一个动画图层,按下 Delete 删除栅栏卡片选区选中的部分。

栅栏卡片

  回到栅栏卡片图层,并且将图层向右平移 4 个像素。

第二帧

  仍然载入栅栏卡片图层的选区,并且在第二帧上,也就是第二动画图层上按下 Delete 删除栅栏卡片选区选中的部分,并且再次将栅栏卡片图层向右平移 4 个像素,以此类推直到 6 个 图层全部删完。

单个图层

  最后单个图层应该是这样的。

整体

  所有图层合并之后应该是这样的。

栅格

  任意拖动栅栏卡片图层就可以看到效果了。

(责任编辑:豆豆)
下一篇:

PS CC窗口工具栏全乱怎么恢复

上一篇:

Photoshop显示全部图层的方法

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com