分享

PS制作卷轴动画:中间展开

 清欢几许 2017-11-17

 

PS制作卷轴动画:中间展开

木火

先看效果:

PS制作卷轴动画:中间展开 - 木火 - 木火的博客

素材图片:

PS制作卷轴动画:中间展开 - 木火 - 木火的博客 

一、卷轴制作

1、 新建一个宽 460X230像素的透明 RGB文件;用矩形选框工具在图中拉出长方形,并选择渐变工具,渐变设置为:前景颜色 #fee13f;背景颜色# 738d26。颜色设置好鼠标在矩形框中向右拉一下,渐变显示。并将图层1重命名为“背景”,图层2重命名为“卷轴-左”。

PS制作卷轴动画:中间展开 - 木火 - 木火的博客
2、继续用矩形选框工具于上下两端拉出选区,填充黑色, 拉出渐变(如下图1),“卷轴-左”描绘完毕;然后按 ctrl+J 复制一层,得到新图层重命名为“卷轴-右”,用移动工具将卷轴右向右移出(如下图2)。调整卷轴居中:点菜单:视图——》新建参考线——》垂直10厘米;把左右卷轴移动到参考线两侧。
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
二、制作卷体
3、新建图层,重命名为“卷体”,在卷轴两端之间选出矩形区域,用1像素描边;并点菜单:选择——》修改——》收缩10像素,又描边。
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
4、以黄色填充图中两次描边内部分, 新建花纹图层,用花纹图案填充(菜单:编辑——》填充——》选择图案)该部份 ; 将花纹图层改为“正片叠底”模式(见下图),卷体部分描绘完毕。 (注:如果不喜欢花纹图案,也可以用杂色填充,即以黄色为底色另加杂色:滤镜——》杂色——》添加杂色,填10%左右。)
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
三、准备画卷(图片或文字)
5、 在卷体中间拖入图片或打上字, 将两个卷轴图层移到最上方   。
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
6、制作遮罩层:添加一个图层,重命名为“左遮罩”。移动“左遮罩”图层在左轴图层的下面,用选框工具画框,再用黑色填充左边;用同样的方法制作“右遮罩”,“右遮罩”图层在右轴图层的下面。接着对两个“遮罩”分别执行:右键击遮罩图层条—》选择“图层样式”——》再按下面第2幅图填写:填充不透明度为“0”;挖空为“深”。
图1
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
 
图2
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
四、动画制作
 7、切换至 ImageReady,复制1帧,选择第二帧,然后将“卷轴-左”向左移动至合适位置,将“卷轴-右”向右移动至合适位置(如下图)。注:此步操作目的为第一帧画面关闭,只显示两轴,第二帧画面全部打开。
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
 8、选择第二帧,点过渡帧按钮,选“过渡上一帧”,填数据为“10”帧;再选择第12帧,复制1帧,选择最后一帧,分别移动两轴图层和两遮罩图层,又使画面关闭,又选“过渡上一帧”,也填“10”帧。头尾两帧播放时间设为“0.5秒”,第12帧设为2秒,其他为“无延时”。注:如果制作多张图片,可在第12帧复制多帧,并把另外图片拖入,编号图1、图2、图3、、、,分段进行,每段只打开一张图片,可灵活制作动画。
PS制作卷轴动画:中间展开 - 木火 - 木火的博客
9、点播放按钮看效果,修改到满意为止,保存为GIF格式。
理解了图层和动画帧的对应关系,可以制作出各种各样的动画,请看下面几种效果:

PS制作卷轴动画:中间展开 - 木火 - 木火的博客

 

  PS制作卷轴动画:中间展开 - 木火 - 木火的博客

  

      PS制作卷轴动画:中间展开 - 木火 - 木火的博客

 

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多