【教學】Photoshop製高質MV動圖簽名 ---★更新為CS6版本

1月 29 週日 201222:18
【教學】Photoshop製高質MV動圖簽名 ---★更新為CS6版本

好東西當然要跟大家分享
今天來教大家用ＰＨＯＴＯＳＨＯＰ做ＭＶ圖簽囉．．
範例：

　
首先，做ＭＶ圖簽有些工具是必須的。
１；影片
２；PHOTOSHOP CS3或以上版本
３；QuickTime 因為在PS滙入影片需要電腦有這軟件

★QuickTime下載點 http://www.apple.com/quicktime/

以下教學內容編寫在3/9/2013更為版本ＣＳ６”

首先把Youtube影片下載下來：

1.到YOUTUBE找你想要的片段..把網址複製

2.另開啟以下的網頁：http://kej.tw/flvretriever/

3.將先前複製的影片網址貼到網頁中的欄位上

4.按下「RETRIEVE NOW !」

5.把網頁叫你下載的檔案下載

6.用記事本(notepad)開啟剛才下載的檔案

7.全選並複製所有內容，貼在網頁下面的欄位後送出，即會產生下載連結

8.選mp4檔的下載

9.另存新檔時在檔案名字後加上「.mp4」，比方說檔案名是「videoplayback」變為「videoplayback.mp4」

***只有CS6版本才接受直接置入mp4影片檔案...

茶之前使用CS4版本,,它只接受MPEG檔,,所以你不是CS6版本則需要額外換檔囉***

正式開始做ｍｖ圖簽囉．．

1. 先製好你的簽檔底圖，但不要進行任何調色美化　(如果你已經調色美化請多做步驟ａ，ｂ)

2. 視窗>>工作區>>重設動態，把動態窗口叫出來


3. 檔案>>讀入>>視訊影格到圖層>>選你要的影片

4. 在透過紅框按鈕選你起跳位置和結束位置>>確定


5. 點選多餘或不要的影格然後按紅框鍵刪除掉；另外如果影格數量過多可以像我一樣點選全部雙數的影格然後刪除掉

6. 如果你發現影片滙出後尺寸很大,,,你就先調整大小：影像>>影像尺寸

7. 點選第一個影格，然後在所有視訊影格圖層的最上面開始進行美化調色或者直接把調色psd檔拉進去
*記得要在時間軸那邊要先點選第一幀影格，這樣才會讓所有影格都有你想要的效果

8. 然後為了方面接下來將影片跟底圖合併需要將影片的底版大小作調整：影像>>版面大小>>寬度跟高度都是你底圖的2倍,單位是像素
比如我的底圖尺寸是500*200，那你則需要把影片底版改為1000*400

9. 然後先不要管影片／底圖；開一個新檔案，跟你底圖一樣大小,不過是要透明檔

10. 把底圖拉過透明檔處

11. 點選兩個圖層

12. 回到影片檔,點時間軸上的第一幀影格，然後把已點選的兩個圖層拉到影片檔上

13. 正常拉過去以後圖層會在最上面，但為了要把影片顯示出來我們要把它們拉到最底下，拉到最底下以後你會看到你的影片有顯示出來

14. 現在移動那兩個圖層(底圖+透明底圖)，目的是跟影片的位置有配合到

＊＊如果你的底圖已經調過色，需要多做以下兩個步驟：

ａ. 位置OK後,點選底圖圖層並把影片所在的位置擦乾淨/使用選取工具把它刪除掉

ｂ. 然後點選底圖+透明底圖這兩個圖層並把它們移回最頂處

＊＊這ａ，ｂ兩步是為了避免底圖被影片的調色再次調色，希望彼此有協調到。

15. 然後我們要調整至正常的尺寸，使用截切工具截切跟你底圖一樣大小就好

16. 如果想在視訊外加自己畫的外框可以先新建圖層再畫..(記得所有圖層都要放在視訊圖層的最上面而且要先點選第一幀影格)

17. 如果想放TT,直接拉過去放到最上面就可以了

18. 打字也是可以直接打,不過一定要先點選第一幀影格，以及放到圖層的最上面這樣才會每一個影格都有文字

19. 所有工序OK了就可以儲存為網頁用

