n殿吧 关注:794贴子:4,730

【教程】动画·GIF动态图·的制作方法(进阶版)

只看楼主收藏回复

转自妖精的尾巴吧·小K制作·呐呐转载


IP属地:四川1楼2013-06-19 19:37回复
    大家好,这里小K姐姐
    此教程由于是个人研发,流程可能比较复杂,仅供参考,欢迎大家一起学习讨论。
    转载注明出处即可。
    因为最近比较忙以及以后将会越来越忙,所以LZ可能会渐渐淡出妖吧咯~
    对此LZ希望通过分享自己的制图经验,帮助一些对这方面感兴趣的童鞋。
    大家一起加油吧>3<



    请勿C楼,必删;
    有疑问可在楼中楼回复。


    IP属地:四川2楼2013-06-19 19:37
    回复
      【制作流程简介】
      (一)连续截图(PotPlayer)
      (二)拼成动图(UleadGIF)
      (三)调色美化(Photoshop)
      *
      有些童鞋可能有疑问“有木有基础版啊?”
      其实网上搜一下大概就有了,或者直接用QQ影音等播放器也可以直接截动图,
      那些就比较容易咯。
      *
      另外还有高级版的做动图方法,
      不过要用到After Effect,这个对于普通同学就比较困难了,
      这里就不赘述啦,有兴趣可以私下和LZ讨论~~


      IP属地:四川4楼2013-06-19 19:39
      回复
        (一)连续截图
        1.打开Pot Player播放视频

        2.按Ctrl+G弹出截图对话框,设置相关参数。

        ①:选取截图要保存到的文件夹,大家根据需要自行选择创建
        ②:帧数--连续截图到200张之后停止(大家可以根据需要设置张数)
        间隔--如图所示,间隔150ms(毫秒)自动截取下一张图片(此参数设置成150比较好)


        IP属地:四川5楼2013-06-19 19:39
        回复
          3.在播放器中选择截取的开始时间点,点击开始(如图),然后就开始截连续画面了,直到你想停止就按下停止的按钮就好(或者是截到了200张图之后就自动停止,参见第2点)

          (p.s.保证动画是在播放中,暂停是不会自动截图的。)


          IP属地:四川6楼2013-06-19 19:40
          回复
            (二)把截图做成GIF动态图
            4.打开UleadGIF

            5.点击空白动画

            6.打开截图保存到的文件夹,选择刚才截取的连续图片,拖到下面的空白区域

            7.这时会弹出一个对话框,直接点确定


            IP属地:四川7楼2013-06-19 19:40
            回复
              8.这时可能你会发现,工作区的图片可能没有你想要的显示效果

              9.这时,可以通过按Ctrl+R(修整画布),缩小工具来调整画面。(缩小工具旁边相应是放大工具)

              ---------------------------------------------------------------------------------
              *注意:如果下方的时间不是显示0.1秒的话
              (←正确显示
              选中下方的全部帧,点击右键,选择画面帧属性

              把延迟改成10就可以了。

              P.S.这个就是改每帧秒数的方法,大家熟练之后就可以根据具体需要随便更改延迟秒数了。
              -------------------------------------------------------------------------------


              IP属地:四川8楼2013-06-19 19:41
              回复
                10.播放动图预览,把多余的帧删掉,尽量把动图的帧数控制在50帧以内(20帧左右为佳)。
                (因为截图时可能会把不必要的画面截进来了,或者是相同的动作持续时间太久,所以需要删掉这些帧,避免动图太大,不方便网络传播)


                IP属地:四川9楼2013-06-19 19:41
                回复
                  11.点击“优化”标签,调整上面的参数(颜色越多画面越清晰,当然文件大小也会很大),最后保存。


                  IP属地:四川10楼2013-06-19 20:13
                  回复
                    (三)调色美化
                    12.在PS中打开刚才保存好的动图,调出动画栏

                    13.根据需要截取有效画面(LZ这里用的是签名档5:2的尺寸)


                    IP属地:四川11楼2013-06-19 20:13
                    回复
                      14.设置图片大小Alt+Ctrl+I(图像---图片大小)
                      这里LZ用的是签名档的比例,大家可以根据需要自行修改
                      (注意分辨率改成72即可)


                      IP属地:四川12楼2013-06-19 20:13
                      回复
                        15.选中最上层的图层(保证下一步所新增的滤镜加在最上面的图层)

                        16.点击下面的黑白圆圈图标,选择曲线(其他的滤镜也可以根据需要来选择)

                        16-1.根据情况,按照自己的喜好来调色



                        IP属地:四川13楼2013-06-19 20:14
                        回复
                          16-2.选择其他的滤镜
                          (大家有兴趣可以都试试,可以调出不同的效果;
                          LZ常用的滤镜是曲线、色阶、照片滤镜、黑白等)



                          IP属地:四川14楼2013-06-19 20:14
                          回复
                            17.全选动画栏里的帧,单击右边的小眼睛,保证所有帧都有调色的效果。


                            IP属地:四川15楼2013-06-19 20:15
                            回复
                              18.在所有图层最上面加上文字(快捷键T)


                              IP属地:四川16楼2013-06-19 20:15
                              回复