下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

将一张静态图片神奇地变成GIF动图

作者:课课家教育     来源: http://www.kokojia.com点击数:3948发布时间: 2016-11-21 10:18:13

标签: photoshop制作GIF动图MagicMorph软件

想学设计?来看看大师是如何完成作品的?

      微博的流行,让gif图这种能动起来的图片变得非常的流行和受欢迎,随之而起的是很多播放软件也开始支持导出gif图,那么对于万能的PS来说,同样可以导出gif动图,而且操作也非常简单的。而且小编也觉得动态图片可以表达出更加丰富的内容,具有很强的表现形式。很多常用的实现动态图片的基本原理是多张静态图片按时间顺序交替显示形成的。今天小编要介绍的教程不是用多张照片制作出来的动态图哦,而是将静态图片快速变成GIF动图!当然制作动态图片的软件很多,其中最简单的方法就是用photoshop软件来制作啦。下面就来看看如何利用PS将静态图片快速变成GIF动图吧。不过本次教程需要介绍的是一个小软件——MagicMorph。前期是使用MagicMorph制作,后期是PS软件,我们将它和PS结合使用,就可让一张静态JPG图片通过简单的操作,变成有趣的GIF图。无图无真相,是不是很有意思!废话不多说,快来看看是怎么做的吧!下面开始教程!

  效果图

将一张静态图片神奇地变成GIF动图_photoshop制作_GIF动图_MagicMorph软件_课课家

  原图:

原图是不会动的

  步骤1:首先当然是下载好PS和MagicMprph两个软件(大家可以在一些软件上的网站进行下载哦,)和上图的那个海报原图经过 Magic Mprph + PS 处理后的效果(哈哈,是不是看起来很酷呢)

首先当然是下载好PS和MagicMprph两个软件(大家可以在一些软件上的网站进行下载哦,)和上图的那个海报原图经过 Magic Mprph + PS 处理后的效果(哈哈,是不是看起来很酷呢)

  步骤2:然后打开MagicMprph软件,再点击新建变形。(因为是GIF动画形式,那么也就是说不用新建太多张变形,大概四五张就够了。)

然后打开MagicMprph软件,再点击新建变形。(因为是GIF动画形式,那么也就是说不用新建太多张变形,大概四五张就够了。)

  步骤3:分别点击“选择来源图像”和“选择目标图像”,且均选择我们准备好的同一张海报,然后确定;(感觉有点像是把多张静态图片按时间顺序交替显示形成的样子,不过原理差不多,就是这里是利用原图的变形弄出几张图片)

选择来源图像”和“选择目标图像

  步骤4:确定后,就会进入到下图的这个界面了,大家可以看到,分别变成了三张图片的陈列,如下图所示:

确定后,就会进入到下图的这个界面了,大家可以看到,分别变成了三张图片的陈列

  先看左侧的工具栏,这里我们主要用两个工具,(注意下图红框突出的两个锚点工具);

先看左侧的工具栏,这里我们主要用两个工具,(注意下图红框突出的两个锚点工具);

  这个锚点工具是我们控住整个画面不可动区域的,小编推荐本案例,其实只是让头部做动效,所以需要用这个锚点工具,我们可以将头部以外的区域都添加上“不可动”锚点。(在“来源图像”上添加一个锚点的同时,“目标图像”上也会自动添加同样位置的锚点,其实这样已经是达到不可动的目的了)

  效果图:

这个锚点工具是我们控住整个画面不可动区域的,小编推荐本案例,其实只是让头部做动效,所以需要用这个锚点工具,我们可以将头部以外的区域都添加上“不可动”锚点。(在“来源图像”上添加一个锚点的同时,“目标图像”上也会自动添加同样位置的锚点,其实这样已经是达到不可动的目的了)

  大家可以看到这一个锚点工具,这个锚点工具则是我们控住整个画面可动区域的,其实就是为了让头部有动效,所以需要用这个锚点工具,其实我们需要在“来源图像”和“目标图像”相对应的点上添加“可动”锚点。(例如:我们在“来源图像”上左头部的鼻尖处添加一个锚点,然后再在目标图像”上右头部的鼻尖处添加一个同样的锚点,这样就完成了一个点的过度动画;再按照同样的方法,分别为头部各个关键点添加“可动”锚点)

