html5卷轴动画制作,几种逼真卷轴动画的制作方法

先来看有轴、底纹背景动画的效果：

制作方法：

一.

复制主景

1.1

打开要制作的图片，编辑好画布大小(留意宽度和高度不要过大，由于制作出的动画帧数很多，文件会非常大的)。按“Ctrl+A”全选，“Ctrl+C”复制。

1.2

新建文件，宽度要比刚编辑好的图片大两倍以上，比如，460px要设置到1000px左右；高度也要大的点，比如，200px要设置到300px左右。按

“Ctrl+V”粘贴刚刚复制的图片进去(留意，要粘贴居中，这样才方便制作后的裁剪)。

1.3

回到刚编辑的图片，点击菜单“图像——画布大小”，选择像素，设置宽度到原来的1/2，比如，460设置到230，定位如图。

全选、复制再粘贴到新建文件中，重命名为“主景-左”。再回到刚编辑的图片，按“Ctrl+Shift+Z”两次取消历史记录，点击菜单“图像——画布大小”设置如图。

全选、复制再粘贴到新建文件中，重命名为“主景-右”。移动主景左右两张图与“图层1”图重合，如示意图。

<