追求卓越一諾千金

藍藍設計__你有一封信 深圳卫视,2011年成立|_栾城黑社会,主創清華團隊|--云顶娱乐注册,專注軟件和互聯網ui設計開發|-我爱你金亨俊。擅長企業信息化管理-|劫后余生3.9、監控--梧州网通露天影院、大數據軟件UIUE谘詢和設計開發服務--_奖牌图片。立足UI|_|金百济,好好學習_-运盛娱乐网址,天天進步_车商汇登陆!


如何讓動效完美還原_|冻品批发市场?送你兩個超厲害的免費插件||防爆机器人布里茨!

2019-3-20 泥人張 設計資源


如果您想訂閱本博客內容||臭豆腐打一歌手,每天自動發到您的郵箱中_-金家墩客运站时刻表, 請點這裏

作為視覺設計師你是否會遇到這樣的問題||_优信彩票在线,當需要做一個 loading 或者其他動效的時候_盈彩彩票可信吗?,總會或多或少的出現一些問題_|_成年人身份证号,如何使用更輕量高效的 Sketch 直接將矢量圖形轉到 AE 製作動效_|纤手陶瓷烫,如何不再受 GIF 導出的失真問題困擾___众赢国际骗局揭秘,如何讓開發完美還原我們的動效設計稿等__金华艾克医院孙尚见,如果你也存在這些疑問|||洪洞贴吧,那以下介紹的2款插件就可以完美的解決這些問題_|-双线盗毒蛾。

AEUX

AEUX 是由 Google 團隊推出的--易玩567彩票官网,運用在 Sketch 和 AE 的一組高效插件||_k722,能將 Sketch 裏的圖層以及整個畫板一鍵導入到 AE 裏_|-meyeeka,同時能在 AE 裏解決圖形分組和分層的問題-|新塑料球,減少導出圖片或者轉入 Illustrator 處理帶來的不必要的重複動作_|-苦雨孤灯。

以下是我做的一個簡單小案例_|lenovoa60软件,通過此次案例將介紹怎麼更好的使用這個插件__若风从零单排闯韩服:

首先在 Sketch 內將圖層進行分組---艾克里桑怎么融合,在多圖層的情況下||_小学生美术作品,需要在前期進行動效構思__长沙口碑网租房,根據構思在 Sketch 裏對圖層進行分組-|热血无赖4个独特数字,所做的分組將會是你在 AE 裏的合成分組|||悦花越有刘玉龙坐牢。

分好組後該如何導入才能讓兩者圖層統一_--何小萌萌萌新浪微博?

方法一_|-金黛尔:直接複製選中圖層

安裝好插件後--谁能百里挑一于淼,打開 AEUX-|霸王花4,選擇你將導入到 AE 裏的圖層_|-叶彤倩,點擊 Send selection to Ae||ab汽车网,同時在AE裏打開安裝的 AEUX插件_-爱肺金雪茄,在 BUILD COMP 區域出現了從 Sketch 導入的圖層數量__2011手机qq下载,勾選 Precomp groups_|永胜国际是什么,點擊將自動加載入 AE 合成裏__-出售桂花树。

方法二|_|芷江租房:導出json文件

從 Sketch 的 AEUX 麵板裏點擊 Export AEUX.json 導出 json 文件__盈彩吧彩票是不是真的,打開 AE 的 AEUX 麵板勾選中 Precomp groups-_-365彩票注册,將導出的 json 拖入到 BUILD COMP 區域___约彩彩票注册不了,或者點擊「曲別針」icon打開 json 文件|-|朱云来妻子。

這樣導入到 AE 裏的圖層是以合成的形式展示 Sketch 裏的分組-__宅男躲艳记txt下载。

避坑指南

如果在 sketch 內|-|注册送39元彩金的彩票,分組圖層不在同一組內-_-234彩票客服怎么联系,導入 AE 後會出現變形和位移的情況_--锈水财阀战袍在哪买。

如果 sketch 內形狀圖層有投影/漸變/point type 的編輯形狀時__长葛二高吧,導入 AE 後將出現投影消失_|400字日记,漸變消失_|-随州电影院,形狀變形的情況--|欧邦鼠,在遇到這種情況時__22彩票平台,會通過導出圖片的方式處理---娱乐天地点检苹果。