以上是滙入單一個影片的做法，未來會教大家滙入多個影片；）

以上是茶辛苦寫出來的教學．．阿茶我把畢生所知的都教給了大家..
希望大家可以推一下和留言鼓勵一下茶
歡迎交功課~~~!!XD

阿茶TEA

回覆比較慢…請體諒 ♥ Ｅnｃhａnｔeｄ♥ <P>阿茶_製圖教學園

阿茶TEA 發表在痞客邦留言(39) 人氣(8,234)

全站分類：
個人分類：PS 版

▲top

34 則留言

郁漾漾漾漾漾 ♪

*****

2012-01-29 23:11

阿茶TEA

*****

2012-01-30 09:34

秉諺

那要怎麼把動圖移到透明底那邊阿????

2012-01-30 09:24

阿茶TEA

請看11. 把已點選的兩個圖層拉到視訊檔(動圖)處>>擺好位置從頭到尾都沒有說要移動動圖哦~只是移動底圖跟透明檔而已:)

2012-01-30 09:35

秉諺

但是假如動圖太小無法把底圖移到動圖怎半阿? 這樣會黨到動圖耶TAT - 你會好快~~

2012-01-30 09:39

阿茶TEA

請看步驟7和步驟12 =0=~~ - 剛好在這裡嘛XD

2012-01-30 09:51

秉諺

看不懂0_0 XDD 但是視訊非常的小張.... 那要怎擦? 也不可以移動圖阿.... 因為動圖開啟來就是那個大小...... 而且假如動圖500.200~底圖600.400~ 這樣地圖套上去只看的到500.200的底圖耶0_0 把她放大她就會模糊了耶T^T

2012-01-30 10:02

阿茶TEA

我放大的是動畫後面的畫布不是動圖本身=.= 你在動圖的大概位置~你知道它在哪的嘛~你就擦囉~ 你先按照我的步驟做一次就沒錯的了........ (我寫得很模糊嗎??!)

2012-01-30 10:07

秉諺

再做弟7步驟的十後圖陳要點哪個阿?T^T

2012-01-30 10:10

阿茶TEA

不用點~只要妳開著動圖那個視窗就行~它只會整個動圖的畫布擴大而已~~ 妳可以不用想那麼多~就直接看到文字這樣照著做就可以~ 想太多會搞到簡單的事情都變複雜了OAO 祝成功~我外出囉XDD

2012-01-30 10:18

秉諺

我把他用影像尺寸放大後TAT 她居然怎張都放大耶TAT 假如我把底圖放在去那她不就擋住人了?

2012-01-30 10:36

阿茶TEA

放大正常的...這就是目的-.- 擋住人也是正常~所以你沒看步驟12嗎?! 「12. 按底圖圖層,用橡皮擦把視訊擦出來」~~ 只要你對好位置~然後在底圖圖層擦視訊所在的位置就可以看到視訊了XD

2012-01-30 21:40

小豬

阿茶你好:) 我收看你的教學有段時間了:) 這次的mv圖簽教學真的超讚的說:3 你真的好厲害呢很謝謝你無私的分享的說0////0 希望以後可以多出一些調色教學你調的顏色都很棒呢:) 這次教學圖簽的人物你調的好美呢:) 這算是復古嗎?

2012-02-04 23:21

阿茶TEA

謝謝你哦!!^^ 以後要多留言鼓勵一下茶~~XD - 復古?! 有一點點吧..... 就看個人感覺囉~哈哈還有要看整體的風格~~

2012-02-05 16:50

小豬

想請問阿茶我要導入影片的時候試一片空白的欸我把youtube影片轉檔都轉avi了為什麼要導入時試一片白? QuickTime要用在哪邊?

2012-02-04 23:57

阿茶TEA

這個情況我也試過~我換成MPEG檔之後就可以了~^^ QuickTime有用呀~就是在photoshop滙入影片時隱形用了~ 如果沒有它你不可能滙入影片~不相信可以試一下OAO

2012-02-05 16:52

小白

*****

2012-02-05 01:16

阿茶TEA

*****

2012-02-05 16:55

啾比特

存檔時他說什麼有檔名非拉丁文字的.... 要怎麼半!?

2012-02-06 20:48

阿茶TEA

