close

這幾天研究如何做動圖

終於做出來了!!!

作品在文章 ''【日記】搬家囉~~~~''  裡的黑白熊

這次把作法分享給大家 >w<

教學實驗品

兵長開窗戶!!!

以這個影片來做教學

 

--------------------------------------------------

做法 : 

 

首先要先把影片轉成jpg檔

http://www.atlas-zone.com/software/detail/Extra.Movie2Gif.htm

 

本人是用上面的軟體製作jpg檔  ((要下載喔~

這個軟體不必安裝

當然裡面也有操作說明

 

1. 下載下來後打開資料夾 裡面會有隻企鵝的圖片 不用懷疑按下去就對了~^^

p01.jpg

 

 

 

2. 企鵝按下後 就會跑出轉檔的視窗

p02.jpg  

 

 

 

3. 先按來源檔案  選第一個 ''選擇某個影片,或動態GIF''   "轉成 : 系列JPG圖檔''

再來選擇你的影片

p03.jpg  

 

 

 

4. 選擇完之後  按目標檔案   ((就是轉檔完後要放在哪個資料夾

p04.jpg  

 

 

 

5. 都選好後  按轉檔設定  就會跑出這樣的視窗  

他會開始播你選的影片

這很重要喔!!

這個就是你要影片中哪個部份的標記

因為真的裁不出圖來所以我只能用打的=  =  或是自己到這個軟體的網站看說明

有沒有看到  ''標記開始''  ??

影片開始播放時 看到你要的片段的片頭就按標記開始

旁邊有 ''標記結束''

你要的片段的最後片尾就按標記結束

如果都標記完了就按確定

真的看不懂就到軟體網站的說明吧=w='''

 

p05.jpg  

 

 

 

6. 確定之後 就按開始轉檔  會跑出這個視窗 可以看一下 ((我是沒看...

按下 ''是''

p06.jpg  

 

 

這視窗告訴你 你標記轉成jpg檔的片段有幾個  和  品質數值  

品質數值都幫你用成標準數值所以不需跟改~

p07.jpg  

 

 

7. 轉檔完成就會幫你存在你剛剛選的目標檔案

p08.jpg  

 

 

 

這是我選的影片片段  兵長開窗戶  都幫我轉成jpg檔~

p09.jpg  

 

 

 

-------------------------------------------------------------------------------------------------------------------------------------------

 

 

再來就是製作GIF動圖了!!

開啟Photoshop

當初發現Ps可以做動圖 真的讓我驚豔

Ps太強大了!!!

注意!!

本人是用Photoshop CS6

 

 

做法 : 

 

 

1.開啟ps後 選擇視窗裡的時間軸

p10.jpg  

 

 時間軸就會跳出來 

插入.jpg    

 

 

2.再來就是檔案的部分  按  ''檔案''   ''指令碼''   ''將檔案載入堆疊''

p11.jpg   

 

按下後 會跑出這樣的視窗  瀏覽剛剛轉成的JPG檔

p12.jpg  

 

載入後系統會幫你一張一張放在圖層

p13.jpg  

 

 

4.是否有看到時間軸裡只有一張圖 要怎麼把全部的圖放到時間軸呢?   ((讓我們繼續看下去!

一張一張放很費時間

這時看一下時間軸的右上角一個選項圖

p15.jpg   

 

點後 找  ''從圖層製作影格''

p16.jpg  

 

圖層上的圖片都放到時間軸囉!  但有沒有發現圖的順序是反的!!

p17.jpg  

 

 

 

5.別怕!!  這時就要按下剛剛時間軸的選項有個  ''反向影格''

p18.jpg  

 

圖就轉回來囉!!

p19.jpg  

 

 

 

6.開始製作時間的過程  這圈圈裡的選項.....

一定要永遠!!!

p20.jpg

 

影格的時間調成0.1秒 每個影格都要一樣時間 ((可自己調 

p21.jpg  

 

 

7.播放看看=w=+

p22.jpg  

 

 

8.如果ok就存檔吧!  但gif檔跟一般的存檔不一樣

點 ''檔案''   ''儲存為網頁用...''

p23.jpg  

 

會跑出這樣的視窗

p24.jpg  

 

 

 

9.檔案要存為GIF檔  尺寸就自己調吧~^^

p25.jpg  

 

調好之後可以預視看看

p26.jpg  

 

我調成100*56 =w=

p27.jpg  

 

 

10.如果都ok了  就點儲存吧~

格式就是僅影像

p28.jpg  

 

動圖就完成囉!!!

 

 

 

--------------------------------------------------------------------------------------------------------------

 

可悲的我完成了動圖 準備貼在部落格裡

怎麼貼不上去!!

就算貼上去了 但是是死圖 或是 不會動!!

 

如果妳知道怎麼貼就可以離開了~

如果不會貼 那就把文章看完吧!

 

http://www.roodo.com/

 

樂多日制 去註冊一個吧~ 

 

把剛剛做好的動圖傳上去

打開動圖

複製動圖的網址

 

再來發新文章都會有

網址.jpg  

 

點進去後 

把動圖網址貼在  ''圖片URL''

尺寸看自己還要不要調

都OK了 就完成囉!

 

網址2.jpg  

 

 

 

這是教學用的動圖喔!   

 

開窗!!  開窗!!  開窗!!   ((好累....

想不到那麼小~~~

下次就做大點=w=+

 

 

 

PUSH2    

 

 

  

 

arrow
arrow
    全站熱搜

    ssj71825 發表在 痞客邦 留言(1) 人氣()