大师之路！Photoshop制作平面动画系列讲座
在我们前面所学的课程中，Photoshop只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在Photoshop中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。下面我们就开始来学习Photoshop CS3 制作平面动画，本系列教程主要由：动画初识、认识动画帧、设定帧过渡、设计思维、淡入淡出效果制作、过渡帧制作动画、时间轴制作动画、图层样式制作动画、蒙版制作动画、GIF图像综述及彩信格式、其他特效制作技巧和视频及gif导入动画等组成。希望网友能更好掌握到photoshop制作动画的技巧。
http://img2.pconline.com.cn/pconline/0804/07/1262650_d0404.gifhttp://img2.pconline.com.cn/pconline/0804/07/1262650_d0405.gif http://img2.pconline.com.cn/pconline/0804/27/1279337_hw05.gifhttp://img2.pconline.com.cn/pconline/0803/25/1252535_hw01.gif http://img2.pconline.com.cn/pconline/0805/11/1292811_d1301.gifhttp://img2.pconline.com.cn/pconline/0805/11/1292811_d1302.gif http://img2.pconline.com.cn/pconline/0805/11/1292811_d1303.gif http://img2.pconline.com.cn/pconline/0804/27/1279337_d0905.gif http://img2.pconline.com.cn/pconline/0805/03/1283834_d104.gif http://img2.pconline.com.cn/pconline/0805/03/1283834_d105.gifhttp://img2.pconline.com.cn/pconline/0805/03/1283834_d107.gif http://img2.pconline.com.cn/pconline/0805/03/1283834_d109.gifhttp://img2.pconline.com.cn/pconline/0805/03/1283834_d102.gif http://img2.pconline.com.cn/pconline/0804/16/1270931_d0602.gif http://img2.pconline.com.cn/pconline/0804/16/1270931_d0603.gif http://img2.pconline.com.cn/pconline/0804/15/1269817_hw04.gif
本系列教程动画效果预览图 第一章：动画初识
在本教程开始之前，我们要求读者都已经学习过Photoshop的基础知识，理解并掌握如调整图层、图层样式等概念和操作，例如“怎样建立曲线调整层”之类的内容我们只作简要操作介绍，而不再详细解释其中原理。( >>>点击查看详细内容)
http://img2.pconline.com.cn/pconline/0803/25/1252535_hw01.gif
点击查看第一章详细内容 第二章：第一帧的传播特性 在这个制作中有一个很大不同，就是我们改变了原先复制一帧后马上进行设定，设定完后才复制另外一帧的方法。这次是将所有帧一次性复制出来，然后选定帧进行设定。这也是一种制作方法。
在操作的过程中大家不难发现，对于图层调板中的不透明度而言，在选择另外一帧的时候它又会回到100%。这说明一个特性，那就是对其中一帧的不透明度更改并不会影响到其他帧。再试想一下，如果我们用这种方法去制作最初的方块移动，在前一帧中移动图层后选择下一帧时，将发生怎样的情况呢？( >>>点击查看详细内容)http://img2.pconline.com.cn/pconline/0803/26/1253857_ani0206.jpg
点击查看第二章详细内容 第三章：设定帧过渡 目前我们制作动画的方法还属于全手动类型的，就是逐帧进行制作。比如一个物体的移动，我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性，但同时也使得制作变得非常繁琐，尤其是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画，它的基本原理是，设定好某段运动的起始帧和结束帧，然后在这两帧种产生平均的过渡。如果是物体的移动，则就是先设定好移动起点帧和终点帧。( >>>点击查看详细内容)http://img2.pconline.com.cn/pconline/0804/02/1260350_ani0304.png
点击查看第三章详细内容 第四章：设计思维 以上说的都是技术问题，现在来说一下情节方面的问题。一般来说，如果一个物体始终都在图像中运动，则无需对其进行交代。但如果物体原本不在画面中，是后来进入画面的，或原本在画面中后来移出了画面，则需要对物体的出现和消失做一个交代，这个交代就是过渡，让观看者有一个比较自然的心理转变。常见的手法就是让物体逐渐显现(也称淡入)或逐渐消失(也称淡出)。 第五章：制作淡入淡出效果 制作一个既有淡入淡出效果，也能较好展示文字的动画。思路是保留第一个动画中的文字全程移动，但将淡入和淡出压缩在头尾少数几帧内完成，从而保证文字在大部分移动过程中保持最终显现状态。如下左图，双向箭头表示淡入和淡出过程，上半部所示是第一个动画，可以看出淡入和淡出相加等于动画全程。下部所示是我们现在的构想，淡入加上淡出只占用全程的一半或更少。这样就能让文字以最终显现状态完成大部分的移动。 ( >>>点击查看详细内容 )
http://img2.pconline.com.cn/pconline/0804/07/1262650_d0404.gif http://img2.pconline.com.cn/pconline/0804/07/1262650_d0405.gif>>>点击查看第五章详细内容 第六章：过渡帧动画 到现在为止我们制作动画的过程都是事先建立好所需要的图层(文字也是一种图层)，再建立各个关键帧，之后进行过渡。如果每个动画都能有这样充足的事先计划那当然最好，但如果在已有的动画基础上新增图层会怎样呢？ ( >>>点击查看详细内容 )
http://img2.pconline.com.cn/pconline/0804/15/1269817_hw04.gif
>>>点击查看第六章详细内容 第七章：认识时间轴
在时间轴中我们看到了类似图层调板中的图层名字，其高低位置也与图层调板相同。点击图层左方的箭头标志就会展开该图层所有的动画项目，也就是能制作为动画的要素。在不同性质的图层中，其动画项目也不相同。所谓不同性质就是指如普通图层、带蒙版的普通图层、文字图层、调整图层等，这些都属于不同性质的图层。 ( >>>点击查看详细内容 )
第八章：用时间轴制作动画 利用时间轴来制作动画，这与我们之前的帧式动画有很大不同，但相比之下时间轴方式来的更直观和简便，也是我们以后最主要的制作方式。时间轴式动画的一个基本特性，那就是将各个动画项目独立出来，对其中一个项目的修改并不会影响其他项目。 ( >>>点击查看详细内容 )http://img2.pconline.com.cn/pconline/0804/22/1276129_ani0801.png
>>>点击查看第八章详细内容 第九章：图层样式制作动画 在Photoshop基础知识中我们已经学习过如何为图层定义样式，在定义样式中有许多的参数都直接影响最终的效果。如阴影的高度、角度等。这些参数中的绝大多数，都可以作为动画的变量来使用，可以做出效果非常好的动画。 ( >>>点击查看详细内容 )http://img2.pconline.com.cn/pconline/0804/27/1279337_d0901.gifhttp://img2.pconline.com.cn/pconline/0804/27/1279337_d0905.gifhttp://img2.pconline.com.cn/pconline/0804/27/1279337_d0907.gif
第十章：实战-图层样式制作动画 雷达扫描效果的实现是第一个难点，这其实就是渐变叠加样式，关键是要选择角度的渐变方式，以及相应的渐变设定，分别如下左图和中图所示。渐变色标为96de8a。渐变色标也可用白色，再通过更改混合模式或降低不透明度来融合图像。 ( >>>点击查看详细内容 )http://img2.pconline.com.cn/pconline/0804/28/1280623_d1005.gif
>>>点击查看第十章详细内容 第十一章：用蒙版制作动画 用蒙版来制作这个动画则非常简单，在新建的图层中画好长方形，建立一个全白的蒙版，再将其填黑，解除蒙版与图层的链接关系，如下左图所示。接着就可以设定蒙版位置的动画项目了。其过程很简单，就是在开始时刻保持蒙版在全黑，在结束时刻将其移动(往左往右自定)到完全露出白色，也就是不再遮挡图层内容为止。 ( >>>点击查看详细内容 )http://img2.pconline.com.cn/pconline/0805/03/1283834_d102.gifhttp://img2.pconline.com.cn/pconline/0805/03/1283834_d103.gif
>>>点击查看第十一章详细内容 第十二章：GIF图像综述及彩信格式 本文是关于Photoshop CS3的GIF图像综述及彩信格式讲解教程，主要是介绍动画图像格式是GIF的设置技巧，文中作者还就现在流行的手机彩信中的gif动画制作作了说明，希望你阅读后会有所收获。 ( >>>点击查看详细内容 )http://img2.pconline.com.cn/pconline/0805/04/1284359_1209.jpg&namecode=pcedu&subnamecode=pcedu_index]http://img2.pconline.com.cn/pconline/0805/04/1284359_1209_thumb.jpg
>>>点击查看第十一章详细内容 第十二章：其他特效制作技巧 在本课中我们将学习一些能为作品增添更多效果的技巧，这些技巧都要建立在以往的课程基础之上。因此，彻底掌握之前的所有课程是必须的。这些技巧包括：特殊图层、加减速、运动模糊、文字变形。也希望大家能够总结出自己的制作技巧，并与他人分享。 ( >>>点击查看详细内容 )
http://img2.pconline.com.cn/pconline/0805/11/1292811_d1301.gif http://img2.pconline.com.cn/pconline/0805/11/1292811_d1302.gif http://img2.pconline.com.cn/pconline/0805/11/1292811_d1303.gif http://img2.pconline.com.cn/pconline/0805/11/1292811_d1304.gif
>>>点击查看第十二章详细内容
接下来的章节即将发布，敬请关注~~~
http://pcedu.pconline.com.cn/sj/pm/photoshop/rm/0805/1294186_2.html 我只会简单的．
无师不通／ 哎． 要好好学习！ 复杂，不会搞这个，
页:
[1]