菖蒲社吧 关注:152贴子:6,495

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

只看楼主收藏回复

出自:linka酱吧
作者:linka酱(K姐)
首先依然是K姐的话
大家好,这里小K姐姐
此教程由于是个人研发,流程可能比较复杂,仅供参考,欢迎大家一起学习讨论。
转载注明出处即可。

因为最近比较忙以及以后将会越来越忙,所以LZ可能会渐渐淡出妖吧咯~
对此LZ希望通过分享自己的制图经验,帮助一些对这方面感兴趣的童鞋。
大家一起加油吧>3<





IP属地:陕西本楼含有高级字体1楼2013-06-14 19:33回复
    【制作流程简介】
    (一)连续截图(PotPlayer)
    (二)拼成动图(UleadGIF)
    (三)调色美化(Photoshop)

    *
    有些童鞋可能有疑问“有木有基础版啊?”
    其实网上搜一下大概就有了,或者直接用QQ影音等播放器也可以直接截动图,
    那些就比较容易咯。
    *
    另外还有高级版的做动图方法,
    不过要用到After Effect,这个对于普通同学就比较困难了,
    这里就不赘述啦,有兴趣可以私下和LZ讨论~~


    IP属地:陕西本楼含有高级字体3楼2013-06-14 19:33
    回复
      (一)连续截图
      1.打开Pot Player播放视频

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

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


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

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


        IP属地:陕西本楼含有高级字体5楼2013-06-14 19:34
        回复
          (二)把截图做成GIF动态图
          4.打开UleadGIF

          5.点击空白动画

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

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


          IP属地:陕西本楼含有高级字体6楼2013-06-14 19:34
          回复
            8.这时可能你会发现,工作区的图片可能没有你想要的显示效果

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

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

            把延迟改成10就可以了。

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


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


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


                IP属地:陕西9楼2013-06-14 19:35
                回复
                  (三)调色美化
                  12.在PS中打开刚才保存好的动图,调出动画栏

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


                  IP属地:陕西本楼含有高级字体10楼2013-06-14 19:36
                  回复
                    14.设置图片大小Alt+Ctrl+I(图像---图片大小)
                    这里LZ用的是签名档的比例,大家可以根据需要自行修改
                    (注意分辨率改成72即可)


                    IP属地:陕西11楼2013-06-14 19:36
                    回复
                      15.选中最上层的图层(保证下一步所新增的滤镜加在最上面的图层)

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

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



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



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


                          IP属地:陕西14楼2013-06-14 19:37
                          回复
                            18.在所有图层最上面加上文字(快捷键T)


                            IP属地:陕西15楼2013-06-14 19:37
                            回复
                              19.如图

                              20.调整参数(注意我框起来的那些),大小不要超2M(超2M上传贴吧就动不了),最后按存储选择保存的路径就大功告成啦~~

                              (右下角的播放键可以预览动图)
                              --------------------------------------------------------------------------------
                              【教程完】


                              IP属地:陕西本楼含有高级字体16楼2013-06-14 19:37
                              回复