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

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

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

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

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

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

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴!
動(dòng)效教程 | 5 分鐘快速制作彈跳加載小動(dòng)畫
0.0°
2020-07-03 原創(chuàng)文章 教程 舉報(bào) 19674 615 442 28

哈嘍,各位UI中國(guó)的小伙伴,好久木有在這邊分享動(dòng)效相關(guān)的教程啦,上次發(fā)作品還是2018年,時(shí)隔多年終于想起了賬號(hào)跟密碼~~~




前言


今天墨染哥教你如何使用AE 5分鐘快速制作一個(gè)彈跳的加載小動(dòng)畫,如下圖所示,這個(gè)小動(dòng)畫要快速做出來,需要解決解決兩個(gè)技術(shù)難點(diǎn),第一個(gè)是食物圖標(biāo)的彈跳,第二個(gè)是文本的彈跳。






食物圖標(biāo)的彈跳



話不多說,先看看食物圖標(biāo)的彈跳怎么做,可以看到其實(shí)就是一個(gè)簡(jiǎn)單的位移動(dòng)畫,難的地方是節(jié)奏的調(diào)整。


詳細(xì)思路如下:



1、將食物圖標(biāo)做一個(gè)預(yù)合成,依次排列,一個(gè)圖標(biāo)只出現(xiàn)一秒鐘。(這樣做預(yù)合成的目的是減少K幀,等下我們可以給整個(gè)預(yù)合成做位移動(dòng)畫即可。)



2、現(xiàn)在給整個(gè)圖標(biāo)的預(yù)合成做上下運(yùn)動(dòng)的動(dòng)畫,直接K位置關(guān)鍵幀即可。




默認(rèn)效果是下圖這樣子的。



有木有覺得很僵硬?這是因?yàn)闆]有調(diào)節(jié)動(dòng)效節(jié)奏的問題,正常的彈跳應(yīng)該是落下的時(shí)候加速,彈起的時(shí)候減速。



3、此時(shí)我們要調(diào)節(jié)關(guān)鍵幀的節(jié)奏了,看好了,這里有個(gè)進(jìn)階小技巧。選中這些在頂點(diǎn)位置的關(guān)鍵幀,然后 Alt + 鼠標(biāo)左鍵雙擊關(guān)鍵幀,彈出關(guān)鍵幀速度調(diào)節(jié)窗口,將速度調(diào)為0,影響為80,即可快速做出彈跳動(dòng)畫。




調(diào)節(jié)完節(jié)奏之后,是不是看起來舒服多了? 




4、給預(yù)合成加一個(gè)旋轉(zhuǎn)動(dòng)畫。




So,圖標(biāo)的彈跳動(dòng)畫就搞定了。




文本的彈跳



1、這里先敲上一段文本。然后開啟對(duì)稱網(wǎng)格、網(wǎng)格( 在AE內(nèi)繪制圖形時(shí),開啟這兩個(gè)選項(xiàng)繪制的圖形會(huì)更加精準(zhǔn),也更方便繪制哦 )。




2、選中文本圖層,用鋼筆工具繪制一條蒙版路徑,并使用鋼筆工具的的添加錨點(diǎn)工具,在蒙版路徑中間的位置上加多一個(gè)錨點(diǎn),并拉出控制手柄,方便等下調(diào)節(jié)路徑做動(dòng)畫。




3、展開文本屬性,在路徑選項(xiàng)里面,選擇剛剛繪制的蒙版路徑。




4、根據(jù)圖標(biāo)彈跳的節(jié)奏,給蒙版路徑K幀,調(diào)節(jié)向上向下彎曲,做成彈跳的文本。

做完一個(gè)彈跳之后,可以復(fù)制關(guān)鍵幀到下一個(gè)位置即可。




文本動(dòng)畫最終效果如下:



有木有很Q彈的感覺? 彈彈彈,彈走魚尾紋~



加上圖標(biāo)的彈跳動(dòng)畫,最終效果如下:




好了,最后,我們?cè)僬w包裝一下,一個(gè)簡(jiǎn)單的加載動(dòng)畫作品就誕生了~~




最后


好了,這個(gè)小教程到這里就結(jié)束啦,希望可以幫到你,喜歡的話,來個(gè)一鍵三連。歡迎大家做完練習(xí)私聊我,發(fā)我看看做的效果哦~~


最后,附上我的源文件一份,有需要的可以直接在UI中國(guó)這里下載哦~~  


點(diǎn)贊破100,我們下一個(gè)教程見~~~ 


作者:墨染ART

本文由 @墨染ART 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。

原文:http://dwz.date/bquY



Powered by Froala Editor

更新:2020-07-03

下載
收藏

615人已收藏

評(píng)分:

完整度:4星

啟發(fā)性:4星

勤奮性:4星

排版布局:4星

推薦:
不錯(cuò)的動(dòng)效小教程,簡(jiǎn)單易學(xué)!

墨染ART

訂閱號(hào):墨染動(dòng)效 | 微信: moranart2

  • 20

    作品

  • 6850

    粉絲

  • 50

    關(guān)注

  • C4D教程  |  翻書簽名循環(huán)動(dòng)畫
  • 動(dòng)效設(shè)計(jì)合集-插畫篇
  • 刻意練習(xí) !當(dāng)字體遇到AE
  • 動(dòng)效設(shè)計(jì)合集-界面交互篇

    猜你喜歡

      2020-07-03 原創(chuàng)文章 教程 舉報(bào) 19674 615 442 28

      動(dòng)效教程 | 5 分鐘快速制作彈跳加載小動(dòng)畫

      0.0°

      你確定要舉報(bào)動(dòng)效教程 | 5 分鐘快速制作彈跳加載小動(dòng)畫

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

      0/200

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

      點(diǎn)擊上傳附件

      對(duì)誰(shuí)可見:

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

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

      該作品發(fā)布時(shí)間:2020年07月03日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      442
      615
      28

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

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

      登錄

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

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

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