首页 > 资讯 > 设计 > 实用小技巧!IPHONE上看到好的动效设计 如何保存成GIF?

实用小技巧!IPHONE上看到好的动效设计 如何保存成GIF?

2016-07-14 浏览()

  俞静:经常在网上看到一些介绍手机APP动效设计的文章,一直好奇这些动态图片是怎么保存下来的。今天把这个小技能分享出来,UI设计师和想学优秀动效的同学记得收藏!

  

1dt20160523

 

  自己在日常工作中也有看到好的动效设计要保存下来的需求——留着APP太占手机空间,删了APP要用的时候又无法跟开发描述清楚。

  要将手机APP里看到的一段动效保存成动态图片(GIF),总的思路不外乎:先将这段动效录屏,然后将这段录制好的视频转换成GIF。

  但由于iPhone系统权限问题,在不越狱的情况下,无法做到只用一部手机就搞定这些事情。在网上查阅了不少相关帖子,也咨询了其他设计同行,摸索出一套自己目前觉得最满意的方法,现分享给大家。

  需要用到的配料:

  iPhone(iOS 需要升级至iOS 8)

  Mac(OS X 需要升级为Yosemite)

  PicGIF for Mac(一款小巧的格式转换软件)

  目前给iPhone录屏最方便的还是用Mac(好马配好鞍…)。首先用手机数据线连接iPhone和Mac。找到Mac系统自带的软件QuickTime,双击打开。

  

2dt20160523

 

  在Dock栏上右键该图标,选择新建影片录制(注意是影片录制而不是屏幕录制哦,这个设计的心智模型是不是很棒…)。

  

3dt20160523

 

  这时候你会看到默认打开的是mac摄像头录制的画面(通常是自己的一张大脸)而不是手机屏幕的画面。这时你需要点击界面下方红色圆点边上的下拉箭头,在菜单里选择XX的iPhone这一项。

  

4dt20160523

 

  这时候就窗口变成了和你手机屏幕一样的比例,同时显示出了手机屏幕上的画面。

  

5dt20160523

 

  That’s it~ 准备好之后,点击界面下方的红色圆点开始录制,再次点击停止录制,这样两次点击之间的操作画面就被录制下来了。点击左上角关闭,在弹窗里选择存储。

  

6dt20160523

 

  接下来打开PicGIF这个软件,点击添加视频,选择刚才保存的那段视频。

  

7dt20160523

 

  会看到一个视频预览画面,右下角有一些参数供选择:帧数越多,最后保存的图片动效流畅度越好,但同时生成的图片体积也越大。根据自己的需求把握,若没有要更改的,直接点击右下角的加载。

  

8dt20160523

 

  可以看到在界面底部,视频已经被分成了一张张连续的静态图片(每一张代表一帧),你可以手动删除其中看上去重复的帧,以减小最后生成的文件体积(通常在开始录制和结束录制时,操作会停止一会儿,这里会产生很多相同的帧,是可以删掉的)。编辑完以后,点击右上角的”创建GIF”。

  

9dt20160523

 

  预览最终生成的GIF,点击右下角的存储。

  

10dt20160523

 

  好了,一张动态图片制作完成!

  

11dt20160523

相关推荐

感谢关注 Ithao123设计频道,ithao123.cn是专门为互联网人打造的学习交流平台,全面满足互联网人工作与学习需求,更多互联网资讯尽在 IThao123!

关键词:

文章点评:


精选专题

Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。

Hadoop是一个由Apache基金会所开发的分布式系统基础架构。 用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。 Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS。HDFS有高容错性的特点,并且设计用来部署在低廉的(low-cost)硬件上;而且它提供高吞吐量(high throughput)来访问应用程序的数据,适合那些有着超大数据集(large data set)的应用程序。HDFS放宽了(relax)POSIX的要求,可以以流的形式访问(streaming access)文件系统中的数据。 Hadoop的框架最核心的设计就是:HDFS和MapReduce。HDFS为海量的数据提供了存储,则MapReduce为海量的数据提供了计算。

产品设计是互联网产品经理的核心能力,一个好的产品经理一定在产品设计方面有扎实的功底,本专题将从互联网产品设计的几个方面谈谈产品设计

PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML(标准通用标记语言下的一个应用)文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;PHP还可以执行编译后代码,编译可以达到加密和优化代码运行,使代码运行更快。