分享

用PS制作卷轴动画

 燕子559 2014-04-27

用PS制作卷轴动画


图片图片
图片图片
图片图片
图片图片

效果图

 

新建文件

435

250

 

拖入素材图,让拖入的图上下居中,右边对齐。图层改名:底图。

如下图:


图片


复制底图,图层改名:左轴图。编辑>变换>水平翻转。

如下图


图片


在底图上面新建图层:左轴遮罩。在X轴为200220处(这一参考数值随意),作一个高250(与图的高度相同),宽20的矩形(X轴为200220的区段)选区,编辑>填充,白色(此色可任选,以明显区别于图上的颜色为标准)。

(注:作选区可以利用参考线)

(注:纵参考线的拉出方法是在左边标尺上按住鼠标,稍停顿一下后向右拖,拖放的位置可以观察顶边的标尺)

如下图:


图片

 

取消选区,关闭左轴图图层的眼睛,观察底图的最左边的位置。

如下图:


图片


打开左轴图的眼睛,将左轴图对应底图的位置移到左参考线的左边,并稍往左多移几像素(不是很严格)。

如下图:


图片


在左轴图上点右键,创建剪贴蒙板。恢复选区。

如下图:



图片


新建图层:轴光泽1

渐变填充,前景白色,背景透明。分别从选框左右边界向中间水平拉4分之1选区的宽度。

如下图:


图片


选区不变或恢复选区,在轴光泽1上面新建图层:临时(图层名任意)。

渐变填充:前景色白色,背景色黑色。从选区中间向右水平拖至选区右边界。

临时图层透明度设为70%。点右键,向下合并。

如下图:


图片


将轴光泽1、左轴图、左轴遮罩三个图层同时选中,向左移动至全图的左边缘。

如下图:


图片


将三个图层拖到新建图层标志处或点右建复制图层。得到三个图层的副本,

将三个图层副本向图中间稍移动一点,垂直位置不变,水平位置随意。仅为了方便调整。

将三个图层分别改名为:轴光泽2、右轴图、右轴遮罩。

如下图:


图片


在右轴遮罩层上点右键:释放剪贴蒙板。

选中右轴图图层,向右移动图片,使图片的左边缘与轴的右边对齐。

如下图:

图片

至此前一段工作结束了。

下面要进入动画部份。

 

窗口>动画。

复制一帧。

选中新复制的帧。

选中底图图层,其他图层眼睛关闭,将图移动到左边和全图左边界对齐的位置。

如下图:


图片

 

将左轴图和左轴遮罩眼睛打开,选中左轴图图层,将图向左移,移到刚好移出全图的左边界,看不到的位置。即让图的右边与画布的左边界对齐的位置。

(如果感觉不方便,也可以先点右键,释放剪贴蒙板,移完了再创建剪贴蒙板。)

如下图:


图片

 

 

关闭右轴图或右轴遮罩的眼睛,观察底图最右边的位置,

如下图,


图片

 

打开右轴图和右轴遮罩的眼睛。

右键点右轴图,释放剪贴蒙板,将图的对应位置移至画布的最右边。

如下图:

 

图片

 

然后再点右键,创建剪贴蒙板。

 

将所有的眼睛全部开。

把第二帧的时间改为0.1秒。

把第一帧的时间改为0.1

选中第二帧,插入中间帧。

帧数选198(加上第一帧和第二帧一共是200帧,即20秒)

完成

 

 

 

后记:

空间上传GIF格式的动画文件限制在5M以下,而GIF格式的动画文件大小会随着帧数的增加而大幅增加,所以不提倡做帧数较多,尺寸较大的GIF格式动画。较大的动画尽量用采用SWF电影格式,不仅文件小,而且还可以方便的配音配乐以及添加互动机制。
此处的卷轴示例是应好友要求,作为一个学习教程来制作的,帧数为200帧,做完后因无法上传,所以只能切片上传,造成效果图有一些接缝,特别是电脑卡的时候甚至会出现各切片不同步现象。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多