大家可以看到这一个锚点工具,这个锚点工具则是我们控住整个画面可动区域的,其实就是为了让头部有动效,所以需要用这个锚点工具,其实我们需要在“来源图像”和“目标图像”相对应的点上添加“可动”锚点。(例如:我们在“来源图像”上左头部的鼻尖处添加一个锚点,然后再在目标图像”上右头部的鼻尖处添加一个同样的锚点,这样就完成了一个点的过度动画;再按照同样的方法,分别为头部各个关键点添加“可动”锚点)

  效果图:

第一次完成后的效果图

  步骤5:把上述步骤都做好之后,大家就可以点击“生成电影”然后选择“GIF动画“,并且按照默认数值存出一个gif格式的图片到桌面。到这个步骤后,那么我们就要在“MagicMorph”软件中的工作就基本完成了;现在预览下制作的GIF图的话,大家就会发现我们做的,除头部以外的不可动区域,其实是因为锚点不够多,还是会有些许抖动;所以接下来就要到PS里,去彻底修正一下!

把上述步骤都做好之后,大家就可以点击“生成电影”然后选择“GIF动画“,并且按照默认数值存出一个gif格式的图片到桌面。到这个步骤后,那么我们就要在“MagicMorph”软件中的工作就基本完成了;现在预览下制作的GIF图的话,大家就会发现我们做的,除头部以外的不可动区域,其实是因为锚点不够多,还是会有些许抖动;所以接下来就要到PS里,去彻底修正一下!

 步骤6:接着我们用PS打开做好的GIF图片,时间轴应该默认是逐帧的状态;我们需要把他转换为“视频时间轴”状态(如下图)

接着我们用PS打开做好的GIF图片,时间轴应该默认是逐帧的状态;我们需要把他转换为“视频时间轴”状态(如下图)

  (下图为转换为“视频时间轴”后的状态)

  (下图为转换为“视频时间轴”后的状态)

  步骤7:设置好工作区后,我们置入最开始还没有做成GIF的原始海报jpg文件,并放在图层顶部;(当我们新建了一个图层时,时间轴这边也会增加对应图层的时间轴;但是它的时间轴长度会很长,但是我们并不需要,因为时间可以拖动来调整,所以拖动尾部缩短它,并且跟其他时间轴长度一致;)

:设置好工作区后,我们置入最开始还没有做成GIF的原始海报jpg文件,并放在图层顶部;(当我们新建了一个图层时,时间轴这边也会增加对应图层的时间轴;但是它的时间轴长度会很长,但是我们并不需要,因为时间可以拖动来调整,所以拖动尾部缩短它,并且跟其他时间轴长度一致

  步骤8:置入原图后,为其添加“图层蒙版”将头部的位置涂成黑色;(这一步是为了用原图,将头意外有抖动的地方盖住,从而达到完全静止的效果;)如下图;

:置入原图后,为其添加“图层蒙版”将头部的位置涂成黑色;(这一步是为了用原图,将头意外有抖动的地方盖住,从而达到完全静止的效果;)

  步骤9:其实,当我们做完这些操作过程之后,那么就可以再次存出最终的GIF图了,大家一定要记得循环选项选择“永远”,这样才会不断地循环重复下去播放的,这样才会成为我们经常看到的GIF图,如下图所示:

其实,当我们做完这些操作过程之后,那么就可以再次存出最终的GIF图了,大家一定要记得循环选项选择“永远”,这样才会不断地循环重复下去的;

  这一次是会动的效果图

  小编结语:效果酷极了!虽然需要两个软件的配合使用,但是步骤很详细清晰,相信大家按步骤做出这个效果是没有问题的。哈,其实越来越多的人喜欢自拍发图,千篇一律的静态图片即使是美图也会让大家审美疲劳的。为何不将它制作成动态的效果图呢,不仅使自己更美而且富有新意哦!况且相比静态图来说,GIF动态图更加能让你的设计作品吸引人们的眼光呢。还是那句话,万变不离其宗,只要掌握了一定的技巧,想制作出高难度高品质的图片效果是非常容易的,不过这也离不开 个人的动手练习哦。有不懂的欢迎咨询小编,谢谢支持!

赞(1)
踩(2)
分享到:
华为认证网络工程师 HCIE直播课视频教程