正在阅读:大师之路!Photoshop制作平面动画系列讲座大师之路!Photoshop制作平面动画系列讲座

2008-05-13 09:23 出处:PConline原创 作者:赵鹏 责任编辑:chenzhenjia
1动画制作基础知识回顶部

  在我们前面所学的课程中,Photoshop只是被用来制作比如海报、印刷稿等静态图像的,我们提到过它具备动画制作的能力。现在我们就是要在Photoshop中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性,令动画成型。

  下面我们就开始来学习Photoshop CS3 制作平面动画,本系列教程主要由:动画初识、认识动画帧、设定帧过渡、设计思维、淡入淡出效果制作、过渡帧制作动画、时间轴制作动画、图层样式制作动画、蒙版制作动画、GIF图像综述及彩信格式、其他特效制作技巧和视频及gif导入动画等组成。希望网友能更好掌握到photoshop制作动画的技巧。

Photoshop CS3制作动画:设计思维  Photoshop CS3制作动画:设计思维 Photoshop CS3用图层样式制作动画

Photoshop CS3制作平面动画:动画初识   Photoshop CS3制作平面动画:特效制作技  Photoshop CS3制作平面动画:特效制作技   Photoshop CS3制作平面动画:特效制作技

   Photoshop CS3用图层样式制作动画 Photoshop CS3使用蒙版制作动画 Photoshop CS3使用蒙版制作动画  Photoshop CS3使用蒙版制作动画 Photoshop CS3使用蒙版制作动画

Photoshop CS3使用蒙版制作动画   Photoshop CS3制作动画:过渡帧动画     Photoshop CS3制作动画:过渡帧动画   Photoshop CS3制作动画:淡入淡出效果  


本系列教程动画效果预览图

  第一章:动画初识

   在本教程开始之前,我们要求读者都已经学习过Photoshop的基础知识,理解并掌握如调整图层、图层样式等概念和操作,例如“怎样建立曲线调整层”之类的内容我们只作简要操作介绍,而不再详细解释其中原理。( >>>点击查看详细内容)

Photoshop CS3制作平面动画:动画初识
点击查看第一章详细内容

  第二章:第一帧的传播特性

  在这个制作中有一个很大不同,就是我们改变了原先复制一帧后马上进行设定,设定完后才复制另外一帧的方法。这次是将所有帧一次性复制出来,然后选定帧进行设定。这也是一种制作方法。

  在操作的过程中大家不难发现,对于图层调板中的不透明度而言,在选择另外一帧的时候它又会回到100%。这说明一个特性,那就是对其中一帧的不透明度更改并不会影响到其他帧。再试想一下,如果我们用这种方法去制作最初的方块移动,在前一帧中移动图层后选择下一帧时,将发生怎样的情况呢?( >>>点击查看详细内容)

Photoshop CS3制作平面动画:动画帧
点击查看第二章详细内容

  第三章:设定帧过渡

  目前我们制作动画的方法还属于全手动类型的,就是逐帧进行制作。比如一个物体的移动,我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性,但同时也使得制作变得非常繁琐,尤其是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画,它的基本原理是,设定好某段运动的起始帧和结束帧,然后在这两帧种产生平均的过渡。如果是物体的移动,则就是先设定好移动起点帧和终点帧。( >>>点击查看详细内容)

Photoshop CS3制作动画:设定帧过渡
点击查看第三章详细内容

  第四章:设计思维

  以上说的都是技术问题,现在来说一下情节方面的问题。一般来说,如果一个物体始终都在图像中运动,则无需对其进行交代。但如果物体原本不在画面中,是后来进入画面的,或原本在画面中后来移出了画面,则需要对物体的出现和消失做一个交代,这个交代就是过渡,让观看者有一个比较自然的心理转变。常见的手法就是让物体逐渐显现(也称淡入)或逐渐消失(也称淡出)。 ( >>>点击查看详细内容)

2动画制作实例回顶部

  第五章:制作淡入淡出效果

  制作一个既有淡入淡出效果,也能较好展示文字的动画。思路是保留第一个动画中的文字全程移动,但将淡入和淡出压缩在头尾少数几帧内完成,从而保证文字在大部分移动过程中保持最终显现状态。如下左图,双向箭头表示淡入和淡出过程,上半部所示是第一个动画,可以看出淡入和淡出相加等于动画全程。下部所示是我们现在的构想,淡入加上淡出只占用全程的一半或更少。这样就能让文字以最终显现状态完成大部分的移动。 ( >>>点击查看详细内容 )

Photoshop CS3制作动画:设计思维 Photoshop CS3制作动画:设计思维

