線上好幫手 訊息.趨勢

[Tools] 分享臉書、自製、影片轉換GIF動畫三合一功能的好幫手:「GIPHY」完全教學!

[Tools] 分享臉書、自製、影片轉換GIF動畫三合一功能的好幫手:「GIPHY」完全教學!

giphy01

 

Facebook是不少人分享照片、影片給親朋好友的首選平台,在去年臉書除了強化影音方面的功能,也開放了「GIF動態圖片」可以在臉書上以動畫來呈現(過去上傳GIF格式的圖片只會以靜態呈現),不過並不是直接將GIF檔傳上你的塗鴨牆上就會自己動起來,而是需要透過其他支援「GIF動態圖片」的「圖床」功能的網站作為「中繼」來分享。像是不少人使用的「Tumblr」就直援這個功能,不過若是論「GIF動態圖片」的功能,阿祥更推薦「GIPHY」這個網站服務。

 

除了讓大家上傳「GIF動態圖片」,也可以讓我們將一組系列的靜態圖片透過「GIPHY」線上組合成一個GIF動態圖片。此外,「GIPHY」也可以直接將線上影片-像是Youtube、Vimeo、Vine…的影片網址,或是你電腦中的影片直接轉換為GIF動態圖片。

下面我們就來一步一步為大家介紹「GIPHY」的各個功能吧!

 

透過GIPHY上傳GIF動態圖並分享至臉書

giphy02
圖:開啟「GIPHY」的首頁,在使用前,阿祥會建議大家先登入(直接透過臉書帳號或申請帳號)後再使用,方便我們未來管理上傳的檔案。

 

 

giphy03
圖:進入登入頁面,選擇「LOG IN WITH FACEBOOK」來使用臉書帳號登入「GIPHY」。

 

 

giphy04


圖:登入後進入你的主頁,我們可以透過右上角的功能鈕來上傳GIF圖,或是自製GIF圖,另外我們也可以使用搜尋以關鍵字搜尋「GIPHY」上的GIF圖。

 

 

giphy05
圖:選擇「UPLOAD」來上傳你的GIF圖到「GIPHY」,我們可以直接在網址列貼上線上已經有的GIF動態圖網址,或是按下「BROWSE」瀏覽電腦中的GIF圖檔,或是直接以拖拉檔案的到下方區塊的方式,來上傳檔案。

 

 

giphy06
圖:選擇電腦中的GIF圖檔,並點選「開啟」。

 

 

giphy07
圖:選擇好檔案後,我們可以為GIF動態圖設定標籤(分類用)、以及圖片檔案的來源網址,並設定隱私權限(預設為公開,若要分享至臉書,請保持公開 PUBLIC),設定完成後,按下「UPLOAD GIFS」來上傳檔案。

 

 

giphy08


圖:上傳完成後,我們就可以直接使用下方的分享按鈕,將GIF圖分享到不同的社群平台。接著我們可以按下「臉書」的按鈕,來進行GIF動態圖檔的分享。

 

 

giphy09
圖:這時候會跳出Facebook分享的彈出視窗,輸入你要附註的文字後,按下「發佈到Facebook」按鈕後,即可完成GIF動態圖的分享囉!

 

 

giphy10
圖:透過「GIPHY」分享到GIF動態圖到臉書後,瀏覽塗鴨牆時GIF動態圖片就會自動播放,以滑鼠點擊一下可以停止。

 

 

也可以分享到你的臉書粉絲專頁

giphy11
圖:若是要透過「GIPHY」分享GIF動態圖到你的粉絲專頁,請在使用「GIPHY」網站上的分享按鈕後,在彈出視窗點選「在你的動態時報上分享」的選單,並選擇「在你管理的粉絲專頁分享」。

 

 

giphy12


圖:接著請在下方的選單選擇你要發佈GIF動態圖的粉絲頁。

 

 

giphy13
圖:設定完成後,按下「發佈到Facebook」即可完成分享囉!

 

 

更多設定

giphy14
圖:當我們上傳GIF動態圖之後,透過下方「MORE OPTIONS」按鈕,可開啟GIF圖檔的設定,像是自動播放(AUTOPLAY)和社群分享(SOCIAL SHARES)的功能是否要開啟或關閉。

 

 

giphy15
圖:在GIF圖上傳後,切換下方分頁至「ADVANCED」,可看到GIF圖檔的連結,複製下來可直接點到其他平台分享,另外也有GIF圖的下載連結。

 

 

giphy28


圖:透過「GIPHY」右上角的帳號功能,切換至「DASHBAORD」,可看到我們已上傳的GIF動態圖。

 

 

透過GIPHY自製GIF動態圖

giphy16
圖:點選「CREATE」,並切換至「SLIDESHOW」分頁,透過「BROWSE」我們可以瀏覽要在「GIPHY」組合成GIF動態圖的系列圖片。

 

 

giphy17
圖:選擇要上傳組合的系列圖,圖片大小建議要一致大,每張圖要有些許不同的變化。選擇一系列圖片後,點選「開啟」。

 

 

giphy18
圖:圖片上傳後,我們可以透過下方的設定功能,調整動畫圖格的速度(向左拖拉變慢,向右拖拉變快),另外也可以在「CAPTION」欄位輸入字幕,並可變更字型與字色。

 

 

giphy19


圖:下方也會列出所有上傳的圖片,我們可以透過拖拉來決定畫格順序,或是利用右下的「REVERSE」鈕來反轉順序,另外也可以點選圖片右上的「叉」來刪除圖片。

 

 

giphy20
圖:完成設定後,點選「CREATE SLIDESHOW」即可開始組成GIF動態圖。

 

 

giphy21
圖:GIF動態圖組合完成後,我們就可以透過分享鈕來分享到臉書囉!

 

 

giphy22
圖:透過彈出分享視窗,將剛才的GIF動態圖發佈到Facebook上。

 

 

giphy23


圖:上傳完成的GIF動態圖,實際的效果可以看看這裡

 

 

透過GIPHY轉換影片為GIF動態圖

giphy24
圖:點選「GIPHY」頁面右上角的「CREATE」,並選擇「GIF MAKER」分頁,我們可以將Youtube、Vimeo或Vine的影音連結貼到網址列,或是選擇「BROWER」來瀏覽電腦中的影片來上傳。

 

 

giphy25
圖:影片上傳後,我們可以透過下方的設定功能,設定影片的開始時間、結束時間或直接指定影片長度。另外我們當然也可以輸入字幕,設定字型與字色。

 

 

giphy26
圖:設定完成後,點選「CREATE GIF」來上傳檔案。

 

 

giphy27


圖:GIF動態圖檔上傳完成後,我們同樣可以利用分享按鈕來分享到臉書上囉!

 

 

相關聯結:

GIPHY | Search All the GIFs & Make Your Own Animated GIF

 

 

歷史上的這一天,我還寫了…

你也許會喜歡

無留言

發表留言