经验分享:如何快速保存App动效? - 优设网 - UISDC

经验分享:如何快速保存App动效?

2014/04/29 30115评论区

@AzTamic(百度MUX 交互设计师):很多小伙伴平时喜欢收集手机软件上的各种动效,但是又苦于不知道如何保存,今天讲一下利用itools+Ps保存动效的实例,如果你有更快捷的方法请联系我更正。

动效设计好文推荐:
《帅呆了!一组令人愉悦的APP动效设计》
《高手之路!设计漂亮有趣的转场动效》
《还等什么!是时候来了解动态设计啦》

首先,请小伙伴们看看成果:

如何快速保存App动效?

需要知道的:

1、iOS设备大多通过AirPlay来实现屏幕的投射和录像。我用的机器是iPhone 5S。同时因为iTools是For Win,所以需要满足WINPC+无线网络连接两个条件。
2、通过软件对视频进行Gif转换。

软件下载:

1、iTools,图标如下,For Win,点击下载iTools2.0

如何快速保存App动效?

开始:

1,点开iTools的最后一个标签,中间有苹果录像大师功能,如图所示:

如何快速保存App动效?

2,点击苹果录像大师,进入如下界面:

如何快速保存App动效?

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

如何快速保存App动效?

如何快速保存App动效?

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

如何快速保存App动效?

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

如何快速保存App动效?

如果你只是想保存,那么你到这步就可以了。

如果你想把内容放在网页中,则要保存成GIF,那下面说说如何保存成GIF。

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

如何快速保存App动效?

如何快速保存App动效?

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

如何快速保存App动效?

8,利用存储为Web格式来保存成GIF。

如何快速保存App动效?

9,保存成功,看看吧。

如何快速保存App动效?

可能遇到的问题

Q:为什么我找不到我的PC设备?

A:检查一下PC是不是无线连接且和手机在同一网络内

Q:PS无法导入视频?

A:重新截取视频,或者用其他软件转换,如:Total Video Converter以及格式工场等

 

同类软件推荐:

  • Win+iOS —— iTools
  • Mac+iOS —— Reflection

Android平台:

Mirror OP 请到Google Play中搜索

Mac系统:

Win系统:

 

原文地址:tamic.cc

【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量68万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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