这个方法可以制作写字动画、波浪动画等。

(上图第一个红色动画如果是方形可以直接用拉伸实现,然而很多图形都必须使用图层蒙版+移动)
3,确立旋转图形新的中心点
上一篇跟大家分享过的旋转的时钟,在这里再跟大家补充,如何确立新的中心点,当时只是粗略地说调整智能对象的画布,其实有个更好更方便的方法。为了方便参考,我们制作旋转动画以画布的中心点旋转,首先画一个正圆垂直水平居中对齐这个画布,圆的大小最好超出需要旋转的图形,旋转的图形水平居中圆形(有的图形不需要)最后将这个圆和旋转的图形编组并转换为智能对象,再将该圆隐藏/删除即可。
(温馨提示:在某些情况下,转换为智能对象的画布会超出实际元素本身容纳的画布,例如上图的圆形是300px×300px,和转换的图形一起转换为智能对象后可能会超出300px×300px的画布,事实上这是很让人头疼的问题,而我们只能把智能对象的画布调整为300px×300px,再将图层编组后饱满画布。)

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

PS自动限制导出的gif动画最多为500帧(如果有朋友知道如何设置超过500帧请赐教),超出的部分自动裁剪并导出前面500帧的gif动画。庆幸的是这500帧是真正发生动作的帧,也就是说,在连续的N个帧都没发产生动画,它也为一帧。当然如果你做的动画帧数太多,PS已经很难保证导出的gif的颜色还能保持原来的颜色。而如果出于某些情况确实需要超过500帧的动画,我们只好导出视频格式。

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

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

点击转换为视频时间轴,然后在图层面板选择所有图层,转换为智能对象,再把这个智能对象拖到B.PSD里面,这个时候B.PSD就有A.gif的动画了,前提是B.PSD必须创建了时间轴。对于一个PSD的某一个动画拖到另外一个PSD,也是将其动画图层转换为智能对象再拖动,并且经常这样使用。
额外话:当我们调出时间轴以后,选择移动工具并按键盘的上下左右已经不能移动元素了,就算关闭时间轴面板它还是移动帧的位置,因此必须按住ctrl+键盘方向才可以移动。

(给大家出个题,做上面的loading动画,技巧:图层样式+旋转)
以上就是本期分享的内容,制作动画的五大点:巧用智能对象、巧用剪贴蒙版、确立旋转图形的新的中心点、导出动画、合成gif,其中智能对象是制作gif最常用到的,还有很多理论和技巧等着你发现。有任何问题请留意,欢迎共同探讨。
                    情非得已
                
Photoshop详细解析GIF动画图片的优化技巧2016-12-27
                    
Photoshop详细解析GIF动画中批量处理技巧2015-12-20
                    
Photoshop结合AI制作时尚闪烁霓虹灯动画效果2015-11-26
                    
Photoshop制作超酷的蓝色霓虹灯效果图2015-01-26
                    
Photoshop合成绚丽的山水瀑布动画效果2013-10-05
                    
Photoshop制作林间流动效果的云彩动画2012-06-09
                    
Photoshop制作滑动效果的霓虹字动画教程2012-06-03
                    
Photsohop制作夏日清爽的美女照片滚动动画效果2012-04-24
                    
Photoshop制作流畅的中国风动画签名教程2012-04-15
                    
Photoshop制作相册自动翻页GIF动画教程2012-02-22
                    
                    下雨动画:PS制作逼真的下雨GIF动画
                相关文章18322018-12-20
            
                    Photoshop巧用动画功能制作液体融合动画效果
                相关文章39622017-11-25
            
                    Photoshop制作早晨阳光四射动画效果图
                相关文章14012017-11-11
            
                    Photoshop制作科技感十足的动态环绕动画效果
                相关文章24082017-07-03
            
                    Photoshop制作创意的花朵开放动画效果
                相关文章8562017-05-23
            
                    Photoshop制作简易的烟花爆炸GIF动画效果
                相关文章10732017-05-22
            
                    Photoshop详细解析GIF动画图片的优化技巧
                相关文章16132016-12-27
            
                    Photoshop制作动态界面展示GIF动画效果
                相关文章17562016-11-08
            