【看綜藝學Motion】手搓地圖軌跡動畫

這是我們看綜藝學motion的第二期視頻 這期的效果案例 來自於一位粉絲朋友發來的 汽車類的網絡綜藝節目 是在各種旅拍或者旅行的各種節目中 經常出現的旅行線路的軌跡動畫 在之前的插件推薦中 我向大家推薦過一些 適合製作類似這樣效果的插件 如果插件的默認效果 和你想用的效果有出入 我們可以使用motion中的行爲效果 簡單地製作出類似的軌跡路徑動畫 我們先拆解下元素 首先去網上找一個這樣的山川 或者地圖的背景底 你也可以去平面軟件中去自己畫一個 然後我們需要在motion中 繪製一個行進的路線圖 並給它製作一個生長動畫效果 還有就是途徑點的名稱和標記點 下面我們開始製作 我這裏就用百度地圖來做演示 如果你不喜歡這樣的路線圖 我們可以把它切到實景地圖 然後類似的效果我們也選到山區 這裏面 調整好地圖的縮放比例和位置 如果不需要顯示這些文字和路線標記 可以在地圖的疊層中把它們關掉 這裏我就不關了 然後按一下command shift 4 框選一下就可以了 在蘋果系統下 command shift 3是全屏截圖 command shift 4是局部截圖 command shift 5是錄屏 創建一個motion項目 設置好分辨率和幀速率 導入我們的背景截圖 縮放到全屏顯示 好這樣背景就準備好了 現在我們來製作最重要的路徑動畫 我們先把背景層右側的鎖定開關 勾上 這樣 我們在右邊用鼠標拖拽圖層的時候 它就不會跟着我們亂動了 在繪製路徑的時候可以選擇兩種工具 一種呢是畫筆工具 激活畫筆 然後在畫面中按下鼠標左鍵 可以直接的畫出我們需要的路徑圖 當然這樣用鼠標來畫可能不太好控制 如果你用手繪板的話 使用它是非常方便的 可以一鍵畫出你要的效果 當然你可以在畫完之後 去逐個點的修改 但是修改起來比較困難 如果你沒有手繪板 是使用鼠標或者是觸摸板的話 我建議你使用鋼筆工具 這樣一個點一個點的去畫會簡單一些 好這個繪製過程我就加速了 繪製好之後 雙擊最後一個點就會自動的完成 封閉圖形 我們只是需要它的輪廓 所以我們可以把填充關掉 只要我們繪製的輪廓框就可以了 畫好的這些控制點都可以隨意修改 路徑的邊緣是曲線還是直線 都可以在上面直接拖拽 修改 路徑顏色、寬度 大家可以根據自己的需要自己來設置 重點是我們要讓這個手繪的軌跡 有一個動畫效果 選中我們繪製的手繪圖形 然後去資源庫中找到行爲 找到形狀分類 這裏翻譯的不太好 它這個形狀 其實指的就是我們各種的手繪的圖形 然後找到這個叫繪製外框的行爲 這就是很多合成軟件中的生長動畫 我們只要把這個行爲 加到我們的手繪圖形上 就自動的有了生長動畫 我撥一下給大家看 是不是已經做完了 我們看一下常見的幾個動畫控制參數 選中這個繪製外框的行爲然 後在檢查器中我們看一下 在這裏面我們可能經常會改動的 一個是速度 一個是方向 方向現在是前進 表示它的生長方向 就是我們繪製的控制點的順序 如果我們想反着使用這個動畫效果 我們就可以把這個前進改成倒退 這樣就得到了一個返回的回程路線 速度一般用勻速的比較多 如果你需要改速度 有一個前後的快慢變化 那麼可以在這裏修改 如果想控制動畫的進行時長 現在這個動畫是一個10秒長的動畫 我需要讓這個動畫 在5秒的時候就完成 然後後5秒都展示完整的路徑軌跡 我們只要選中行爲 然後把播放頭 移動到動畫結束的時間位置 比如說就是5秒鐘 按一下快捷鍵o 就把這個動畫的出點 定在了播放頭當前的位置 後面就沒有動畫效果了 這樣就完成了一個 前5秒是生長的路徑動畫 後5秒就是一個靜止的路徑效果 還有一種常見的用法 就是我們一開始的時候 就有一個軌跡的路徑擺在這 然後有一個行進進度的顏色條 逐漸的展現出來 或者是在帶着一個行進的LOGO 比方說是你的頭像 或者是一個小車的圖標 一個飛機的圖標等等 這個怎麼來做呢 現在是一條線的伸展路徑動畫 把我們手繪的這個圖形複製一份 選中然後按下command d複製 刪掉底層的這個繪製外框行爲 然後改一下 底層的這個繪製圖形的顏色 讓兩個路徑的顏色有些區分 比如說我把它改成紫色 因爲底層的這個紫色的路徑 是沒有動畫效果的 所以它一開始就被標記在這 然後上面這層橙色的軌跡 是有生長行爲的 它們的路徑位置又是一模一樣的 所以播放起來就會是這樣的效果 另一個常見效果就是 隨着這個生長路徑的這個線條 一邊往前移動的時候 還會有一個你的logo或者是一個圖標 然後跟着這個路徑動畫一起移動 那這裏呢 我就用我自己的logo 來去給大家演示一下 好拖進來我的logo 然後呢我先調整一下它的大小 調整好它的顯示大小之後 位置先不用管它 然後呢我們給這個圖片層 去檢查器中添加一個行爲 選擇基本運動行爲 然後在這裏面有一個運動路徑 添加給他 他就是把作用元素 按照固定的軌跡去移動的 默認是一個從左到右的橫向移動 我們選中這個運動軌跡的行爲 然後去檢查器中 在它的路徑形狀參數中點下拉菜單 找到有一個幾何圖形這個選項 就是讓他以我們手繪的形狀來運動 點擊一下 然後在下面的這個拖拽窗口裏面 右鍵選擇我們手繪的形狀 或者是直接在右側 把我們手繪的形狀拖進來播放 看一下效果 這樣就完成了路徑的動畫的同時 還會有一個我們自己的LOGO 隨着移動的動畫 結果 到此爲止 主體的動畫效果就做完了 至於它的顏色美觀程度 那就因人而異 你們自己去設置就好了 我這裏只是 教大家一個 使用它來做路徑動畫的快速實現方法 下面就是比較簡單的一些小裝飾 我們給軌跡路徑上的一些標記點 去做一個圓圈標記 然後呢再做類似這樣一個提示窗口 來去打上文字 已經做好的部分 我給他點一個鎖定 這樣避免誤操作 把它改亂 然後我們建一個新的羣組 在新的羣組上 我們把它名字改成文字標記 然後呢我們選擇繪製工具的圓形工具 然後按着shift畫一個正圓 把它的填充關掉 只開啓邊框 然後調整一下邊框的粗細 然後複製一份這個原型 選中它右鍵複製 或者直接按command d就是複製一份 複製的這份呢 我們只要填充中間的顏色 邊框取消掉 然後把它的大小稍微縮小一點 這樣標記點就做完了 然後把這兩個圓圈右鍵選擇成組 把它拖拽到我們的途經點 擺好位置就可以了 我就隨便簡單做幾個了 下一步是來加文字標註 還是老樣子 我們選擇繪製矩形 畫一個大小合適的矩形框 然後呢調整一下矩形的形狀 給他一點圓角的弧度 讓他帶一點圓邊 然後在樣式中呢加上邊框 邊框還是白色的 不用動填充顏色 我們把它改成黑色 然後降低一些透明度 這樣就得到了案例中的效果 邊框稍微加粗一點 把它擺到合適的位置上 按着option鍵快速複製一份 這樣就快速的複製了幾份 擺到他們各自的位置上 下面就是給他做出一個小箭頭尖角 選中矩形 然後我們在畫布中放大一點顯示 這樣大家看得清楚一些 我們在矩形窗上右鍵選擇轉換爲點 這樣就把它轉換成 我們手繪圖形的控制點模式了 直接在這個紅色線框上 雙擊鼠標左鍵添加控制點 然後拖轉一下 這樣就做好了 根據我們擺放的位置 逐個的製作一下效果 好這樣效果就完成了 文字框裏面的文字我就懶得加了 效果是一樣的 剩下就是根據我們動畫的行進位置 去逐個的出現這些框 我們可以用播放頭撥一下 播放到第一個框該出現的位置的時候 保持第一個矩形 在選中狀態的時候 按下快捷鍵i 把它的入點移動到這 這樣在前面它就不顯示了 只有路徑到這個位置時間點的時候 它才顯示 一樣的方法 當我們動畫 行進到第二個路徑點的時候 我們選中第二個矩形 按一下快捷鍵i 把它的入點設置在這 以此類推 這樣就實現了我們的目標效果 至於這個整體地圖的位移 縮放旋轉這些效果 我建議大家去final裏面去製作 因爲這些效果可能會經常配着解說詞 配合着音樂有一些調整 我們在motion裏製作好 輸出成影片 再給到final的時候 你再要調整還得回到motion裏面去改 不如就在final中去做 整體的畫面的縮放 位移 所以如果現在已經做完的情況下 我們把它導出成一個影片給到final 選擇右上角的共享導出 然後選擇導出成影片 設置一下 導出的格式 在這裏面設置的方法和final是一樣的 我們這個效果是沒有聲音的 所以選擇僅視頻就可以了 編碼器根據你的需要選擇就好了 如果你是要帶透明通道信息的話 一定要選擇ProRes 4444 如果沒有特殊要求 我們就選擇h264 這樣體積會小一些 然後選擇下一步 導出 然後回到Final Cut Pro中 把我們在motion中導出的視頻 導入到Final Cut Pro中 顯示的效果是和剛纔一樣的 然後如果你需要做縮放 需要做位移 就在這裏面就做動畫效果就可以了 好以上就是本期視頻的全部內容 如果內容對你有幫助 記得投幣評論點贊轉發 分享給需要的朋友們