電腦王阿達
  • 首頁
  • 科技新聞
    • 最新科技新聞
    • AI 新聞與教學
      • AI 工具分享與教學
      • AI 趨勢與相關新聞
    • 產品評測
      • GPS/行車記錄器評測
      • iOS周邊
      • Android周邊
    • 科技廠商專訪報導
    • 電腦硬體周邊情報
    • 相機
  • 酷品開箱
  • 通訊達人
    • 電腦王阿達測速工具
  • APP/軟體/教學
    • 電腦應用與其他教學
      • 網路與軟體應用
      • 多媒體轉檔/運用
      • 其他文章
    • 跨平台App
    • iPhone/iPad相關
      • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB/CYDIA應用
    • Android相關資訊
      • Android App分享介紹
      • Android 基礎教學
      • 智慧手機韌體更新
      • Windows Mobile手機相關文章
    • Mac 軟體分享與教學
    • LINE
    • Telegram
    • 攝影教學
    • 語文學習
    • 轉貼好文
    • WordPress 架站教學分享
    • 未分類文章
  • 休閒/懶人包
    • 新聞台直播 頻道大集合!想看新聞不用辦第四台!
    • 遊戲電玩
    • 動漫、玩具、敗家
      • 老弟紙模型作品集
    • KUSO
      • 有趣影片
    • 圖文創作
    • 生活與旅遊
    • 超好用懶人包
    • 最新抽獎情報公告
    • Pokemon GO攻略
  • 電腦王團隊
No Result
View All Result
  • 首頁
  • 科技新聞
    • 最新科技新聞
    • AI 新聞與教學
      • AI 工具分享與教學
      • AI 趨勢與相關新聞
    • 產品評測
      • GPS/行車記錄器評測
      • iOS周邊
      • Android周邊
    • 科技廠商專訪報導
    • 電腦硬體周邊情報
    • 相機
  • 酷品開箱
  • 通訊達人
    • 電腦王阿達測速工具
  • APP/軟體/教學
    • 電腦應用與其他教學
      • 網路與軟體應用
      • 多媒體轉檔/運用
      • 其他文章
    • 跨平台App
    • iPhone/iPad相關
      • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB/CYDIA應用
    • Android相關資訊
      • Android App分享介紹
      • Android 基礎教學
      • 智慧手機韌體更新
      • Windows Mobile手機相關文章
    • Mac 軟體分享與教學
    • LINE
    • Telegram
    • 攝影教學
    • 語文學習
    • 轉貼好文
    • WordPress 架站教學分享
    • 未分類文章
  • 休閒/懶人包
    • 新聞台直播 頻道大集合!想看新聞不用辦第四台!
    • 遊戲電玩
    • 動漫、玩具、敗家
      • 老弟紙模型作品集
    • KUSO
      • 有趣影片
    • 圖文創作
    • 生活與旅遊
    • 超好用懶人包
    • 最新抽獎情報公告
    • Pokemon GO攻略
  • 電腦王團隊
No Result
View All Result
電腦王阿達
No Result
View All Result

首頁 » 最新科技新聞與報導 » 電腦應用與其他教學 » 多媒體轉檔/運用

如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學

Mike Wu by Mike Wu
2019 年 11 月 09 日
in 多媒體轉檔/運用
讀取中...

最近有些朋友來信問影片的動態圖形是如何做成中文的?

舉個例 :  觀看動態圖形的影片
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

其實這也是上網抓免費的模組素材改的,不過網路上提供的模組都是英文的,改成中文會碰上無法更改跟素材無法使用的問題,中文字型總是會跟英文字型衝突,所以這邊就教大家如何無痛改動態圖形的方法,一步一步跟著學下去吧!
Ps. Premiere內建的動態圖形是可以無痛更改字型的,不過內建效果有限

Adobe Premiere 瀏覽動態圖形效果

通常當你下載一個免費模板,打開premiere準備開心使用時:如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

往往都會發現,雖然可以如期的更改文字,卻因為字體的不同,而造成模板的錯誤甚至模板不會動的情形:
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

看下圖資訊,模板的位置、大小、顏色都可以更動,就唯獨字體是無法更改的,這是因為模板的原檔案是沒有開放可以更改字體的權限 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

 

那要如何才能改成自己想要的字體哩? 首先要先準備以下東西  :

  1. Adobe premiere
  2. Adobe after effects
  3. 跟任一解壓縮軟體

 

透過解壓縮找出動態圖形原檔

好了! 萬事俱全,只欠教學,先將你網路上找到的模板找出 (要記得開啟電腦的副檔名顯示) : 如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

接著把副檔名.mogrt改成 .rar 或 .zip : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

檔案就會變成一個解壓縮檔案 : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

解壓縮這個檔案,會得到3個檔案 :  
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

只需提取中間的aegraphic的檔案即可 : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

解壓縮完之後,在對剛剛解出來的檔案 : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

再改一次副檔名(對! 你沒看錯),這次將.aegraphic 改成 .rar 或 .zip :  
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

恭喜再得到一個解壓縮XD :  
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

然後解壓縮檔得出來的檔案就會有AE檔了:
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

只需要解第一個AE的檔案即可 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

OK ! 這樣我們就獲得了動態圖形模板的原檔了 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

 

運行Adobe After Effects來修改動態圖形模板

