软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 设计在线 > 媒体动画 > 使用 Photoshop 制作栅栏卡片动画教程

使用 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 个 图层全部删完。

单个图层

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

整体

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

栅格

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

  来源:http://www.yiduqiang.com/

    相关阅读
    栏目导航
    推荐软件