@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】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

經驗分享:如何快速保存App動效?

收藏 2
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。