接著執行AE軟體開啟這個專案 : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

在視窗左側就能看到這個動態圖形的圖層內容 :  
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

為了等等方便改字,先將專案內容的時間軸,移到文字完整浮現出的定點 : 如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

接著點選上方欄位的WINDONS : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

點擊Essential Graphics : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

Essential Graphics打開後,主視窗會再延伸Essential Graphics的視窗,接下來我們要處理的內容都是透過這邊更改 : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

由於這個動態圖形的模板只有一組文字,所以相當好找,首先先找到title text 並點選該欄位的 Edit Properties :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

然後會出現這個視窗,這個視窗就是更改文字字體的權限,將這3個選項全部打勾並按ok :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

接著看Essential Graphics的視窗,就會看到文字的選項多了字體、樣式、大小 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

我們將它更改字體,然後稍微調整一下框框大小。這邊要注意的是,記得讓模板跑一下,因為字體不一樣的關係,原先模板跑的動畫可能會讓文字離開視窗或是顯示怪怪的,發現有問題記得微調一下就好! : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

都沒問題之後,接著就要儲存,按下右下的export motion graphics template
Ps.上方的name及master你可以自行修改好辨識的標題 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

系統會先問你這專案要不要儲存,點選是 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

在這個視窗裡,第一個destiantion的選項選成local drive,就可以選擇要存此動態圖形檔案的地方
第二個compatibility,是一些警示的通知,一般這邊沒有理它,直接勾選,確認後按下ok就可以關掉AE了 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

關掉AE後,就會在儲存的資料夾找到剛剛做好的動態模板mogrt,這邊為了方便辨識,先將它改成test :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

 

在premiere加入剛剛改好的動態圖形

接著打開premiere,在上面的工作區域,點下圖形叫出圖形的工作區塊
(這邊pre已改成中文化,有興趣可以自行上網搜尋) : 
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

然後在基本圖形的視窗右下,點擊+號按鈕 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

加入剛剛修改好的動態圖形檔案 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

接著回到基本圖形的視窗,就會看到剛剛做好的動態圖檔已加入,有看到兩個CALL OUT 16 的差別嗎? :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

將動態圖形拉進時間軸,完美的呈現!!!! 在PRE的基本圖形功能內,也變成可以更改字體、字型大小 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

完成後就會像這樣 :
如何作出動態圖形效果? Adobe Premiere 動態圖形修改教學 - 電腦王阿達

 

雖然這樣的改法,可讓原先的動態圖形呈現自己想要的字體,不過在測試幾次下來發現,假設在AE將字體改成中文字型(假設微軟正黑),拉到PRE之後,想將原先的微軟正黑改成其他中文字體,會造成動態圖形無法正常顯示的問題,目前還找不到方法解決,還是乖乖的先在AE修正後,再拉到PRE呈現比較實在

Tags: Adobe Premiere ProAfter EffectsPremiere Pro CCPREMIERE教學

您也許會喜歡:

立達合法徵信社-讓您安心的選擇

網站搜尋

No Result
View All Result

廣告


歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技

No Result
View All Result
  • 最新科技新聞
  • 最新科技產品報導
    • 3C產品開箱/廠商邀測
      • GPS/行車記錄器評測
    • 科技廠商專訪報導
      • 專題報導
    • 電腦硬體周邊情報
    • Android周邊
    • iOS周邊
  • 好用App介紹
    • Android App分享介紹
      • Android 基礎教學
    • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB教學
      • iOS軟體與JB相關文章
      • iOS JB/CYDIA應用
    • 跨平台App
  • 通訊達人
  • Telegram
  • 電腦應用與其他教學
    • Mac OS 軟體分享與教學
    • 網路與軟體應用
    • WordPress 架站教學分享
    • 多媒體轉檔/運用
    • 語文學習
    • 轉貼好文
    • 其他文章
  • 旅遊與美食
    • 生活與旅遊
    • 圖文創作
    • 有趣影片
    • 動漫、玩具、敗家
    • 老弟紙模型作品集
    • KUSO
    • 阿達玩App
    • Pokemon Go攻略
  • 超好用懶人包
  • 電腦王阿達網路測速
  • 電腦王阿達團隊

歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技

No Result
View All Result
  • 最新科技新聞
  • 最新科技產品報導
    • 3C產品開箱/廠商邀測
      • GPS/行車記錄器評測
    • 科技廠商專訪報導
      • 專題報導
    • 電腦硬體周邊情報
    • Android周邊
    • iOS周邊
  • 好用App介紹
    • Android App分享介紹
      • Android 基礎教學
    • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB教學
      • iOS軟體與JB相關文章
      • iOS JB/CYDIA應用
    • 跨平台App
  • 通訊達人
  • Telegram
  • 電腦應用與其他教學
    • Mac OS 軟體分享與教學
    • 網路與軟體應用
    • WordPress 架站教學分享
    • 多媒體轉檔/運用
    • 語文學習
    • 轉貼好文
    • 其他文章
  • 旅遊與美食
    • 生活與旅遊
    • 圖文創作
    • 有趣影片
    • 動漫、玩具、敗家
    • 老弟紙模型作品集
    • KUSO
    • 阿達玩App
    • Pokemon Go攻略
  • 超好用懶人包
  • 電腦王阿達網路測速
  • 電腦王阿達團隊

歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技