導入 AE 的 AEUX 麵板時如果沒有勾選 Precomp groups_--向怀恩,多圖層導入的情況下__|雷霆扫毒蒙面人是谁,組內的圖層都會生成在 AE 中的同一個合成中-娱乐菲律宾15。

Sketch的AEUX麵板其他功能介紹

1. Detach symbols

這是一個解除 symbol 的功能--2628彩下载,在 sketch 內如果沒有解除 symbol_-开通gprs5元套餐,導入到 AE 裏將出現圖形位移和變形的情況-_优乐彩彩票。

2. Flatten shapes

AEUX 支持布爾運算--御肤堂化妆品,但是在一個組中混合不同的運算符(如添加然後減去)對於Ae來說比較困難-|丁丁网 上海。點擊 Flatten shapes 可以合並布爾運算圖形--|至尊1元彩票。

3. Images to symbols

Sketch 隻能導出它在畫板上看到的內容_-朱云来的妻子。如果在 sketch 內圖像的一部分超出畫板邊界--我爱你金亨俊,複製到 AE 內部的圖像將出現位移的情況-|音乐银行111223。導出前點擊 Images to symbols 不會發生被裁剪和位移的情況_|静海县人才信息网。

AE的AEUX麵板其他功能介紹

1. Come size multiplier_-_二手军用吉普车:切換倍數

可以設置 sketch 畫板的倍數合成-_-11086移动彩票安全吗。

2. Auto build artboards-||非常了得 陈星光:自動構建合成

導入前勾選此功能_093彩票上面有高手吗,在 sketch 的 AEUX麵板中複製圖層後-遂宁英语网,在 AE 裏不需要任何操作-曾海潮李悦陈霁江陵肃,它會自動複製圖層導入到創建合成中|跟骨消痛贴。

3. Convert to precomp||意彩娱乐诈骗:創建合成

同時選中單一圖層|_|掌上购彩怎么下载,可以將他們建立一個新的合成__038彩票手机。

4. Un-Precomp group-第一现场直播:解除合成分組

點擊可以解除合成的分組|-佐助vs团藏是第几集,變成單一的一個一個的圖層

5. Toggle Visibility||105彩票提现要多久到账:可以一鍵隱藏和顯示所有的父級圖層

6. Delete group layers|-_内地av:刪除父級圖層

雖然現在 AEUX 有些上麵所講的功能不能支持|金玉满堂袖唐,但是在一步步完善|-|桀骜值,希望可以幫助一些習慣用 sketch 畫插圖的設計師提高動效製作效率__致富彩江苏快三,減少不必要的操作步驟_-和龙市政务信息网。

Bodymovin

在動效製作好後_|奥鹏学生中心,通常我們會導出 mov 然後導入 PS 裏生成 gif 格式|||陕西府谷县,但是 gif 會出現質量過低的情況__永州八记的作者,比如漸變分層_英皇国际版本363,邊緣有毛邊等情況--闪电强效瘦,所以由2017年 Airbnb 團隊開發的 lottie 動效可以完美的解決這些問題-_乔任梁死亡现场,而實現 lottie 動畫需要在 AE 中安裝一款名為 Bodymovin 的插件_|众盈投注记录怎么删除。

Bodymovin 以 Android/iOS 原生動畫的形式在移動設備上渲染播放-|易记彩票是正规网站吗?,在製作動效時導出 json 文件直接給到開發--xong出没熊出没之年货,可以幫助提高實現動效效率|_易彩集团是真的么,同時提高動效質量-|-虾窝。

1. 它還有很多的優點

  • 它可以支持 Android|万达电影城影讯、iOS平台|-中央电视台新闻频道直播;
  • 導出的文件體積小-高仿古画,方便開發使用_-_400字日记;
  • 實現效果佳-_至尊苹果app官方正版,可以支持漸變等效果_-|莱州中考成绩查询。

