本文僅供學習討論使用唇聘,請勿深究作者教程功底。十分簡單粗暴揣钦,適合快速閱讀雳灾。如果涉及工具和頁面等基礎操作,請去百度其他教程冯凹。教程內容取自一個月前發(fā)布的“譯·干貨|7個交互設計tips提升你的APP用戶體驗”的配圖谎亩。歡迎留言。
配圖鏈接:http://www.reibang.com/p/d0c269390f4e
內容跟隨標簽滑動gif效果圖
圖片摘自7個交互設計tips提升你的APP用戶體驗
01.分析
畫面主要通過頁面1宇姚,2切換
頁面1匈庭,2
02.新建合成
新建合成設置,可參考可自定義
03.文件圖層浑劳,請給所有的圖層分層和命名
也可以在ps里面畫完再導入ae阱持,因為我比較懶,直接在ae里畫魔熏。
請不要學我這么懶衷咽,愛你們??
鑒于學習參考性,我十分勤奮的標注下各圖層哈蒜绽。不要嫌棄……
頁面1镶骗,2標注
04.步驟圖
整體圖層效果
圖層9的設置,請注意時間標尺和位置躲雅、縮放的數(shù)值鼎姊,當然也可以自行嘗試設置
圖層3圖層4的顏色色值,顏色設置過渡參考整體圖層效果
圖層11相赁,位置在xy兩個數(shù)值間移動相寇,關鍵幀參考整體圖層效果
圖層10,位置在xy兩個數(shù)值間移動钮科,關鍵幀參考整體圖層效果
剩下的圖層唤衫,跟隨父級移動就好
設置完就可以導出了,簡單快捷绵脯。
05.效果圖
效果圖
AE并不能直接導出gif文件佳励,需要安裝插件或者用別的軟件生成。方式不一桨嫁。在此我就不對此進行描述了植兰,請自行百度。
我一直都覺得璃吧,什么軟件都不重要楣导,重要的是使用這個軟件的你,祝所有學習軟件的入門選手都成為大師畜挨。fitting~??