Photoshop CS3制作平面动画:特效制作技巧
- 2008-04-11
- 来源:
- 作者:上淘宝网
- 阅读:人次
- 进入论坛
今天我们介绍Photoshop CS3制作平面动画的第十三讲:特效制作方法和技巧。

就我们目前已经学习的制作方法而言,足以应付大部分的平面动画制作需求。在本课中我们将学习一些能为动画作品增添更多效果的技巧,这些技巧包括:特殊图层、加减速、运动模糊、文字变形。也希望大家能够总结出自己的制作技巧,并与他人分享。
这些技巧都要建立在以往的课程基础之上。因此彻底掌握之前的所有课程是必须的。
在Photoshop中能够作为动画的项目有图层位置、图层蒙版、图层不透明度、图层样式。在基础教程的阶段我们学习了色彩调整图层和填充图层。这类图层具有特殊性,前者不直接产生图像,而是针对下方图层做出色彩调整效果。后者虽然产生图像,但属于“虚拟像素”,可在后期更改填充的内容。现在我们将它们为动画服务,看看能有怎样的效果。点击此处阅读有关色彩调整图层的内容。点击此处阅读有关填充图层的内容。
色彩调整图层是比较好用的,利用它可以制作出色彩变化的效果。这些效果可以是从明暗变化、灰度变化、反相等。实现的方法也很简单,就是先建立色彩调整层并做好相关的设置,然后将调整层的不透明度制作为动画即可。如下各动画范例,分别是曲线变暗、曲线变亮、渐变映射、反相。若要将图像变为灰度,可利用渐变映射的灰度渐变,或通过色相饱和度实现。
需要注意的是,这种色彩变化的动画由于前后帧之间的像素大都不相同,因此其占用的字节数会很大。此时应尽可能减少帧数、帧速率或缩小动画的尺寸来平衡。此外,也可以通过建立调整图层的蒙版来实现只针对某个区域的色彩调整效果,这里就不再示范了。

有时候可能要表现一些剧烈变化的场景。所谓剧烈变化要么是像素的大幅移动,要么是色彩的大幅改变,可利用反相来实现色彩的剧烈变化。通过前面的范例,我们发现将反相制作为过渡的效果并不好,将过渡效果关闭后能够形成剧烈的色彩改变。这可通过两种方法来实现,一个是将帧设置为保留插值。二是两个关键帧之间不要留有空隙,这样就无所谓过渡与否了。
需要注意的是,第二种方法的后期可修改性较差。如果在文档设置中增大了帧速率,就会在原有的紧密排列的两个关键帧之间插入新帧,这样就会出现过渡效果了。因此不建议采用此方法。而应该采取第一种方法。
现在大家自己动手将这个动画制作出来。点此下载范例文件包。文件包中包含素材图片以及成品的PSD,大家先不要开启PSD文件,尝试自己去分析和制作。完成后再参照范例PSD文件。

这个演示反相调整层使用技巧的范例动画具有一定的情节。首先是黑色流星坠落,流星是使用带有渐隐步长的画笔绘制的笔直或垂直线条,然后将其旋转为45度(角度可自定),接着将除建筑物之外的天空部分创建为蒙版。在解除蒙版链接后,可单独移动流星并与建筑物产生遮挡效果。其后的反相交替没有什么技术难点,就不再说明了。至于蒙版的建立属于,可参看基础教程中有关图层蒙版的相关内容。
需要注意的是,最后的淡出是采用了色相饱和度调整层,所不同的是采取了淡出为黑色的效果,而不是以往的淡出为白色。在使用调整层来制作淡出时,最好不要使用曲线或亮度对比度,因为这两种色彩调整命令并不能完全将画面变为全白或全黑,而色相饱和度命令可以做到。
除了使用调整图层以外,也可以使用填充图层,或将普通图层填充后来制作淡出。淡出的原理就是该图层的不透明度从0%逐渐到100%的过程。这样的好处是除了黑色与白色,还可以淡出为其他的颜色如红色、蓝色等。以下是一个在2000年制作的动画,将当时的个人照分别裁切为两个不同的区域,然后分为3段,并采用白色的填充图层做出的模拟曝光转场效果。因为是为了在经典论坛中的个人头像之用,因此动画的尺寸和字节数有严格的限定。
在尽可能保持较少字节数的前提下,同时又尽可能保证动画的流畅,并不是一件容易的事情。为此可能要牺牲一些哪怕是很好的创意。但如果制作出来的动画不符合要求,或传输较慢,也就失去了其本身最重要的价值。大家自行选用其他素材来模仿制作出这个动画,文件字节数限制在5K左右(范例为3.65K)。并尝试在这个前提下,加入自己的一些新创意。至于其中的单色及抽丝线效果,可参看《Photoshop色彩调整专题》,以及《图案平铺》。
在填充图层中,除了常用的纯色填充以外,还有图案填充和渐变填充。有关它们的使用方法,就不再另外说明了,大家自己尝试即可。
![]()
很早以前我们就学习过如何制作一个运动的物体,但我们所制作出来的物体都是匀速运动的,现在可以通过更改关键帧的位置来模拟出加速和减速的效果。这种效果并不局限于物体的运动,也可以用于类似淡入淡出的任何带有过渡性效果的场合。并且该方法也适用于其他的视频编辑软件,以及网页制作软件GoLive的时间轴DHTML效果中。
首先我们新建一个150×100的白底图像,将文档设定为1秒,30fps。新建一个普通图层画上一个矩形,并设定好其从左侧移动到右侧的动画。时间轴设定大致如下图所示。现在的移动速度是匀速的。
(责任编辑:流星雪影)
将本文发送到朋友邮箱 【马上注册自己的个人空间 与朋友一起狂欢】
更多相关新闻
- ·淘宝网宝贝详情图片 用PS合成照片(多张合为一张) 08-11-16
- ·通过photoshop,把静止的变成动画的08-11-16
- ·手把手教您装修淘宝网店铺08-11-16
- ·淘宝网店铺装修篇-PS打造动感分类图片教程08-11-16
- ·如何让淘宝网旺铺真正的旺起来 08-11-16
- ·PS软件 去底调色 加水印去水印08-11-16
- ·淘宝免费相册就是支持淘宝的相册 免费系列08-07-13
- ·网店公告栏中插入公告图片的代码08-04-11
评论加载中…
>>资讯点击排行
推荐新闻
BBS精华
- 以美国兰德公司拟制的适合中国人特点的(11-03 11:Nov)
- 顾客不临门?不要急!【七大武器】 【(11-07 15:Nov)
- 告诉你如何使用阿里软件网店版,八大功(06-30 07:Jun)
- 开网店七大绝招,俺试了,管用(申精)(06-30 07:Jun)
- 如何做好网店代销,告诉你几个网店代销(11-15 09:Nov)
- 手把手教您用淘宝助理批量修改宝贝等等(10-29 10:Oct)
- 〓申精〓努力成就梦想|淘宝锦囊之巧用E(06-30 07:Jun)
- 让淘友更容易看到你的店铺或商品的3种(11-07 06:Nov)
- 如何让你的宝贝第一时间被发现 (申精(11-14 08:Nov)
- 淘宝开网店社区发贴推广十大技巧(11-11 11:Nov)













