页面载入中...

4格GIF连续动画制作PS教程

xingphotoshop, 2013-11-030

image

 这几天台湾女星陈乔恩的四格动画火了网络,很多朋友问我怎么制作,
其实很简单,只要掌握好先后顺序,几分钟就能完成了;
那么我们开始来学习,怎么制作四格连续GIF动态图
我们先找两张GIF动态素材图

素材1:

\

素材2:

\


效果图:

\
(主页菌为了出教程做的比较简单,但方法教大家,希望大家在细节上下功夫,慢慢理解)

我们先来制作2格动画吧,学会2格后,4格6格都是一样的方法


1、首先我们来看看两张素材图的宽高:素材1是  210*238       素材2是 268*238   素材1有28桢  素材2有22桢  共50桢

2、那么我们新建立一个478宽  238高的文档

\

3、我们打开两张素材图;会发现有十几个图层,我们把这些图层都拖到新建立的图层里;

     如图,我们两个素材图大概有50个图层;
\

4、找到动画面板   ,PS动画CS3以上的版本 请在:窗口-动画  来打开动画控制面板,

       我们将每桢设置为0.4秒 (如果慢可以设置0.2或者更快)    我们先做第一格动作 素材一是28层 我们先复制出28个桢 如图:

\

共50个层  比较多 烦琐,需要一定的耐心

5、然后我们来制作动作桢,每个桢对应每个图层:例如  1桢 对应 图层1 那么当选择1桢的时候图层1的 眼睛必须是打开的,如图
    
      \

选中第3桢,那么图层3眼睛打开

\

      \

选中第8桢,那么图层8眼睛打开

\

理解了吧,依次类推 一直到28层您就完成第一格了,

6、我们再来做第二格,将第28桢复制出22桢,这样我们就有50桢了

     \

7、我们继续按照第5步的方法  将27-50桢 分别将他们对应的图层眼睛打开;

8、我们将最后一桢也就是第50桢的时间调整为2秒 这样动态播放完后有个停顿 效果比较好;

9、完成最终效果:


\

总结:
我们要注意的是素材图的每一桢跟图层联系好
需要很大的耐心,和理解能力
 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信