亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國(guó)推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見(jiàn)是我們 UI 中國(guó)進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見(jiàn)!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國(guó)官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問(wèn)題后@管理員能讓我們及時(shí)了解您的意見(jiàn)

提交需求

賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴(lài)!
AE避坑 | AE動(dòng)效落地時(shí)常見(jiàn)問(wèn)題解析和注意事項(xiàng)
0.0°

今天將我們?cè)诠ぷ髦杏龅降腁E動(dòng)效落地時(shí)經(jīng)常遇到的問(wèn)題有哪些?該如何解決這些問(wèn)題?進(jìn)行集中的分析解答,以避免在后續(xù)的工作中即時(shí)避坑。


上次分享回顧:

《玩轉(zhuǎn)動(dòng)效 | AE常用動(dòng)效落地必備指南》


常見(jiàn)問(wèn)題列表:


Q1:Bodymovin導(dǎo)出lottie動(dòng)畫(huà),漸變色丟失問(wèn)題?

Q2:導(dǎo)出lottie動(dòng)畫(huà),文字錯(cuò)位或不顯示問(wèn)題?

Q3:Sketch文件導(dǎo)入AE后圓角問(wèn)題?

Q4:AE里如何單獨(dú)修改某個(gè)圓角大小?

Q5:如何將1個(gè)圖層/預(yù)合成拆分成多段/多個(gè)?

Q6:AE如何修改合成尺寸的問(wèn)題?

Q7:升級(jí)了新Mac系統(tǒng)后打不開(kāi)MOV/MP4文件?

Q8:AE元素中心點(diǎn)偏移,不在元素中心點(diǎn)的問(wèn)題?

Q9:AE內(nèi)如何斷開(kāi)錨點(diǎn)的問(wèn)題?

Q10:動(dòng)畫(huà)有用到位圖,在導(dǎo)出lottie動(dòng)畫(huà)時(shí),如何導(dǎo)出只有一個(gè).json文件的動(dòng)畫(huà)?



Q1:Bodymovin導(dǎo)出lottie動(dòng)畫(huà),漸變色丟失問(wèn)題?

解決方法:那是問(wèn)題我們通常使用的 AE 都是中文版本,所以圖層屬性的命名默認(rèn)也是中文的,只要我們把對(duì)應(yīng)的圖層漸變屬性名稱(chēng)“漸變填充”重命名為英文“Gradient Fill”,然后漸變色就正常了;

如果是“漸變描邊”則需要改為“Gradient Stroke”即可。

注意??:英文不用區(qū)分大小寫(xiě)

命名更改后:如果存在多個(gè)漸變效果,可以分別命名“Gradient Fill 1”“Gradient Fill 2”“Gradient Fill 3”...以此類(lèi)推


Q2:Bodymovin導(dǎo)出lottie動(dòng)畫(huà),文字錯(cuò)位或不顯示問(wèn)題?

AE里面,用bodymovie導(dǎo)出動(dòng)畫(huà)后發(fā)現(xiàn)文字總是對(duì)不齊、文本框移位、文字顯示不完全。尤其是兩個(gè)icon有前后關(guān)系疊加的時(shí)候容易出現(xiàn)錯(cuò)位,是因?yàn)锳E中有很多字體如果直接導(dǎo)出 json ,會(huì)出現(xiàn)不兼容問(wèn)題。

其實(shí)在bodymovie的設(shè)置中,已經(jīng)有一個(gè)功能,是可以解決這個(gè)問(wèn)題的,這個(gè)功能就是“字體圖形化”,但是在我使用過(guò)程中發(fā)現(xiàn),這個(gè)功能有點(diǎn)不穩(wěn)定,有點(diǎn)挑文字,有的文字轉(zhuǎn)換很成功,有的文字還是會(huì)缺失或顯示不全全,所以我還是建議用以下2個(gè)解決方法:

解決方法1:在 sketch 中直接對(duì)文字進(jìn)行轉(zhuǎn)曲;轉(zhuǎn)曲后文字變成了矢量圖形。

解決方法2:在AE中,選中文字圖層,右鍵>創(chuàng)建>從文字創(chuàng)建圖形即可。


Q3:Sketch文件導(dǎo)入AE后圓角問(wèn)題?

解決方法:因?yàn)锳E里形狀的四個(gè)圓角只能都是一樣,不能分別設(shè)置不同的圓角大小。如果要幾個(gè)圓角大小不一樣,要在導(dǎo)入AE之前先拼合下,導(dǎo)入之后不會(huì)出問(wèn)題。

選中圖形,然后選擇“圖層 - 結(jié)合 - 拼合

如果你是Figma文件導(dǎo)入AE,則需要:選中圖形 - 右鍵 - Flatten


Q4:AE里如何單獨(dú)修改某個(gè)圓角大小?

解決方法:AE的圓角大小只支持一個(gè)圓度,如果要更改圓度屬性,形狀的圓角都會(huì)一起變化,沒(méi)辦法單獨(dú)改變其中一個(gè)的圓角大??;如果想要單獨(dú)更改其中一個(gè)的圓角大小,就要進(jìn)行以下操作:


