神器推荐!手把手教你将静态图片快速变成GIF 动图 - 优设网 - UISDC

神器推荐!手把手教你将静态图片快速变成GIF 动图

2016/05/28 70973评论区

quickly-turn-image-to-gif-1

今天介绍的是一个小软件 —— Magic Morph。我们将它和PS结合使用,就可让一张静态JPG图片通过简单的操作,变成有趣的GIF图。无图无真相,一起来看看教程!

1cg20160528

原图:

17cg20160528

(图片来自美剧 HEMLOCK GROVE的 海报) (经过 Magic Mprph + PS 处理后的效果)

是不是很有意思!

废话不多说,快来看看是怎么做的吧!

第一步:

下载好 Magic Mprph 这个软件(http://pan.baidu.com/s/1sly2mKl),和上图的那个海报原图;

16cg20160528

第二步:

打开软件,点击新建变形;

15cg20160528

分别点击“选择来源图像”和“选择目标图像”,且均选择我们准备好的同一张海报,然后确定;

14cg20160528

第三步:

确定后,进入到下图的这个界面;

13cg20160528

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

12cg20160528

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

效果图:

11cg20160528

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

10cg20160528

效果图:

9cg20160528

都做好后,点击“生成电影”然后选择“GIF动画“,按照默认数值存出一个gif格式的图片到桌面;

7cg20160528

到这里,在“Magic Morph”中的工作就基本完成了;现在预览下制作的GIF图的话,会发现我们做的,除头部以外的不可动区域,因为锚点不够多,还是会有些许抖动;

所以接下来就要到PS里,去彻底修正一下!

第四步:

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

6cg20160528

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

5cg20160528

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

4cg20160528

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

3cg20160528

做完这些,就可以再次存出终版GIF图了,记得循环选项选择“永远”;

2cg20160528

1cg20160528

大功告成!

「有哪些看上去很高大上,实际很简单的PS技巧?」

  1. 《有哪些看上去很高大上,但实际很简单的PS技巧?》
  2. 《有哪些看上去很高大上,但实际很简单的PS技巧?(入门篇)》
  3. 《有哪些看上去很高大上,但实际很简单的PS技巧?(酷炫火焰篇)》
  4. 《有哪些看上去很高大上,但实际很简单的PS技巧?(人像篇)》
  5. 《有哪些看上去很高大上,但实际很简单的PS技巧?(渐变色篇)》
  6. 《有哪些看上去很高大上,但实际很简单的PS技巧?(二次元篇)》

原文地址:vc.changyou

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/quickly-turn-image-to-gif

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里