Making your video/prototype to be real.Li, Ya-chih
製作架構:Step1. 製作好要合成在載具上的介面動畫影片Step2. 將拍攝的情境影片剪輯完成Step3. 將以上兩個素材放進AE合成參考方法:Method1. 綠幕Method2. 苦功Method3. 將影片放入載具中拍攝
Step1.製作好裝置上的介面動畫影片tips. 製作好後,可以放進去iphone(載具)中感受一下效果tools. 可以即時更新的dropbox
Step2.將拍攝的影片剪輯完成tips. 影片剪輯完成後就盡量不要再修改,不然合成的工夫會白費!
Step3.將以上兩個素材放進AE合成
Method1.綠幕前置作業:裝置緊緊黏貼綠色紙或是螢幕上顯示綠色畫面tips. 在戶外強光下不建議使用
Method1.綠幕後製過程h"ps://vimeo.com/49271077
Method2.苦功1. 將介面動畫放入影片中,調整角度素材:影片動畫檔案tips. distortion mesh工具
Method2.苦功2. 調整變形,每秒30格,一格一格調整!
Method2.苦功3. 和ps概念一樣,製作遮罩每秒30格,一格一格調整!!*三個圖層編輯()tips. 拍攝角度近量不要變動,這樣就只需要做手的遮罩,介面就不用移動
Method2.苦功4. 為了讓合成更具真實度依影片焦距,調整模糊程度調整色調、飽和度等
12AUO example
Method3.將影片放入裝置中拍攝advantage. 不用後製!但是要在情境影片開拍前,先做好動畫影片,並確保在裝置上可以播放(若APP有使用到相機功能,就要到場景錄製好素材)tools. dropbox
Method3.將影片放入裝置中拍攝主角必須抓好時間,需要多次演練tips. 在動畫介面中埋製音效/旁白,提醒什麼時候做動作*腳本很重要
Method3.將影片放入裝置中拍攝主角必須抓好時間,需要多次演練tips. 在動畫介面中埋製音效/旁白,提醒什麼時候做動作*腳本很重要
16ColorMe example
Upcoming SlideShare
Loading in …5
×

Making a realistic app movie

568 views

Published on

The slide briefly introduced how to make a realistic app movie by combining interface and the corresponding device. This intends to help students to take the first step to make his/her own app movie. The content was produced by Li, Ya-chih, a member of DITLDESIGN studio.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
568
On SlideShare
0
From Embeds
0
Number of Embeds
112
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Making a realistic app movie

  1. 1. Making your video/prototype to be real.Li, Ya-chih
  2. 2. 製作架構:Step1. 製作好要合成在載具上的介面動畫影片Step2. 將拍攝的情境影片剪輯完成Step3. 將以上兩個素材放進AE合成參考方法:Method1. 綠幕Method2. 苦功Method3. 將影片放入載具中拍攝
  3. 3. Step1.製作好裝置上的介面動畫影片tips. 製作好後,可以放進去iphone(載具)中感受一下效果tools. 可以即時更新的dropbox
  4. 4. Step2.將拍攝的影片剪輯完成tips. 影片剪輯完成後就盡量不要再修改,不然合成的工夫會白費!
  5. 5. Step3.將以上兩個素材放進AE合成
  6. 6. Method1.綠幕前置作業:裝置緊緊黏貼綠色紙或是螢幕上顯示綠色畫面tips. 在戶外強光下不建議使用
  7. 7. Method1.綠幕後製過程h"ps://vimeo.com/49271077
  8. 8. Method2.苦功1. 將介面動畫放入影片中,調整角度素材:影片動畫檔案tips. distortion mesh工具
  9. 9. Method2.苦功2. 調整變形,每秒30格,一格一格調整!
  10. 10. Method2.苦功3. 和ps概念一樣,製作遮罩每秒30格,一格一格調整!!*三個圖層編輯()tips. 拍攝角度近量不要變動,這樣就只需要做手的遮罩,介面就不用移動
  11. 11. Method2.苦功4. 為了讓合成更具真實度依影片焦距,調整模糊程度調整色調、飽和度等
  12. 12. 12AUO example
  13. 13. Method3.將影片放入裝置中拍攝advantage. 不用後製!但是要在情境影片開拍前,先做好動畫影片,並確保在裝置上可以播放(若APP有使用到相機功能,就要到場景錄製好素材)tools. dropbox
  14. 14. Method3.將影片放入裝置中拍攝主角必須抓好時間,需要多次演練tips. 在動畫介面中埋製音效/旁白,提醒什麼時候做動作*腳本很重要
  15. 15. Method3.將影片放入裝置中拍攝主角必須抓好時間,需要多次演練tips. 在動畫介面中埋製音效/旁白,提醒什麼時候做動作*腳本很重要
  16. 16. 16ColorMe example

×