【教程】Photoshop详细解析时间轴之5个小技巧篇_PhotoShop平面设计吧吧_直线网

PhotoShop平面设计吧
已关注 | 取消 +关注
关注：484
帖子：3,446

签到

05月15日
尚未签到

看帖图片精品视频

共有回帖数 0 个

【教程】Photoshop详细解析时间轴之5个小技巧篇
只看楼主收藏回复

告别旧巷
等级：
Photoshop详细解析时间轴之5个小技巧篇
1，巧用智能对象
利用技巧，PS时间轴可以做更多相对复杂的动画，而这些动画的实现更多的是利用智能对象实现。

转换为智能对象可以N次，转换越深的对象继承级别越高，每一次的转换都可以给其做不同的动画或者样式，并且和被转换的动画或者样式叠加。对于样式，它显得更有用(例如给一个图层添加多个投影)。玩过flash的朋友们都知道有一种元件叫影片剪辑，它可以很灵活地重叠动画，在PS时间轴里，智能对象相当于flash的影片剪辑，所以我们经常需要把做好的一个动画转换为智能对象后再做另一个动画。例如做一类似地球的公转，首先做好地球的自转，然后转换为智能对象后，再做公转。值得注意的是，PS的智能对象不能像flash的影片剪辑可以循环播放，也就是说所有的动画都是按照时间线单一的从左到右，同时进行并且不循环的。举个例子，一个只有一次播放的动画，这个动画(总场景)一共10秒，在flash中，一个影片剪辑5秒，把这个影片剪辑拖到总场景的第一帧，预览动画可以得知这个影片剪辑循环播放了两次(当然如果要播放一次在影片剪辑最后一帧加个stop代码就可以了，这里就不讨论flash了);在PS中，智能对象有5秒的动画，拖到时间线的第一帧，预览动画可以得知只播放一次。当转换前的对象(智能对象或者图层)有动画时，转换后的智能对象动画长度=转换前的动画长度，即向右拖动动画长度有最大值;在转换后的智能对象拉动动画长度时旁边会出现一个预览窗口，便可以得知转换前的动画位置，这个对于时间轴上的帧调整很有帮助。

2，巧用剪贴蒙版通过前面章节我们已经知道只有转换为智能对象才有变换的动作属性，而变换产生的动画有移动、缩放、旋转、斜切、翻转，实际上并没有从一个图形变换成另外一种图形的动画产生，但是我们却经常需要做这样的动画，比如从一个圆变成一个方形，从方形变成多边形，从多边形变成其他图形等等。因此需要用到剪贴蒙版并且如图设置：

4，导出动画
PS导出大型gif动画需要占用电脑很大的内存，对于分辨率很大，或者帧数太多，可能会弹出未知错误的提示框，也就是内存不足，然而就算你加到16G,有时候还会无法导出。这个时候我们必须妥协，降低百分比(缩小分辨率)。如果你做的动画有2700px宽度，你最好在导出之前先把图像大小降低百分比，再做导出，否则你需要经过漫长时间的等待，甚至出错。
(经验证明先把PSD图像降低百分比再导出gif，比进入导出gif面板时降低百分比的文件要小一些)

渲染视频，还可以给其添加音轨，前提是你必须启用音轨。
另外，gif文件大小是个必须考虑的问题，通过调整导出的参数，文件大小会发生对应的变化，而动画的质量也跟随变化。一般情况下(帧数比较少的动画)，按照以下参数设置

颜色256最高值，仿色的设置对文件的大小影响尤其明显，数值越高，颜色精确度越好(导出的gif质量越好)，而文件的大小则越大，因此需要结合实际情况设置数值。其他的参数可以试设置并且对应看下预览信息。
5，合成gif
将一个gif格式的动画放到另外一个gif或者新建的PSD文件里。几个月前有个酷友分享过合成gif动画技巧，然而步骤太多过于繁琐，事实上有个非常简单的办法。
这里再重复一下，直接ctrl+J复制图层虽然不能复制其本身的动画(拖动可以复制其动画，并且拖动到另外一个文件同样生效)，但是对于智能对象而言，它可以复制里面的动画(即转换前的对象动画)。
举个例子，我们需要把A.gif的动画合并在新建的B.PSD里面，首先把A.gif文件拖到PS里面，可以得知时间轴上的动画是帧动画，

(给大家出个题，做上面的loading动画，技巧：图层样式+旋转)
以上就是本期分享的内容，制作动画的五大点：巧用智能对象、巧用剪贴蒙版、确立旋转图形的新的中心点、导出动画、合成gif，其中智能对象是制作gif最常用到的，还有很多理论和技巧等着你发现。有任何问题请留意，欢迎共同探讨。

楼主 2016-05-14 12:26 回复