你檢查一下你的檔案名字和路徑是不是由數字/英文組成~ 如果有要你按確定的..你照按吧.. 之後看一下檔案能否看~能開就應該沒問題啦總括..文件名字和路徑中都不要出現中文字符.

2012-02-07 20:50

啾比特

我的簽圖..比影片的視窗還大..這樣不會被切調嗎?!

2012-02-17 22:07

阿茶TEA

所就要做第七步,先把影片畫布擴大 7. 影像>>畫布大小>>寬度跟高度都是你底圖的2倍,單位是像素 - 按著步驟做就一定可以的哦!!

2012-02-19 15:42

雪依

想請問一下，我做好動簽之後上傳畫質變得很差呢這是正常現象嗎？再請問一下，要存GIF格式的話，要怎麼選畫質比較不會太差？謝謝～

2012-02-28 00:17

阿茶TEA

請先確保你選的影片畫質不錯哦.. 另外是美化調色方面.. 最後是儲存方式~ 可參考我的(紅框): http://pic.pimg.tw/teaa/1330786894-416700652.jpg

2012-03-03 23:07

冰

點解我個PS無動畫ge..@@

2012-03-16 11:41

阿茶TEA

只有ps cs3或以上版本才能製動圖

2012-03-16 21:51

蛙[Jo Judas]

請問文件在那裹? 我找不到啦><

2012-03-18 14:39

阿茶TEA

甚麼文件@A@?

2012-03-18 14:56

asimko

畫質感覺很好，GOOD !

2012-03-20 12:21

阿茶TEA

2012-03-25 13:03

Ciyin

那個、請問一下茶哦我做到第5部(把影片導入) 後來她出現的畫格都是空白的 http://i.imm.io/jzml.png 像這樣 - *我是用PHOTOSHOP CS4 *QuickTime 也安裝好了 *影片也轉成AVI檔了不知道是不是哪裡還有誤呢(?)

2012-03-20 21:55

阿茶TEA

換檔不要換avi檔..轉成mpeg檔就可以了^^

2012-03-25 13:04

Ciyin

但是用mpeg檔的話會變成這樣↓ http://i.imm.io/kEMg.png 轉檔失敗甚麼的..(?)

2012-03-31 19:46

阿茶TEA

建議使用「Freez FLV to AVI MPEG WMV Converter」轉檔哦^^

2012-03-31 21:47

鴨鴨

文件>>導入>>Video Frames to Layers>>選你要的影片請問文件在哪啊

2012-04-14 20:59

阿茶TEA

不同地區的版本詞彙會有不同.. 你的版本可能是檔案>>讀入>>視訊影格到圖層

2012-04-15 00:50

鴨鴨

已經把影片轉成MPEG檔了可是他說無法開啟影片檔案

2012-04-19 19:32

阿茶TEA

請確定已安裝quick time,在ps開影片是需要它. 如果已安裝~是mpeg不行的話,可試avi 再不行我都不知道了~OAO

2012-04-21 11:31

kwan

我用CS3 我己經試過將影片轉做MPEG同avi 但畫格都是白色@@

2012-04-23 14:02

阿茶TEA

CS3哦...那我不清楚..我是cs4版本的~ 因為我沒有用過cs3,,只知道它可以做動圖而已~抱歉!

2012-04-23 17:23

小芽.

7. 影像>>畫布大小>>寬度跟高度都是你底圖的2倍,單位是像素那適用在動圖那嗎 ?感覺怪怪的@@

2012-05-20 08:15

阿茶TEA

請不要光看文字,建議你可以先做一次.. 如果你依然覺得我的做法有問題可以用你自己的方法.

2012-05-23 19:34

訪客

不好意思,如果動圖我希望可以再修的話,是照著你的方式做就可以了嗎?可是因為第7個步驟開始我就卡住了><不知道怎麼做

2012-06-06 23:44

阿茶TEA

麻煩說清楚...... 要先知道你想修甚麼? 如果你是調色美化可以在第6步就可以.. 如果是修改影片大小,可以在導入影片後直接修改.

2012-06-09 14:25

臭豆腐

豆腐還是不太明白第7至第11的步驟... ... 可以仔細一點嗎??plz~

2012-06-24 00:52

阿茶TEA

