恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
简单几步讲静态图片变成gif动图,轻松至极
0.0°
2017-08-08 好文转载 教程 原作者: 未知 举报 11846 11 15 1

看完大家都能学会的,UI设计教程

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

原图:Image title

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

是不是很有意思!

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

第一步:

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

第二步:

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

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

第三步:

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

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

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

效果图:Image title

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

效果图:Image title

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

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

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

第四步:

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

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

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

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

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

大功告成!

关注更好精彩教程分享更多精品资源,欢迎加群一起学习UI设计(备注:拍拍)Image title

更新:2017-08-08

收藏

11人已收藏

UI设计那些事

UI设计学习资源分享群:659929486

  • 126

    作品

  • 363

    粉丝

  • 2

    关注

  • PS+AI教程:2.5D风格APP引导页制作,简单易上手
  • PS教程:环太平洋电影海报合成案例讲解
  • PS教程:网页设计之2.5D风格网站登录页面制作
  • PS教程:手机创意海报 初级合成案例分享

    猜你喜欢

      2017-08-08 好文转载 教程 原作者: 未知 举报 11846 11 15 1

      简单几步讲静态图片变成gif动图,轻松至极

      0.0°

      你确定要举报简单几步讲静态图片变成gif动图,轻松至极

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      15
      11
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录