当前位置:
文章详情

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

2016-09-26 17:46:52 491点赞 2394收藏 288评论

一、前言

哈喽,艾威宝嘚~小葵花妈妈课堂开课啦~~~

这次月涩不再教你做美食,而是教你如何制作GIF动图~~~

看着各路大神在帖子中炫酷的动次打次图片,大家是不是也很想像大神一样让图片动起来?看完这篇帖子,就可以轻轻松松让你的帖子也加上头发的特技!!Duang Duang Duang~~

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

首先要申明一下,我不是专业级别的美术设计师,也不是专业的职业摄影,各路高手走过路过就不要拆我洋相啦~~想要学习系统教学的亲们,也请去各大专业网站学习哦!这里我只教会大家最最简单、最最屌丝的制作方法,也顺便抛砖引玉一下,期待更多大神分享更专业的制图方法哦~~~最简单的GIF动图教程,5分钟学会,让你的原创增色不少

以前上大学的时候,学习做网页(没错,楼主是IT理工女),有用Photoshop、Fireworks等制作过GIF动图。不过现今这么繁忙的社会,工作家庭都忙不过来了,业余时间写帖子,完全木有精力再开启大型软件,一帧一帧去修图制作了。我要的是越简单、越方便、越快速的制作方法,所以才有了这篇教程。

比较专业的GIF制作软件,要数“啊**”公司下的Photoshop和Premiere了,当然还有其他,我就不举例了。但是看了下面这张图,你还想学吗?非专业选手真的还想去涉足吗???反正我看了是一个头两个大……如果和我一样想要偷懒的亲们,就继续看下去吧~~~

图片来自和GIF战斗了头都痛的老纪很大力图片来自和GIF战斗了头都痛的老纪很大力

二、前期准备

在制作动图之前,首先要知道它的原理。当然,那些专业的计算机术语我是不懂的,如果要百度的话,分分钟可以搜出一堆让人看的云里雾里的理论概念。简单来说,就是在一段时间内显示的一系列图像或帧。每一帧较前一帧都有轻微的变化,当连续、快速地显示这些帧时就会产生运动或其它变化的错觉。以最直白的话语解释,就是把一张一张的静态图片合成的动态画面,就好像定格动画那样。

下面我会教大家2种制作方法,一种是拍摄一张一张的静态图片,合成动态画面的方法;另一种是拍摄一段动态视频,转为GIF格式的动态画面方法。

在制作动图前,首先要拍摄好图片,为了画面的美观性与稳定性,建议大家一定要使用三脚架拍摄!

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

就像一张好图一样,好的后期必须建立在前期好的拍摄上,动图的制作依然如此,只有拍好前期图片,才能合成后期动图哦~~~至于如何拍好图片,大家心中的创意都不同,可以随意发挥,我这里只教大家如何进行后期合成。

三、美图秀秀

下载地址

第一个推荐的软件就是被广大男性同胞鄙视的初级后期软件——美图秀秀了~~它有个很好用的功能一直被大家忽略了,就是它的闪图功能

美图秀秀的闪图功能可以简单实现我上述的第一种动图制作方式:把一张张的静态图片,合成动态GIF图片。

先来个最简单的闪图练练手吧~~

首先,准备一张初始图片(左图);然后P上你想要加上的文字、贴图、表情等等,任何你想要达到效果的后期(右图)。注:此处楼主只是随意做个示范,做的比较简陋,大家可以发挥脑洞,自己创意。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

准备好2张图片后,我们就可以接下去把两张合成动图了。启动美图秀秀——打开一张图片。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

点击更多功能——闪图。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

进入到闪图的制作界面,最左侧第一栏为“动感闪图”,点开一看有多年前QQ空间的既视感,我们跳过不看。选择第二栏“自定义闪图”,界面瞬间干净整洁多了,左侧为所添加的图片总览,中间为每张图的大图预览,点击图片正中央的“添加一帧”或左侧的“+添加图片”。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

打开刚刚制作好的第二张图片。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

