我,做錯了...進度條模板

一位粉絲朋友在學習我教程的時候 發現在上一期我們用motion製作進度條模板的時候 出現了一個小問題 這是我們上期視頻教大家做的進度條模板 進度條隨播放進度走 然後這個數字也隨着播放進度從0到100 但是這位朋友發現進度條在最開始的時候 不是逐幀出現的 而是突然就蹦出了好長一節 而且數值就是0% 之後就正常播放了 一幀一幀的隨播放進度逐漸的向前前進 只有開始和結束的時候 這個問題是突然蹦出來和突然消失的 這位朋友很棒 他發現的是一個我製作教程過程中的小失誤 我們去motion中看一下 在motion中也是這樣突然蹦出來的 我們來複現一下當時的情況 畫好一個線條之後 我跟大家說 這個線條的默認的兩端是圓形的 應該把它做成一個直角邊框 所以我當時跟大家說 要記得去檢查器中 把開始和結束的形狀改成正方形 這樣兩邊就變成了方形 那麼這樣改會有什麼問題 我把鼠標指針工具切換到編輯點模式下 大家可以看到 在端點的兩端 是不是還有一個空白距離 爲什麼會有這個東西 你看 我調整一下線段的粗細 我們剛纔調整的是 開始和結束點的比處的形狀 它是一個正方形的比處 就像我們寫字的時候 頓筆一樣 頓筆的點是一個正方形的點 它的大小寬度是百分之百寬度 所以它其實每一個筆觸的點 都是一個這樣的正方形 所以控制點到邊緣的寬度 就是筆觸的寬度 我們在選中之前 我們做進度條的筆觸層 看一下 這樣是不是就發現問題了 當播放頭行進到第一幀的時候 它其實是畫了筆觸動畫的第一筆 因爲筆觸動畫是方形的 所以它第一筆 就突然蹦出來這麼大一個方形 它蹦出來這個長度 就是筆觸的寬度 要解決這個問題怎麼辦 我們再回到剛剛畫的筆觸案例中 方法其實就是把開始和結束的 筆觸形狀改成無 這樣它在開始和結束的時候 就沒有筆觸的邊框了 就直接是從我們的控制點的 起始的點的位置 向後走的 所以回到我們之前的模板中 我們來修改一下 進度條筆觸的形狀 起始的筆觸形狀 從之前的正方形 我們把它改成無 這樣就解決了筆觸動畫 開始和結束的時候 突然蹦出來的問題 那麼新的問題就是 它的位置擺放的就不對了 我原來擺的時候 是用肉眼看的 它的全尺寸的邊框的尺寸 現在兩邊因爲短了一點 所以它已經不能充滿全屏了 我們來修改一下控制點 修改方法也很簡單 選中進度條的這一層 然後切換到編輯點控制模式 手動的向兩邊拖拽一下 拖拽到出框就可以了 也可以去檢查器中 調整一下控制點的x座標參數 修改好之後檢查一下 問題已經解決了 點一下command s保存 我們再回到final中檢查一下 ok也沒有這個問題了 熟悉我的朋友應該都知道 我是一個比較偷懶的人 所以如果是客戶發現了 有這樣一個製作上的小疏忽 我的解決方法就是教大家 偷偷的把整個進度條放大一點 把兩邊的邊緣筆觸出框 這樣客戶就看不到 開始和結束的時候 有一個突然蹦出來的寬度了 但是既然是有粉絲朋友提出這個問題 尤其是很少能遇到 有粉絲朋友願意逐幀的 一幀一幀的看我的教程 那麼才能發現這樣的問題的 粉絲朋友很少 尤其是這位粉絲朋友 在發現這個問題之後 特別好奇心的想知道原因 我可能沒有第一時間回覆到他 所以他幾乎在網上 找到了我的所有的社交媒體賬號 然後在每一個賬號下 留言 發私信和作品下面發私信評論 問我 是爲什麼突然蹦出來這麼一筆 有這樣的粉絲朋友 認真看我的教程 真的非常開心 所以雖然教程的小失誤被發現了 但是我非常開心 有這樣的朋友 能認真看我的教程 同時也提醒我 有的朋友 即使學會了 怎麼去做進度條 也懶得自己做 那麼從這期視頻開始 我如果是教大家 用motion製作的Final模板的話 我會在視頻發出之後 同時把motion的工程文件 也就是我們手搓的Final插件 同步的發到 B站的充電動態 和抖音的會員空間裏面去 方便支持我的朋友 直接下載 好 以上就是本期視頻的全部內容 如果內容對你有幫助 記得投幣評論點贊轉發 分享給需要的朋友們