>>>点击查看第五章详细内容

  第六章:过渡帧动画

  到现在为止我们制作动画的过程都是事先建立好所需要的图层(文字也是一种图层),再建立各个关键帧,之后进行过渡。如果每个动画都能有这样充足的事先计划那当然最好,但如果在已有的动画基础上新增图层会怎样呢? ( >>>点击查看详细内容 )

Photoshop CS3制作动画:淡入淡出效果
>>>点击查看第六章详细内容

  第七章:认识时间轴

  在时间轴中我们看到了类似图层调板中的图层名字,其高低位置也与图层调板相同。点击图层左方的箭头标志就会展开该图层所有的动画项目,也就是能制作为动画的要素。在不同性质的图层中,其动画项目也不相同。所谓不同性质就是指如普通图层、带蒙版的普通图层、文字图层、调整图层等,这些都属于不同性质的图层。 ( >>>点击查看详细内容 )

  第八章:用时间轴制作动画

  利用时间轴来制作动画,这与我们之前的帧式动画有很大不同,但相比之下时间轴方式来的更直观和简便,也是我们以后最主要的制作方式。时间轴式动画的一个基本特性,那就是将各个动画项目独立出来,对其中一个项目的修改并不会影响其他项目。 ( >>>点击查看详细内容 )

Photoshop CS3制作动画:时间轴式动画
>>>点击查看第八章详细内容

  第九章:图层样式制作动画

  在Photoshop基础知识中我们已经学习过如何为图层定义样式,在定义样式中有许多的参数都直接影响最终的效果。如阴影的高度、角度等。这些参数中的绝大多数,都可以作为动画的变量来使用,可以做出效果非常好的动画。 ( >>>点击查看详细内容 )

Photoshop CS3用图层样式制作动画Photoshop CS3用图层样式制作动画Photoshop CS3用图层样式制作动画
>>>点击查看第九章详细内容

3其他动画制作技巧回顶部

  第十章:实战-图层样式制作动画

  雷达扫描效果的实现是第一个难点,这其实就是渐变叠加样式,关键是要选择角度的渐变方式,以及相应的渐变设定,分别如下左图和中图所示。渐变色标为96de8a。渐变色标也可用白色,再通过更改混合模式或降低不透明度来融合图像。 ( >>>点击查看详细内容 )

Photoshop CS3作实战图层样式动画
>>>点击查看第十章详细内容

  第十一章:用蒙版制作动画

  用蒙版来制作这个动画则非常简单,在新建的图层中画好长方形,建立一个全白的蒙版,再将其填黑,解除蒙版与图层的链接关系,如下左图所示。接着就可以设定蒙版位置的动画项目了。其过程很简单,就是在开始时刻保持蒙版在全黑,在结束时刻将其移动(往左往右自定)到完全露出白色,也就是不再遮挡图层内容为止。 ( >>>点击查看详细内容 )

Photoshop CS3使用蒙版制作动画Photoshop CS3使用蒙版制作动画
>>>点击查看第十一章详细内容

  第十二章:GIF图像综述及彩信格式

  本文是关于Photoshop CS3的GIF图像综述及彩信格式讲解教程,主要是介绍动画图像格式是GIF的设置技巧,文中作者还就现在流行的手机彩信中的gif动画制作作了说明,希望你阅读后会有所收获。 ( >>>点击查看详细内容 )

Photoshop CS3的GIF图像综述及彩信格
>>>点击查看第十二章详细内容

  第十三章:其他特效制作技巧

  在本课中我们将学习一些能为作品增添更多效果的技巧,这些技巧都要建立在以往的课程基础之上。因此,彻底掌握之前的所有课程是必须的。这些技巧包括:特殊图层、加减速、运动模糊、文字变形。也希望大家能够总结出自己的制作技巧,并与他人分享。 ( >>>点击查看详细内容 )

 

Photoshop CS3制作平面动画:特效制作技 Photoshop CS3制作平面动画:特效制作技 Photoshop CS3制作平面动画:特效制作技 Photoshop CS3制作平面动画:特效制作技
>>>点击查看第十三章详细内容

  第十四章:其他特效制作技巧

  一般情况下,对于15fps的原始视频可采取每隔3帧的导入方式,形成每秒5帧的动画。更高速率的原始视频据此类推即可。注意导入后需要调整帧停留时间为原先的3倍,否则会出现类似快进的播放效果。 ( >>>点击查看详细内容 )

Photoshop CS3导入视频及GIF动画技巧
>>>点击查看第十四章详细内容

关注我们

最新资讯离线随时看 聊天吐槽赢奖品