从左侧的导览栏中可以看到,现在有上下2帧图片了。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

点击修改闪图大小,把图片调整到合适的大小后。再选择速度调节,调整两张图之间播放的间隔速度。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

生成预览动画效果,看看动图的闪动时间是否达到自己的预期效果。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

制作完成后,点击保存即可。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

一起来看看,刚刚制作的闪图最后的效果图吧~~~最简单的GIF动图教程,5分钟学会,让你的原创增色不少 怎么样!是不是很炫酷!!

看到我闪烁真挚的眼神了吗!真的不来一发“点赞+收藏+关注”吗?!最简单的GIF动图教程,5分钟学会,让你的原创增色不少

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

好了,刚刚只是一场小热身,学会了简单的原理后,现在再来看看,如何把动图制作运用到原创的写作中来吧~~~

大家是否对千篇一律的开箱图感到厌烦,其实用小小的动图把多张图片合成一张,不仅减少了许多篇幅,更是有无限大的创意呢!

首先前期拍摄好你所需要的静态图片,发挥脑洞的时候又到咯~~~其实就是一帧一帧的定格动画制作~~~拍摄手法是,每挪动一点,就拍下一张图片

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

启动美图秀秀——打开一张图片——点击更多功能-闪图

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

把所有需要导入的图片,按照播放顺序都添加进去。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

看左侧,所有的图片都添加好了,再调整图片大小、播放速度。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

生成闪图预览,调整到自己的预期效果,按保存即可。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

OK~搞定~~来看看最后制成的定格动画效果吧~~~最简单的GIF动图教程,5分钟学会,让你的原创增色不少 我拍的帧数比较少,如果大家想要更精细的效果,可以拍摄更多的帧数,把一点一点的开箱过程都慢慢的拍摄下来,合成就好。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

再来一个旋转视图的制作效果,拍摄手法是,每旋转一个角度,拍摄一张,最后合成动图。反正知道原理后,大家可以打开脑洞,制作多种多样的动图啦~~~

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

下图是我之前原创中出现过的,教大家如何制作抹茶芭菲,把图片拍摄好,先每张都添加好文字,再用闪图功能合成动图。美图秀秀在合成阶段无法进行一帧帧的修改,它只能起到合成的作用,而其他大型修图软件,是集合了修图和合成动图,知道原理后,也非常容易制作。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

四、迅雷看看/迅雷影音

下载地址

在学会了合成静态定格动图后,你掌握的技能等级已经level up了。但是有些产品功能、特效无法用静态图拍摄表达,怎么办呢?接下来月涩就教大家,如何从一段视频中,截取制作成想要的GIF动图。

所需要的软件依然是大众必备的屌丝软件(迅雷对不起)——迅雷看看/迅雷影音。(现在似乎没有迅雷看看,都升级成迅雷影音了,但是楼主电脑中的迅雷影音打开一直报错,所以就继续在用老版的迅雷看看,制作方法是一样一样的,下文就用迅雷看看演示教程了。)

大家电脑里的大姐姐视频,是不是都要依靠迅雷下载、观看呢~~我也是无意间发现原来它还有个这么好用的隐藏功能,感觉表情包又可以增加新鲜血液了!

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

视频转GIF分为两步,第一步:视频截取。把一段长视频截取成你需要内容的短视频。第二步:GIF转码。把截取好的视频内容转为GIF格式的动图。如果你想把整段视频都转为GIF,那就跳过第一步,直接转码就好。

视频截取

准备好一段你需要制成GIF的视频,或者拍摄好所需要展示的视频,依然请使用三脚架拍摄~~~

把影片导入电脑中,启动迅雷看看/迅雷影音,点击打开文件

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

选择并打开你所需要制作的影片或视频。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

这是一段拍摄时长1分24秒的视频,然而我只需要其中的10几秒画面,所以就需要先截取一下。对着视频画面右键——点击截取与转码。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

进入截取界面,从最下方的进度条中,选取你所需要截取的部分,点击预览,一边查看一边做微调,调整你所需要的时长。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