我的教學已經是很仔細..!!(相信你找不到比我更詳細的教學) 你按我文字的說去做就可以啦... / 而且你到底不明白甚麼?@@ 你說一下~

2012-06-24 12:31

Mofei

我一直無法將「視訊影格到圖層」每次一按他都會說「沒有可用動態連結」茶～救救我

2013-09-07 13:30

阿茶TEA

你photoshop是甚麼版本??? 只有CS6版本才可以直接滙入mp4檔案,,我之前用cs4版本的時候是不可以的,,,要換檔成mpeg檔才可以...如果你不是cs6版本的話就可能是這個問題了,,,你需要額外換檔試試看...

2013-09-08 11:42

帥哥緒✧

交作業QwQ http://i.imm.io/1hqjP.gif 話說動態讓我好痛苦(喂# 可是我還是堅持下來了#握拳(神毛啦# 然後謝謝阿茶的教學QWQ

2013-09-07 21:24

阿茶TEA

恭喜你成功了!!! (撒花做動態真的會花好多時間還有心思.. 不過看到成果還是值得的^v^

2013-09-08 11:43

Liyu

阿茶~ http://imgur.com/nAGmx1u << 我沒紅框內的耶 (CS3版本)

2013-12-08 19:27

阿茶TEA

你cs3也是有這功能的啦~ 就是上下箭頭像漏斗那個~你移動它就對了!!

2013-12-26 00:24

SHAN DING.

請問photoshop cs6 妳是去哪裡下載的QQQQQQQ 我都找不到TTT

2013-12-21 20:21

阿茶TEA

我是在 adobe 官方網下載試用版，然後再自行在網上找註冊碼

2013-12-26 00:24

Liyu

看不動地14

2013-12-21 21:50

阿茶TEA

如果你的底圖沒有進行任何調色，步驟14附屬的a和b剛不用做,,只做14就對了!! 你先點選你的底圖和透明底圖這兩個圖層...然後移動它們,,目的是跟影片的位置有配合到~

2013-12-26 00:28

Liyu

ㄜ.. 你能乾脆放影片ㄇ? 我真的看不懂QwQ...

2013-12-21 22:02

阿茶TEA

痞客不支援上傳影像swf檔~所以只能提供文字教學~! 我已經盡我能力去寫解釋><

2013-12-26 00:29

Liyu

你能用 You Tube 壓QwQ

2013-12-28 17:11

阿茶TEA

現有的教學只有文字版喔~ 謝謝你的建議~在未來的教學會考慮能不能用youtube喔!

2014-01-31 21:14

殤野律依(ゝ∀･)

*****

2014-01-24 21:42

阿茶TEA

*****

2014-01-31 21:15

沫

你好我是CS5版本影片avi 跟 mpeg我都試過了可是讀入進去都是一片空白ˊˋ mpeg有分1~4 請問是跟這有關嗎QQ?

2014-03-25 23:51

阿茶TEA

請確定已安裝quick time,在ps開影片是需要它. - mpeg有分1~4????看不懂親在說甚麼>///<

2014-03-29 21:06

西文

你好，我用網絡用儲存總是出現發生不明錯誤…請問有其他儲存方法？

2015-01-07 15:07

阿茶TEA

呃...不好意思~請問有圖片給我看一下嗎?? 看文字不太能理解到 (我理解有點差>.<)

2015-01-25 00:17

村傻_咩兒♥

ㄜ... 請問版大影片要如何下載下來(下載完後打不開>"<) 看到你的教學很開心想學好PS :D 不過我還製作文字效果都有問題orz

2015-06-15 13:59

FACEBOOK LIKE一下<3

-招牌 ♥ Ctrl+C 複製語法-

-文章分類-

♥ 佈告板 (1)

♥ PS 製圖教學 (9)

♥ 動態 MV 頭像教學 (CS2+UGA混合版) (1)

♥ 動態 MV 圖簽教學 (2)

♥ UGA 教學 (1)

♥ LOGO 教學 (1)

♥ 製圖資源 (6)

-最新文章-

-文章搜尋-

參觀人氣

本日人氣：
累積人氣：

回覆比較慢…請體諒 ♥ Ｅnｃhａnｔeｄ♥ <P>阿茶_製圖教學園

魔法奇緣 ♥