火星網(wǎng)校
設(shè)計師界面交互基本功訓練After Effects制作情人節(jié)賀卡動畫
發(fā)布時間：2024-01-18 18:42:17 瀏覽量：121次
AI+AE-比翼鳥情人節(jié)賀卡動畫
1.在鳥翅膀圖層上點“3D圖層-允在3維中操作此圖層”的正方體圖標，
將旋轉(zhuǎn)中心移動到翅膀與身體相連的位置，在0秒處點“X軸旋轉(zhuǎn)”的秒表，
0.5秒處將翅膀旋轉(zhuǎn)到對稱位置，1秒處拷貝0秒的關(guān)鍵幀
（具體關(guān)鍵幀間隔根據(jù)具體情況調(diào)整，節(jié)奏感，流程性，翅膀煽動要快，激動的感覺）。
2.尾巴旋轉(zhuǎn)中心移動到與身體相連的位置，在0秒處點“旋轉(zhuǎn)”的秒表，
0.5秒處將尾巴旋轉(zhuǎn)到適當位置，1秒處拷貝0秒的關(guān)鍵幀。
3.將鳥翅膀的“父級（螺旋圖標）”拖動到鳥身體圖層名稱上，與身體圖層綁定。
將鳥尾巴的“父級（螺旋圖標）”拖動到鳥身體圖層名稱上，與身體圖層綁定。
將鳥嘴的“父級（螺旋圖標）”拖動到鳥身體圖層名稱上，與身體圖層綁定。
4.在時間軸空白處右鍵-->“新建”-->“空白層”，重命名為“雄鳥”，將紅色方框縮小放在雄鳥上。
5.將鳥身體的“父級（螺旋圖標）”拖動到雄鳥空白層上，與雄鳥空白層綁定。
6.1秒處雄鳥空白層位置設(shè)置關(guān)鍵幀，旋轉(zhuǎn)設(shè)置關(guān)鍵幀，0秒處拖動空白層紅框移動鳥整體位置到顯示屏幕外。
在中間位置將雄鳥空白層下移調(diào)整成弧線，0秒旋轉(zhuǎn)空白層與曲線相切，選中三個關(guān)鍵幀F(xiàn)9使運動平滑。
7.同理做雌鳥動畫。
AE在例子項目中新建個合成，可以在合成面板切換看例子合成和自己練習的合成。
項目中的素材文件太多，可以用文件夾進行分類。
8.時間軸空白處右鍵-->新建-->調(diào)整圖層，效果和預設(shè)中輸入漸變，梯形漸變拖入背景圖層上的調(diào)整圖層上，修改漸變起點，漸變形狀-->徑向漸變，修改起始顏色和結(jié)束顏色。
9.三層心形動畫：每層都是“縮放”動畫0-->110%-->100%-->110%-->100%，F(xiàn)9曲線動畫后心會跳動三次，
最里面的心先動，依次中間的心，最后最外面的心動，
按源文件中的心做動效，后面文字背景心在AE中放大會有鋸齒。
在AI中將三層心放大到文字背景心那么大，AE中會同步加載。
10.云動畫：開始到比翼鳥匯合云從左到右運動，再到動畫結(jié)束云從右到左，整個動效云運動一個回合。
所有動畫完成后，U展開關(guān)鍵幀，全選關(guān)鍵幀F(xiàn)9平滑動畫。在AE中用徑向漸變及“效果和預設(shè)”做背景漸變。
11.下載插件“Animation Composer_023201295.exe”，運行后生成“
animation_composer.2.1.1.com.zip”，
里面有馬頭人插件“
AnimationComposerInstaller_2.1.1.exe”。
12.運行安裝插件（Adobe After Effects CS6此插件無法使用，需要升級AE版本）：
13.升級AE版本后使用插件，
Adobe Creative Cloud是Adobe軟件全家桶，將AE升級為Adobe After Effects 2020，
重新安裝馬頭人插件，因為Adobe After Effects 2020與Adobe After Effects CS6安裝目錄不同。
14.Adobe After Effects 2020安裝馬頭人插件后，選中AE中的文字圖層，點擊“窗口”-->“Animation Composer”
15.選中紅框所示效果，拖入右下角紅框所示區(qū)域
16.文字特效加載成功后會在時間軸上出現(xiàn)淺紅色背景的“TR In”標記，將圖層起始點移動到文字出現(xiàn)處，
上面小滑竿是縮放時間軸的。
17.Adobe After Effects 2020渲染生成的.avi文件PS CS6無法打開，要用PS 2020打開生成.gif文件。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設(shè)計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
-
3. 移動端UI設(shè)計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設(shè)計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計的基本知識
-
4. 10個免費學習UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
-
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計師看的書籍，輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學UI設(shè)計要多久？培訓完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設(shè)...
-
9. 設(shè)計中的色彩心理學:淺析中西方色彩的歷史演變與設(shè)計應用
摘要:本文探討了色彩的歷史演變和設(shè)計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
-
10. 武漢UI設(shè)計培訓班費用怎么樣？想學UI設(shè)計要多少錢？
想了解武漢UI設(shè)計培訓班的費用是多少嗎？不知道學UI設(shè)計要花多少錢？不妨看看這篇文章，了解UI設(shè)計培訓班的學費價格以及學習內(nèi)容。
最新文章