1、先選中矩形路徑圖層 — 右鍵 — 轉(zhuǎn)換為貝塞爾曲線(xiàn)路徑

2、選中路徑,用選擇工具 (快捷鍵 V) , 在畫(huà)面視圖中框選需要更改的圓角

3、按下快捷鍵 CMD+T , 調(diào)出變形工具,跟其他軟件一樣,拖動(dòng)操控點(diǎn),就可以更改圓角啦。


Q5:如何將1個(gè)圖層/預(yù)合成拆分成多段/多個(gè)獨(dú)立的圖層?

有時(shí)候我們做效果時(shí),經(jīng)常會(huì)需要把一個(gè)圖層或者預(yù)合成拆分從多段,需要的效果是上圖中:時(shí)間線(xiàn)前(標(biāo)記1)和時(shí)間線(xiàn)后(標(biāo)記2),然在1個(gè)圖層中的動(dòng)畫(huà),拆成2個(gè)圖層顯示,那改如此拆開(kāi)呢?

其實(shí)很簡(jiǎn)單,只需要選種圖層,將時(shí)間線(xiàn)拖到你需要拆開(kāi)的位置,然后快捷鍵:Command+shift+D(win系統(tǒng):command+shift+D),即可拆成2個(gè)圖層


Q6:AE如何修改合成尺寸的問(wèn)題?


有時(shí)候我們做了一個(gè)動(dòng)效,但是要修改下尺寸,或者下載的模板尺寸不是自己想要的。比如原尺寸是1280*720,現(xiàn)在想要改到1920*1080,直接在合成設(shè)置修改話(huà)改完后發(fā)現(xiàn),合成里的各個(gè)圖層尺寸并不能隨之更改,結(jié)果位置完全錯(cuò)亂;接下來(lái)就得一個(gè)圖層一個(gè)圖層的調(diào)整,去重新適配新的合成尺寸,其實(shí)完全沒(méi)有這么做,太費(fèi)時(shí)費(fèi)力。

解決方法:其實(shí)AE里直接內(nèi)置了一個(gè)腳本,可以很方便的解決這個(gè)頭疼的問(wèn)題,我們可以在文件-Scripts(腳本),然后找到AE自帶的腳本:“Scale Composition”

打開(kāi)Scale Composition后的選項(xiàng)是這樣的

三個(gè)選項(xiàng)分別代表新的縮放比例、新的合成寬度、新的合成高度,按需求選擇合適的即可。(指的都是等比縮放到相應(yīng)的尺寸)

使用起來(lái)也非常簡(jiǎn)單,總結(jié)一下:

1. 首先在項(xiàng)目面板選中要修改尺寸的合成

2. 設(shè)置好要修改的數(shù)值(比如這里我設(shè)置成了將新的合成寬度改為1920)

3. 最后點(diǎn)擊”Scale”按鈕即可


Q7:升級(jí)了新Mac系統(tǒng)后打不開(kāi)MOV/MP4文件?


很多小伙伴在更新了最新的Mac OS系統(tǒng)后,發(fā)現(xiàn)AE導(dǎo)出的MOV格式視頻打不開(kāi),如下圖:

解決方法:導(dǎo)出的時(shí)候,更改下視頻編解碼器即可解決;在“輸出模塊設(shè)置 — 格式選項(xiàng) — 視頻編解碼器” 選擇 “Apple ProRes 4444”


Q8:AE元素中心點(diǎn)偏移,不在元素中心點(diǎn)的問(wèn)題?



如果你使用的是2018版本以上的AE,那么只需要在首選項(xiàng)里設(shè)置一下即可,首選項(xiàng)-常規(guī)-在新形狀圖層上居中放置錨點(diǎn),下次繪制形狀時(shí),中心點(diǎn)自動(dòng)居中到圖形中心。

如果你使用的是2017及以前版本的AE,在繪制形狀圖層的時(shí)候,中心點(diǎn)默認(rèn)是在畫(huà)板中間的,如下圖:


解決方法一:選擇平移(錨點(diǎn))工具 快捷鍵 Y ,選中中心點(diǎn),按住 cmd (win系統(tǒng)ctrl) + 鼠標(biāo)左鍵,此時(shí)移動(dòng)會(huì)自動(dòng)吸附到此形狀的各個(gè)角跟中心點(diǎn),在中心時(shí)松手即可。

解決方法二:使用 Motion 腳本快速居中中心點(diǎn)


Q9:AE內(nèi)如何斷開(kāi)錨點(diǎn)的問(wèn)題?


在AI里面如果你畫(huà)完圖形之后,不要某些邊,可以用直接選擇工具選擇之后刪除即可;但是在AE里面刪除之后是不對(duì)的。

例如我要?jiǎng)h除一個(gè)圓形最下方的一個(gè)錨點(diǎn),首先 選中圓形 — 找到圓形路徑 — 右鍵 轉(zhuǎn)換為貝塞爾曲線(xiàn)。

