Photoshop动画教程：几种逼真卷轴动画的制作方法
Photoshop动画教程：几种逼真卷轴动画的制作方法,本例介绍运用PS制作逼真卷轴动画的几种方法，教程讲解的比较详细，从处理图片素材，绘制卷轴，用画布大小工具裁剪图片到如何制作动画都讲解的比较全面，希望能给对PS制作动画的朋友带来帮助~~
本文由 雕兄 原创，转载请保留此信息！在学习中遇到问题可以到 论坛求助版块 发贴求助！本例介绍运用PS制作逼真卷轴的几种方法，教程讲解的比较详细，从处理图片素材，绘制卷轴，用画布大小工具裁剪图片到如何制作动画都讲解的比较全面，希望能给对PS制作动画的朋友带来帮助~~教程中用到的素材：先来看有轴、底纹背景动画的效果：制作方法：一. 复制主景1.1 打开要制作的图片，编辑好画布大小(注意宽度和高度不要过大，因为制作出的动画帧数很多，文件会非常大的)。按“Ctrl+A”全选，“Ctrl+C”复制。1.2 新建文件，宽度要比刚编辑好的图片大两倍以上，比如，460px要设置到1000px左右；高度也要大的点，比如，200px要设置到300px左右。按 “Ctrl+V”粘贴刚刚复制的图片进去(注意，要粘贴居中，这样才方便制作后的裁剪)。1.3 回到刚编辑的图片，点击菜单“图像——画布大小”，选择像素，设置宽度到原来的1/2，比如，460设置到230，定位如图。全选、复制再粘贴到新建文件中，重命名为“主景-左”。再回到刚编辑的图片，按“Ctrl+Shift+Z”两次取消历史记录，点击菜单“图像——画布大小”设置如图。全选、复制再粘贴到新建文件中，重命名为“主景-右”。移动主景左右两张图与“图层1”图重合，如示意图。先保存一个文件“备份1.psd”，后面的例子会用到。二. 绘制轴2.1 新建图层重命名为“外轴-左”，按住“Ctrl”键点击“主景-左”图层“载入选区”，选择“矩形选框工具”——“从选区减去”，减去右边的选区，如图。设置好前景色和背景色，选择“渐变工具”——“对称渐变”，对选区进行渐变。2.2 按“Ctrl+J”复制一层，按“Ctrl+T”自由变换，设置宽度和高度百分比值，如图。重命名图层为“主轴-左”。选择“圆角矩形工具”并设置选项参数。在主轴上下两端画出路径，然后建立选区并进行渐变。2.3 把“外轴-左”图层移到“主轴-左”图层上面，选择“外轴-左”和“主轴-左”图层，点击“链接图层”按钮。2.4 把“外轴-左”和“主轴-左”拖到创建新图层按钮上复制，并重命名为“外轴-右”和“主轴-右”，如图。2.5 移动“外轴-右”和“主轴-右”图层到右边如图。再保存一个备份文件“备份2.psd”，后面的例子会用到。1234三. 制作卷轴的底纹背景3.1 新建图层重命名为“卷轴底纹-左”，按住“Ctrl”键点击“主景-左”图层“载入选区”。点击菜单“编辑——填充”填充图案，如图。3.2 按“Ctrl+J”复制一层并重命名为“卷轴底纹-右”，点击菜单“编辑——变换——水平翻转”。选择“移动工具”移动左右卷轴底纹如图。四. 制作卷轴动画(左边的) 4.1 隐藏所有右边的图层和“图层1”(注，图层1已没有用到了，删除掉也可以)。4.2 把“卷轴底纹-左”图层的模式设置为：正片叠底。4.3 打开动画面板，复制一帧，移动左轴与“主景-左”右对齐，如图。移动左卷轴底纹与“外轴-左”左对齐，如图。4.4 把“卷轴底纹-左”图层移动到“外轴-左”图层上面，并点击菜单“图层——创建剪贴蒙版”。〖可以测试下卷轴动画效果，设置过滤动画帧为30帧，如图。〗制作主景展缩动画(左边的)4.5 选择第一帧、“主景-左”图层，按住“Ctrl”键点击“主景-左”图层“载入选区”。(要保持选择“主景-左”图层状态)点击菜单“图层——图层蒙版 ——显示选区”。4.6 选择第二帧，取消链接蒙版，选择图层蒙版，选择“移动工具”按“Shift”+“→”或“→”键，轻移图层蒙版，移到与“卷轴底纹-左”左对齐(就是移到看不见“主景-左”图层)。 & &&& & &&&到这里，左边的卷轴动画就制作好了。4.7 制作右边的卷轴动画步骤与制作左边的相同，先显示所有右边的图层；隐藏所有左边的图层再制作。&&1234五. 裁剪画布大小方法5.1 注意：不能用“裁剪工具”来裁剪！选择第一帧，用“标尺工具”测量出宽度和高度，再点击菜单“图像——画布大小”输入宽度和高度像素值(要输入比测量出的值大出2像素及以上的整数值)。制作动画5.2 把第一帧移动到第二帧后面，选择第一帧，点击“过滤动画帧”按钮，输入要添加的帧数值，比如制作30帧的动画选择最后一帧，再点击“过滤动画帧”按钮，设置过滤方式为第一帧。至此有轴、底纹背景动画最终效果如图需要素材做练习的朋友请到这里下载：/viewthread.php?tid=248589下面我们来学习有轴、透明背景动画的制作方法。&&1234有轴、透明背景动画六. 制作透明背景和制作底纹背景只有与第三节有些不同，其他部分操作都相同。这步骤只把不同的操作写出来，其相同步骤请参考上文。6.1 打开“备份2.psd”，选择“外轴-左”图层，点击菜单“图像——调整——色相/饱和度”，设置饱和度“-60”左右；“图像——调整——亮度/对比度”，设置对比度“50”左右，“外轴-右”图层也同样设置。6.2 复制“主景-左”、“主景-右”图层。并把“主景-左 副本”移到“外轴-左”上面；把“主景-右 副本”移到“外轴-右”上面。6.3 选择“主景-左 副本”点击“编辑——变换——水平翻转”；“主景-右 副本”也同样水平翻转。如示意图6.4 按住“Ctrl”+“Shift”键，点击“外轴-左”图层，再点击“外轴-右”图层“载入选区”。选择“主景-右 副本”图层按“Delete”键删除选区；同样删除“主景-左 副本”、“主景-右”、“主景-左”图层选区。注，图中左右外轴只是隐藏起来并没删6.5 同样先制作左边动画，隐藏右边的图层。移动“外轴-左”与“主景-左”左对齐；移动“主景-左 副本”与“外轴-左”右对齐。6.6 好了，以下步骤与第四节起相同了，请参考上文。 有轴、透明背景动画最终效果如图无轴、透明背景动画七. 制作无轴、透明背景的是没有第二节的操作；与第三节、第四节也有不同。这步骤也只把不同的操作写出来，其相同步骤请参考上文。7.1 打开“备份1.psd”，复制“主景-左”、“主景-右”图层，并水平翻转“主景-左 副本”、“主景-右 副本”。7.2 新建图层，重命名为“辅助轴-左”，用“矩形选框工具”选出选区，填充任意并更改不透明度为50%。按“Ctrl+J”复制一层，重命名为“辅助轴- 右”并移动到右边。7.3 按“Ctrl”+“Shift”键，点击这两个辅助轴图层“载入选区”。选择“主景-右 副本”图层按“Delete”键删除选区；同样也删除“主景-左 副本”选区。7.4 同样也先制作左边动画，隐藏右边的图层。移动“主景-左 副本”到“主景-左”图层的左边，使之为镜像效果。7.5 新建图层，重命名为“层-左”，载入“主景-左 副本”选区，填充黑色，并移到“主景-左 副本”图层下。选择这两层点击“链接图层”按钮。7.6 在动画面板中复制一帧，移动“辅助轴-左”与“主景-左”右对齐；移动“主景-左 副本”与“辅助轴-左”左对齐。如示意图7.7 选择第一帧，载入“辅助轴-左”选区，选择“主景-左 副本”图层，点击菜单“图层——图层蒙版——显示选区”；同样载入“辅助轴-左”选区，选择“阴影层-左”图层，点击菜单“图层——图层蒙版——显示选区”。隐藏“辅助轴-左”图层。7.8 选择第二帧，取消“阴影层-左”链接蒙版。选择图层蒙版，选择“移动工具”按“Shift”+“→”或“→”键，直到出现在“主景-左”右边并左对齐。取消“主景-左 副本”链接蒙版。选择图层蒙版，同样移动直到出现并覆盖阴影层。7.9 载入“辅助轴-左”选区，注意要保持选中“主景-左 副本”的蒙版层状态，设置白色前景色、黑色背景色，选择“渐变工具”——“对称渐变”，对选区进行渐变。取消选区，这样就出现和黑影效果了，如图〖可以测试下动画效果，选择第一帧，设置好过滤动画帧再播放看看效果〗7.10 选择第一帧。选择“主景-左”图层并载入该选区，点击菜单“图层——图层蒙版——显示选区”。选择第二帧，取消链接蒙版，并选择图层蒙版。移动到与“主景-左 副本”左对齐(就是移到看不见“主景-左”图层)。7.11 辅助轴图层已经没有用到了，可以删除掉。无轴、透明背景动画最终效果如图注： 1. 本教程的移动操作非常频繁而且要精确移动位置，要选择“移动工具”按“Shift”+前头方向键进行轻移，必要时还要放大图再精确轻移，移超过位置时还得移回来。2. 在二帧之间移动图层位置时，一定要先在第一帧里移动第一帧的图层位置，再在第二帧里移动最后一帧的图层位置。如果先在第二帧里移动，再在第一帧里移动，第二的图层位置也随之改变了。对本文感兴趣的朋友可以到这里与作者交流：/viewthread.php?tid=248589&&1234
来源:/n/2773.html
热门搜索：
开机启动项怎么设置
如何在WPS Office 里面设置Excel下拉列表
在PTT里安装Swiff Point Player插件步骤
PS后期处理 怎样使用PS去除眼袋
顽固性心力衰竭是指经常规休息，限制水钠摄入，给予利尿剂和强心剂后，心力衰竭仍难以控制者。是心脏病的终末期表现。
脑动脉硬化症指脑动脉硬化后，因脑部多发性梗塞、软化、坏死和萎缩引起神经衰弱综合征、动脉硬化性痴呆、假性延髓麻痹等慢性脑病。脑动脉硬化症可引起TCIA、脑卒中等急性脑循环障碍以及慢性脑缺血症状，症状体征与TCIA、脑卒中及血管性痴呆等不同，有TCIA或轻症脑卒中既往史但无明显后遗症时，诊断脑动脉硬化症更恰当。因此，脑动脉硬化症的诊断目前仍有保留的必要，有利于提醒病人和医生早期防治脑卒中。
高原性心脏病（高心病）以慢性低压低氧引起的肺动脉高压为基本特征，并有右心室肥厚或右心功能不全。它是慢性高原病的另一种类型，可分为小儿和成人高原心脏病。本病易发生在3500m以上高原，多为慢性经过，个别初进高原者特别是儿童可以急性或亚急性发病，国外称亚急性高原病。急性或亚急性患病者，以显著肺动脉高压引起的右心室扩大和充血性右心衰竭为特征，而慢性患病者以右心室后负荷过重所致的右室肥厚为主的多脏器损害。
肾实质性高血压是由各种肾实质疾病引起的高血压，占全部高血压的5％～10％，其发病率仅次于原发性高血压，在继发性高血压中居首位。
微信的普遍使用也让很多不法分子盗取个人隐私信息，很多人因此想要注销自己的微信号，首先需要告诉大家的是依照腾讯微信使用规定微信账号是无法注销的，微信同QQ间绑定也无法解除，因此如果你想停止使用使用微信的话建议你采取下面四步：解除微信和当前手机号的绑定、删除聊天记录、注销当前微信登陆和卸载微信，来最大限度包含您的隐私。一起来看看吧。
清醒时做事，糊涂时读书，大怒时睡觉，无聊时关注图老师为大家准备的精彩内容。下面为大家推荐PS鼠绘衣橱里的怪兽详细教程，无聊中的都看过来。
近来，演员任贤齐自曝电脑被入侵，家产差一点就全被搬光光了，直说自个当下真的不知道该如何是好。究竟电脑被入侵了怎么办呢？图老师电脑网络专栏小编下面给大家详解。
炎夏烈日炎炎，就在你与阳光亲密接触时，也让紫外线有了可乘之机，有的时候，虽然你认真做了防晒的工作，却依旧没能躲过炙热的阳光，晒伤之后，要立马着手修复晒伤的肌肤，那么晒伤后怎么处理呢？下面就一起来看看吧。
脸上肉嘟嘟的女生和男生们是不是选择发型的时候很伤大脑。没关系，我们这里肯定有一款适合你的发型，本文也是大圆脸一枚，下面分享下我收集多年的圆脸女生男生发型以及学会的圆脸发型修饰技巧。
孕妇能吃西瓜吗？面对炎炎夏暑的到来，西瓜作为夏季最常见的水果之一，已经成了人们必吃的解暑水果，作为特殊人群的孕妈妈们也馋的直流口水了，那么问题来了，孕妇到底可以吃西瓜吗？下文为你详解。
如果您有什么好的建议或者疑问,可以联系我们！ QQ群： QQ号： 欢迎进群，让我们一起学习、一起进步
微信公众号搜索“图老师”或者“tulaoshi_com”加关注
< 版权所有 (C) 2016 All Rights Reserved. 湘ICP备号&13:其他的动画制作技巧&Photoshop动画制作|文字教程|大师之路 Unify Tutorial Text
如何联系作者?
可访问作者或添加微信
现可优惠购买
注意：若动画无法正常播放，请检查浏览器的设置。观看时按下浏览器的停止按钮或键盘的ESC键将导致GIF动画停止播放，刷新页面可解决。有些范例动画载入可能较慢，请耐心等待。
就我们目前已经学习的制作方法而言，足以应付大部分的制作需求。在本课中我们将学习一些能为作品增添更多效果的技巧，这些技巧都要建立在以往的课程基础之上。因此，彻底掌握之前的所有课程是必须的。这些技巧包括：特殊图层、加减速、运动模糊、文字变形。也希望大家能够总结出自己的制作技巧，并与他人分享。
在Photoshop中能够作为动画的项目有图层位置、图层蒙版、图层不透明度、图层样式。在基础教程的阶段我们学习了色彩调整图层和填充图层。这类图层具有特殊性，前者不直接产生图像，而是针对下方图层做出色彩调整效果。后者虽然产生图像，但属于“虚拟像素”，可在后期更改填充的内容。现在我们将它们为动画服务，看看能有怎样的效果。点击此处阅读有关色彩调整图层的内容。点击此处阅读有关填充图层的内容。
色彩调整图层是比较好用的，利用它可以制作出色彩变化的效果。这些效果可以是从明暗变化、灰度变化、反相等。实现的方法也很简单，就是先建立色彩调整层并做好相关的设置，然后将调整层的不透明度制作为动画即可。如下各动画范例，分别是曲线变暗、曲线变亮、渐变映射、反相。若要将图像变为灰度，可利用渐变映射的灰度渐变，或通过色相饱和度实现。
需要注意的是，这种色彩变化的动画由于前后帧之间的像素大都不相同，因此其占用的字节数会很大。此时应尽可能减少帧数、帧速率或缩小动画的尺寸来平衡。此外，也可以通过建立调整图层的蒙版来实现只针对某个区域的色彩调整效果，这里就不再示范了。
有时候可能要表现一些剧烈变化的场景。所谓剧烈变化要么是像素的大幅移动，要么是色彩的大幅改变，可利用反相来实现色彩的剧烈变化。通过前面的范例，我们发现将反相制作为过渡的效果并不好，将过渡效果关闭后能够形成剧烈的色彩改变。这可通过两种方法来实现，一个是将帧设置为保留插值。二是两个关键帧之间不要留有空隙，这样就无所谓过渡与否了。
需要注意的是，第二种方法的后期可修改性较差。如果在文档设置中增大了帧速率，就会在原有的紧密排列的两个关键帧之间插入新帧，这样就会出现过渡效果了。因此不建议采用此方法。而应该采取第一种方法。
现在大家自己动手将这个动画制作出来。。文件包中包含素材图片以及成品的PSD，大家先不要开启PSD文件，尝试自己去分析和制作。完成后再参照范例PSD文件。
这个演示反相调整层使用技巧的范例动画具有一定的情节。首先是黑色流星坠落，流星是使用带有渐隐步长的画笔绘制的笔直或垂直线条，然后将其旋转为45度(角度可自定)，接着将除建筑物之外的天空部分创建为蒙版。在解除蒙版链接后，可单独移动流星并与建筑物产生遮挡效果。其后的反相交替没有什么技术难点，就不再说明了。至于蒙版的建立属于，可参看基础教程中有关图层蒙版的相关内容。
需要注意的是，最后的淡出是采用了色相饱和度调整层，所不同的是采取了淡出为黑色的效果，而不是以往的淡出为白色。在使用调整层来制作淡出时，最好不要使用曲线或亮度对比度，因为这两种色彩调整命令并不能完全将画面变为全白或全黑，而色相饱和度命令可以做到。
除了使用调整图层以外，也可以使用填充图层，或将普通图层填充后来制作淡出。淡出的原理就是该图层的不透明度从0%逐渐到100%的过程。这样的好处是除了黑色与白色，还可以淡出为其他的颜色如红色、蓝色等。以下是一个在2000年制作的动画，将当时的个人照分别裁切为两个不同的区域，然后分为3段，并采用白色的填充图层做出的模拟曝光转场效果。因为是为了在经典论坛中的个人头像之用，因此动画的尺寸和字节数有严格的限定。
在尽可能保持较少字节数的前提下，同时又尽可能保证动画的流畅，并不是一件容易的事情。为此可能要牺牲一些哪怕是很好的创意。但如果制作出来的动画不符合要求，或传输较慢，也就失去了其本身最重要的价值。大家自行选用其他素材来模仿制作出这个动画，文件字节数限制在5K左右(范例为3.65K)。并尝试在这个前提下，加入自己的一些新创意。至于其中的单色及抽丝线效果，可参看，以及。
在填充图层中，除了常用的纯色填充以外，还有图案填充和渐变填充。有关它们的使用方法，就不再另外说明了，大家自己尝试即可。
很早以前我们就学习过如何制作一个运动的物体，但我们所制作出来的物体都是匀速运动的，现在可以通过更改关键帧的位置来模拟出加速和减速的效果。这种效果并不局限于物体的运动，也可以用于类似淡入淡出的任何带有过渡性效果的场合。并且该方法也适用于其他的视频编辑软件，以及网页制作软件GoLive的时间轴DHTML效果中。
首先我们新建一个150×100的白底图像，将文档设定为1秒，30fps。新建一个普通图层画上一个矩形，并设定好其从左侧移动到右侧的动画。时间轴设定大致如下图所示。现在的移动速度是匀速的。
接下来将时间标杆移动到10f处，点击“位置”项目的菱形按钮，手动在当前时刻增加一个关键帧。这个关键帧目前可以说是多余的，因为它并不会改变动画过程。现在大家来设想一下，假设本来计划在10分钟后到达的地点，现在要求你在5分钟后就到达，那么你肯定需要加速。明白了这个道理，就能明白制作加速动画的方法了。那就是将这个10f时刻的关键帧，移动到05f时刻。这样在0f至05f之间，物体将呈现快速运动，在05f之后恢复原有速度。
以此类推，再分别将15f移动到10f，20f移动到15f，25f移动到20f。就可以制作出一个减速运动的物体了。我们这里是为了说明效果，而在实际制作中其实没有必要更改这么多关键帧，视物体移动距离的长短，一般更改2到3个关键帧就足够了。太长的移动距离本身就不适合用GIF来表现。另外帧率也不要设为30fps这么高。
运动模糊其实也与物体的移动有关，有些时候需要用较少的帧数来表现物体的快速移动时，使用运动模糊可以减少画面的跳跃感。如下范例动画的演示，提供给人物移动的帧数就是4帧，在如此有限的帧数下要完成长距离(所谓长距离也需要参照物体的大小)的移动是很局促的。为了弥补这个缺点，我们将人物图层复制并用运动模糊滤镜加以处理，形成残影效果。将残影与人物图层一起移动，并在运动开始和结束时刻将其隐藏。这个人物图形可从Photoshop自带的形状库中找到。大家自己尝试制作出运动模糊的效果。我们提供PSD源文件供大家在完成后对照。。
需要注意的是，这里我们在具备运动模糊的帧中，仍然保留了人物本体的完整影像，在实际操作中也可以降低本体的不透明度，或索性只保留残影，造成更快速的移动感。在只保留残影的方式下，残影的长度要适当延长一些，并且要接近于运动结束时刻的物体位置。大家可仔细观看范例动画，注意残影位置的区别。
运动模糊广泛应用于影视制作领域，大部分影视制作软件如After Effects等都有针对此的专项功能。在一些影视片断中，如果将一些快速运动的物体画面暂停，也就可以看到类似的残像。运动模糊英文名称是Motion Blur。在GIF动画制作中，运动模糊可能会增加动画的颜色数，因为残影效果本身就是带有许多过渡性色彩的。在输出的时候要注意在色彩数和动画质量之间做一个平衡。
除了使用滤镜制作残像，也可以将图层复制多份，并依次更改其色彩或不透明度形成一种比较规整的残像效果，如下右图所示，就是将人物层复制出3份并将填充色改为不同程度的灰色。这种残像用较少的色彩数量也可以很好地表现。而滤镜所形成的残像可能会在较少的颜色数下产生色斑。
在使用文字图层的时候，可能有些细心的读者已经发现了“文字变形”这个动画项目。如下图所示，可在动画中设置变形样式为“无”或其他样式，从而形成过渡变形的效果。这个动画项目其实是非常好用的，可惜只能局限于文字，如果能针对所有图形有效就更好了。不过我们有时候可以通过文字中的标点或特殊字符来模拟一些简单的物体形状，从而获得变形的能力，如符号“-”可扩大为矩形。
始于1997年　大师之路为注册商标　保留所有著作权　Flash动画制作_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
Flash动画制作
上传于||暂无简介
大小：1.38MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢君，已阅读到文档的结尾了呢~~
Flash及photoshop操作题步骤 内容详尽，但请以实际操作为准，欢迎下载使用
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
Flash及photoshop操作题步骤
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口}