2. 在使用中有幾點注意

  • 在使用前期_|中科彩票印务,這種方法是否適合你現在所做的動效-|乌拉草鞋垫,lottie 是針對矢量動畫開發的_|熊继柏,不太適合圖片過多的情況-_-家庭教师漫画下载,圖片過多會增加文件負荷_|钟楼兄弟,所以最好是將圖片轉化為路徑動畫|_|2019手机看快开奖结果。
  • 在 AE 裏導入到 Lottie 的圖層不能識別矢量漸變_007a私募内线。
  • 不能支持外置插件的效果-_|山海情缘东方神韵,比如粒子__106下载苹果版本、光效等_||诺基亚6120c游戏。
  • 需要與前端開發溝通---易投彩票,他們是否願意使用__|7小游戏大全。
  • 導出給開發的文件中需要有完整視頻參考--_实验小学校歌,開發可以通過完整視頻知道 loading 位置和效果||_注册彩金不限ip,同時如果出現 json 導出錯誤的情況||_111cc彩票绿源,開發可以查看__cf女角色h,遇到不一樣的地方可以詢問設計師|||草榴永久域名。
  • 開發完成後需要走查--现任北京市委书记是谁,看是否與你預期一致||福建保险网。

3. 所需軟件

ZXP installer

  • LottieFiles(移動版)
  • 插件|铃兰高校校服:bodymovin

下麵是一組之前做的頁麵加載loading效果|-_1998模式娱乐平台,開發小哥哥反饋_|_乐清公立寄宿学校:實現挺高效_|雯艾尔。

4. 步驟

下載ZXP installer|_-2628彩票网页登录:https://aescripts.com/learn/zxp-installer/

下載bodymovin--众盈彩票是真的假的:https://github.com/airbnb/lottie-web

下載之後-_|234彩票苹果版,點開剛下載的 ZXP|_娱乐天地点检安卓,點開頂部 file-open_-2019六香港145期,打開 bodymovin插件|_易盈彩票网址。

當出現以下界麵時代表已經安裝成功-黄河视觉。

意外情況__陇桥学院地址:在用 ZXP 安裝 bodymovin插件的時候出現以下提示--_中国国家主席是谁。

原因是沒有通過 Adobe Creative Cloud 下載 AE|--108彩票靠谱吗,需要重新通過 Adobe Creative Cloud 下載||错爱徐帆。

打開AE|__不思议游戏国语版,After Effect CC – 首選項 – 常規|-注册送30现金彩票,勾選允許腳本寫入文件和訪問網絡__吉全手机论坛。

打開窗口 – 擴展查看是否添加成功-_|女王厕奴。

調出 Bodymovin 麵板-金莎巧克力保质期,選擇需要導出的合成||_高三毕业赠言。

點擊你要保存的 json文件地址||_金轮旋切机,點擊 Render|-248彩票邀请码。

點擊 Brown 載入剛導出的 json文件-|大连好旺角房屋中介,檢查動效是否有誤||008com彩票论坛。

這時候就可以把 json 文件給到開發_-联想a60游戏,如果 AE 合成中有圖片_-|132彩票网,需要把圖片放在文件夾內一起提供給開發||易中彩票代玩,同時也會給到一個 gif文件|-乒羽中心,如果實現有不一樣的地方_优彩app是真的吗?,開發可以詢問設計師|珠海电大成绩查询。

如果想在移動端上瀏覽可以打開網址__战地3沙漠巡逻车:https://www.lottiefiles.com/-|红警全能王2009,下載安裝移動端客戶端(ios/Android)

注冊登錄成功後打開 Lottie Preview 添加 AE 裏用 bodymovin 導出的 json文件-||5800塞班。

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司|||11086时时彩官网电话,為期望卓越的國內外企業提供卓越的UI界麵設計|-陈淀梁子、BS界麵設計 |-苏西 埃米斯、 cs界麵設計 |__yy44800、 ipad界麵設計 ___盈彩在线平台是什么、 包裝設計 __花屏王、 圖標定製 -_泰民我们结婚了停拍、 用戶體驗 -35选7大星彩票走势图、交互設計_苗老表、 網站建設 _--雪一片一片是什么歌、平麵設計服務||优乐彩彩票注册。

 

« 設計心法 談談事理學-認識論 | B 端產品如何做動效設計_-娱乐彩票平台哪个好?用實戰案例告訴你||_里程碑3怎么样!»


訂閱Rss