然后用選擇工具框選要?jiǎng)h除的錨點(diǎn),刪除后變成了這樣子:你會(huì)發(fā)現(xiàn)他們還是連在一起的,那么要怎么斷開(kāi)?

繼續(xù)選中路徑屬性,框選工具框選這兩邊的錨點(diǎn),右鍵 蒙版和路徑形狀 - 已關(guān)閉 取消勾選即可。

然后就會(huì)達(dá)到我們想要的理想的效果,如下圖這里只是以圓形為例,其他任何圖形都可以用這種方法刪除錨點(diǎn),然后斷開(kāi)哦。

注:你也可以直接使用修剪路徑的方式,變成你想要的圖形


Q10:動(dòng)畫(huà)有用到位圖,在導(dǎo)出lottie動(dòng)畫(huà)時(shí),如何導(dǎo)出只有一個(gè).json文件的動(dòng)畫(huà)?


當(dāng)我們?cè)趧?dòng)效中有用到位圖資源時(shí),bodymovie默認(rèn)導(dǎo)出動(dòng)畫(huà)的最終文件為:1個(gè)json文件 + 1個(gè)images個(gè)文件,如下圖:

很多時(shí)候我們?cè)谧鰈ottie動(dòng)畫(huà)的和開(kāi)發(fā)交付動(dòng)畫(huà)效果的時(shí)候,開(kāi)發(fā)那邊會(huì)說(shuō):只要1個(gè)json文件就行”,那我們?cè)撊绾翁幚砟兀?/p>

其實(shí)在bodymovie的設(shè)置里面就有這樣一個(gè)功能,叫做“轉(zhuǎn)成base64—將圖片包含在json文件中

只要勾選了這個(gè)選項(xiàng)后,我們導(dǎo)出后的文件就會(huì)只有一個(gè).json的文件。


Q11:同一個(gè)json,iOS和Android設(shè)備不兼容json文件的問(wèn)題?


同一個(gè)json文件,預(yù)覽沒(méi)有問(wèn)題,但是在iOS和安卓設(shè)備上的效果不一致。

解決方案:部分安卓系統(tǒng)引用高版本 lottie 庫(kù)會(huì)出現(xiàn)不兼容問(wèn)題,所以安卓需要導(dǎo)出舊版格式,但還是會(huì)出現(xiàn)不兼容問(wèn)題,這里推薦降級(jí)方案,把 Body movin 版本號(hào)換成5.1.12版,基本可以解決問(wèn)題。


輸出lottie的注意事項(xiàng):


1、首先明確自己想要做什么動(dòng)畫(huà),在官方文檔上查詢(xún)lottie支持的屬性效果。

官方屬性查詢(xún):http://airbnb.io/lottie/#/supported-features

lottie支持導(dǎo)出的AE屬性(中文文檔):https://www.yuque.com/lottie/document/supported-features

2、為避免 Bodymovin 輸出后預(yù)覽出錯(cuò),所以在輸出前確保你的所有文件確保命名和圖層名為英文,避免包含中文、空格、特殊符號(hào)等等。

3、Bodymovin 輸出時(shí)根據(jù)實(shí)際情況勾選對(duì)應(yīng)的輸出設(shè)置,如“圖片資源設(shè)置”“導(dǎo)出舊版本的 Json 格式”等。

4、導(dǎo)出后json文件一定要進(jìn)行預(yù)覽自查,用 Bodymovin 導(dǎo)出文件后,上傳到https://lottiefiles.com/preview中進(jìn)行預(yù)覽,可以手機(jī)掃碼二維碼在手機(jī)上預(yù)覽,檢測(cè)是否有問(wèn)題。


Powered by Froala Editor

微信公眾號(hào):UI嚴(yán)選

更新:2022-08-11

收藏

46人已收藏

小小方方

微信公眾號(hào):UI嚴(yán)選

  • 94

    作品

  • 7245

    粉絲

  • 20

    關(guān)注

  • 動(dòng)效落地,方案怎么選?
  • 告別手動(dòng)!如何三分鐘快速搞定AE動(dòng)畫(huà),附插件安裝包
  • 潮流、潮牌、手撕褶皺、抽象幾何圖形、潮流樣機(jī)素材,請(qǐng)注意查收
  • 玩轉(zhuǎn)動(dòng)效 | AE常用動(dòng)效落地必備指南

    猜你喜歡

      AE避坑 | AE動(dòng)效落地時(shí)常見(jiàn)問(wèn)題解析和注意事項(xiàng)

      0.0°

      你確定要舉報(bào)AE避坑 | AE動(dòng)效落地時(shí)常見(jiàn)問(wèn)題解析和注意事項(xiàng)?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過(guò)10M的附件請(qǐng)使用網(wǎng)盤(pán)地址

      點(diǎn)擊上傳附件

      對(duì)誰(shuí)可見(jiàn):

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2022年08月11日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以?xún)?nèi)

      0/200

      19
      46
      1

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