起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 教你把APP操作演示转成GIF动态图

教你把APP操作演示转成GIF动态图

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:神器


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言:之前发布的几篇交互动画手势的文章,看到热心的小伙伴提醒我,都说如果是动效的形式展示就会直观;的图片做成

之前发布的几篇交互动画手势的文章,看到热心的小伙伴提醒我,都说如果是动效的形式展示就会直观;的图片做成动画的效果,这几天经过搜集相关的教程和热心人的帮助终于整理了出来,很高兴,于是好东西的赶紧和小伙伴分享,直接进入正题: 先看下最终的动效图: 教你把APP操作演示转成GIF动态图_qh.itpxw.cn  1、相关软件的下载和要求:A: iTools软件:
B:photoshop(做设计的朋友估计都安装了,如果没有安装,就安装一个就行了,哈);
  1. Photoshop CC(安装文件+破解教程+破解补丁)
  2. Photoshop CC安装失败(安装遇到错误)的解决办法

C:移动端手机,我用的是iPhone 5S,同时因为iTools是For Win,所以需要满足WINPC+无线网络
连接两个条件。2、下载软件之后安装启动:

A:软件图标:教你把APP操作演示转成GIF动态图_qh.itpxw.cn
B:点击安装

3、点开iTools的最后一个标签,在常用工具有苹果录像大师功能,如图所示:

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

4、点击苹果录像大师,进入如下界面,如图所示:

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

5、点开手机上划菜单中的AirPlay,选择要连接的菜单(请确保手机和电脑连接到同一无线网络):

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

6、连接成功后电脑上会出现下面这个界面,点击界面中的红色圆点以录像。

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

7、视频保存成功,如图所示。

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

8、首先用PS导入视频。选取的范围可以随意设置:

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

9、导入成功,下面我们要开始保存成GIF了。

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

10、利用存储为Web格式来保存成GIF。

教你把APP操作演示转成GIF动态图_qh.itpxw.cn

在做的过程中可能遇到的问题归纳:

1、在PS里面运用【视频帧到图层】,出现对话框提示:
A:不能完成“视频帧到图层”命令,因为无法打开影片文件? 【photoshop CC 版本】
B:提示:”不能完成视频帧到图层,需安装QuickTime7.1或更高版本“【photoshop CS4 版本】
答案:A:查看视频的大小,视频不要太大,最好在1M之内;
B:一定要安装QuickTime7.1这个版本,安装新的版本不可用,会出现丢失dll组件的提示。
下载地址:http://hi.baidu.com/ileehi/item/efe70333b6c664bf633aff3c

2、为什么我找不到我的PC设备?
 答案:检查下PC和手机的无线连接是不是在同一网络内;

转载请注明:起航学习网 » 教你把APP操作演示转成GIF动态图

文章出自:http://qh.itpxw.cn/peixun/ui/201613351.html

文章标题:教你把APP操作演示转成GIF动态图



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------