选取好视频时长后,点击保存,选择要保存的格式和大小,点击确定,即可。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

保存成功后,点击播放,就会打开你截取好的视频了。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

GIF转码

打开你所需要制作成GIF的视频,或者刚刚已经截取好的视频,右键-选择GIF图截取

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

进入到GIF制作界面,左下角有一排截取时长进度条,可以调整所需要制作GIF的视频长度。

注:如果不是很长的视频,可以跳过第一步,直接在这里进行微调,选择要截取视频长度即可。GIF截取功能支持30s的画面,如果是时长很长的视频,在这里截取会无法截得很精确,需要先用第一步截取后,再来转GIF,大家可以按实际情况选择。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

调整截取间隔时间,默认是100ms,数值越小画面动得越慢,数值越大画面动得越快,一般100ms就可以。再调整图片大小。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

点击预览,生成效果图,如果不满意可以继续进行微调,直到满意为止。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

达到你想要的效果后,点击保存,选择保存路径,确定保存即可。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

最后来看一下制作效果吧~~图片动的很欢快有木有~~~

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

再来看看其他的效果,下图我是为了展示这个按钮的无极旋转调速功能,用文字表述没有图片来得直观,又无法用静态图片来展示,动图就能很好的表示清楚。

最简单的GIF动图教程,5分钟学会,让你的原创增色不少

这里月涩只教了大家最简单、最基础的两个软件和制作方法,知道原理后,就能变幻出无限的可能,一起学起来,把自己的原创变得丰富多彩吧~~~

以上。

感谢观看。


小编注:本文作者@月涩撩人 是什么值得买首席生活家,她的个人自媒体信息为:

新浪微博:Grace_Yuese(https://weibo.com/kingno27)

扶持推广个人品牌是首席生活家所享受的福利之一,更多详细内容请看生活家公告(https://news.smzdm.com/p/26967/)。欢迎大家踊跃申请生活家(https://www.smzdm.com/form/171c7d27eb41eef3),生活家中表现优异的用户还将有机会成为『首席生活家』,欢迎有着特别生活经验的值友们踊跃加入生活家大家庭!

展开 收起
288评论

  • 精彩
  • 最新
  • 请问毁图秀秀给了多少推广费 [阴笑]

    校验提示文案

    提交
    真希望毁图秀秀的员工能看到这句,然后赶紧把钱打我账上 [得意]

    校验提示文案

    提交
    收起所有回复
  • 100种小软件都能做这个,这么简单的东西竟然还要教程?

    校验提示文案

    提交
    因为有许多值友在我帖子里问怎么做动图,所以才有了此帖 [狂汗]

    校验提示文案

    提交
    比如我就不会,快来鄙视我吧! [得意]

    校验提示文案

    提交
    还有2条回复
    收起所有回复
  • 之前用过app,能做6s的小图。分辨率很差

    校验提示文案

    提交
    手机作图确实是很小的渣画质,用电脑做就好了~

    校验提示文案

    提交
    收起所有回复
  • 手机上看不会动。。为什么

    校验提示文案

    提交
    你应该在用流量看吧?流量模式自动会节能模式看图,点开大图就会动了 [得意]

    校验提示文案

    提交
    果然如此,还有6个G流量用不完... [装大款] [装大款] [装大款]

    校验提示文案

    提交
    收起所有回复
  • 我用的是比较简单的软件:Ulead,也不错

    校验提示文案

    提交
    那个画质清晰吗?

    校验提示文案

    提交
    画质可以清晰、连贯性也可以很好,但是尺寸就超标了,我发张大妈,我试过3M的都不行,非要调到很低的分辨率才能控制在1M左右。
    不过使用上,我看了一下,比你推荐最简单的美图秀秀还方便。

    校验提示文案

    提交
    还有2条回复
    收起所有回复
  • 楼主家的实木家具真心不错哦!

    校验提示文案

    提交
    你的关注点有点偏呀 [傻笑]

    校验提示文案

    提交
    收起所有回复
  • 以前还能用动图做封面的,不过大部分都会被小编Duang掉,现在好像很少见了。

    校验提示文案

    提交
    其实我本来也想把题图变成闪烁的动图的,后来想想就不增加小编工作量了~ [小眼睛]

    校验提示文案

    提交
    收起所有回复
  • 哇塞 厉害了我的哥! [脸红]

    校验提示文案

    提交
    我是你的姐才对 [邪恶]

    校验提示文案

    提交
    收起所有回复
  • 5分钟啊?教你秒懂gif动图。
    百度搜索gifcam。
    完全能满足一般的使用。

    校验提示文案

    提交
    那个我下了,貌似是录屏啊?其实我玩懂,而且做了个画质不好,就没再用了

    校验提示文案

    提交
    收起所有回复
  • 最简单的还是苹果手机的 动态图相册这个app,谁用谁知道

    校验提示文案

    提交
    感谢分享~下载了去研究一下

    校验提示文案

    提交
    收起所有回复
  • 我看见了苦琪

    校验提示文案

    提交
    [傻笑] 当时也看到亲在页面下的留言了~确实很适合有宝宝的家庭

    校验提示文案

    提交
    后来我申请到了360,对宝宝来说也很不错

    校验提示文案

    提交
    还有1条回复
    收起所有回复
  • 请教,多个小视频或者多个动图,如何合成一个毫无违和感的长视频或者动图?

    校验提示文案

    提交
    这个要用爱剪辑,先把几个软件合成一个,再转GIF

    校验提示文案

    提交
    收起所有回复
  • 看到楼主IT理工女我就立马打赏了!

    校验提示文案

    提交
    谢谢打赏, [小眼睛] 所以你是IT男吗~

    校验提示文案

    提交
    收起所有回复
  • 除了迅雷看看,还有哪个好用的播放器自带截视频为GIF功能啊?

    校验提示文案

    提交
    QQ视频也可以转,但是我没看到有截取功能,需要额外放到其他软件剪辑后,再转成GIF,没有迅雷方便

    校验提示文案

    提交
    收起所有回复
  • 我就想问。月涩妹妹。有手机可以用的么?

    校验提示文案

    提交
    推荐动态图相册这个APP,无脑转成GIF~很方便~

    校验提示文案

    提交
    好像苹果没有这个软件,妹妹

    校验提示文案

    提交
    还有13条回复
    收起所有回复
  • 10几年前就搞过这个gif。很久没有玩了。赞一下 [高兴]

    校验提示文案

    提交
    [傻笑] 谢谢赞,看来也是当年学校学的~~

    校验提示文案

    提交
    收起所有回复
  • 弱弱的问一句,写原创一般要多少时间,看了下原创投稿的指导,有种特别麻烦的感觉 [喜极而泣] [喜极而泣] [喜极而泣]

    校验提示文案

    提交
    这得看你的文笔和思路了,我这人懒癌末期,每次写一篇都很久时间,也有人一篇几个小时搞定的

    校验提示文案

    提交
    收起所有回复
  • 给月涩问安 月俸献上 [傻笑] [傻笑] [傻笑]

    校验提示文案

    提交
    [么么哒] 新年快乐~🎊

    校验提示文案

    提交
    Send all the new year blessings to you

    校验提示文案

    提交
    收起所有回复
  • 重新打赏下,正好用到,最后面的视频经验太实用了,感谢

    校验提示文案

    提交
    谢风大的豪赏 [棒棒哒] 有帮助就好哈~

    校验提示文案

    提交
    收起所有回复
  • 重新打赏下,保平安 [脸红]

    校验提示文案

    提交
    (σ゚∀゚)σ哇!谢谢豪赏!保平安是……?

    校验提示文案

    提交
    看群看群………… [偷笑]

    校验提示文案

    提交
    收起所有回复
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
相关好价
最新文章 热门文章
2.3K
扫一下,分享更方便,购买更轻松