使用 GIFMaker.Me 網站製作 gif 動圖教學

更新 發佈閱讀 3 分鐘

這次來用這個網站 https://gifmaker.me/ ,製作 GIF 動圖,主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒...

什麼?!?你說你不會畫,沒關係,即使是畫個火柴棒人也可以很趣味的,我就來用這個當範列:

raw-image

總共就是一個圈加七條線,簡單吧!畫好是這樣...

raw-image

分別存成兩張圖片:

raw-image
raw-image

夠簡單吧?現在開始使用 https://gifmaker.me/ 來將其製成gif動圖

進到網站面版長這樣:依網站上文字說明所示,你可以上傳300張圖片:

raw-image

1、按Upload images按鈕選擇要上傳的圖片,可以一次上傳或分好幾次傳。

2、選好圖片會顯示在編號2.的地方,順序可以使用滑鼠拖移。

raw-image

3、選好圖片後編號 3. 的地方會同步顯示縮圖,可以預覽。

4、編號 4. 的地方是更改大小,基本上圖片上傳後會自動偵測到圖片大小,你也可以再做調整,我上傳的圖片兩張都是 800x600 。

5、編號 5. 是圖片切換的速度,數字越大動的越慢。

6、是循環次數,輸入 0 就是一直重覆。

raw-image

上面的設定設置好了之後就要產生圖檔了

7、點選 Create GIF Animated ,就會出現編號 8. 框框裡的東西,可以點 View the GIF 預覽一下,點編號 9. 的 Download the GIF 即可下載製作完成的 gif 動圖。

以上,教學完畢...

這次的很簡單吧?什麼?你說你連圈圈跟幾條線都畫不出來?不然你也可以用照片製成動圖呀!

例如:

安安的回眸(用三張圖片製成)

raw-image

朵朵的性感坐姿〔用五張照片製成〕

raw-image

或者,用公仔拍個幾張連續圖片,設計個對白應該也很有趣!?相信創意無限,每個人都會有不同的好點子?!

小提醒:圖片越大、數量越多,製成的檔案會越大喔!


我的兩本旅行電子書:克羅埃西亞巴士旅行日記走跳沖繩.景點交通全攻略
我的個人布落格:.說走就走.Erica的.旅行.體驗.活在當下
粉絲專頁:說走就走x貓咪旅行中
Matters:貓咪旅行中Erica的專頁
探路客:ericaworld.timelog.to
Linktr:https://linktr.ee/ericaliu

留言
avatar-img
Erica Liu的沙龍
63會員
24內容數
關於旅途中的那些風景與貓咪們 特別喜歡旅行與貓咪 想用喜歡的事物作為創作的靈感
Erica Liu的沙龍的其他內容
2022/10/23
Crescent DEX,可以算是 Emeris 的進化版了吧?我會慢慢將一部份的配置轉到 Crescent 上,因為它沒有解綁期,拿來跟 Osmosis 一起搭配應該是蠻不錯的!?
Thumbnail
2022/10/23
Crescent DEX,可以算是 Emeris 的進化版了吧?我會慢慢將一部份的配置轉到 Crescent 上,因為它沒有解綁期,拿來跟 Osmosis 一起搭配應該是蠻不錯的!?
Thumbnail
2022/10/05
非同質化代幣的結果,什麼東東霧殺殺,既然對於定義很模糊,不然看看有什麼應用好了,得到的結論大概是,我好像可以也發行一個自己的 NFT ?把我旅行中拍到的照片結合了我畫的貓咪創造出的作品鑄造成 NFT,也許這是目前為止最適合保存這類作品的方式〔Matters及其他寫作的平臺太多還是比較著重在文字〕,有
Thumbnail
2022/10/05
非同質化代幣的結果,什麼東東霧殺殺,既然對於定義很模糊,不然看看有什麼應用好了,得到的結論大概是,我好像可以也發行一個自己的 NFT ?把我旅行中拍到的照片結合了我畫的貓咪創造出的作品鑄造成 NFT,也許這是目前為止最適合保存這類作品的方式〔Matters及其他寫作的平臺太多還是比較著重在文字〕,有
Thumbnail
2022/10/04
〔因 Osmosis 的介面有更新,此為更新版教學,並加上超流質押的操作〕 何謂增加流動性 首先簡單說一下增加流動性〔流動性挖礦 Liquidity Mining〕是什麼意思,簡單來說就是兩個幣在進行交換時,需要有一個資金池來應付立即的匯兌,所以可以不需要像在交易所中還要進行買賣雙方的搓合,而在區塊
Thumbnail
2022/10/04
〔因 Osmosis 的介面有更新,此為更新版教學,並加上超流質押的操作〕 何謂增加流動性 首先簡單說一下增加流動性〔流動性挖礦 Liquidity Mining〕是什麼意思,簡單來說就是兩個幣在進行交換時,需要有一個資金池來應付立即的匯兌,所以可以不需要像在交易所中還要進行買賣雙方的搓合,而在區塊
Thumbnail
看更多
你可能也想看
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
畫好方格底圖後,接下來讓我們練習用Procreate製作GIF檔,讓文字動起來吧!
Thumbnail
畫好方格底圖後,接下來讓我們練習用Procreate製作GIF檔,讓文字動起來吧!
Thumbnail
不曉得大家有沒有一些想完成的人生待辦事項,對我來說,製作line貼圖就是我想完成的一件事情。從開始學習用平板繪圖後,我就開始構思角色人物,並一天天慢慢摸索繪圖軟體的功能,我使用的是procreate,在看過一些推薦影片後我花了三百塊買下它,它真的挺好用的。包含以下幾點:
Thumbnail
不曉得大家有沒有一些想完成的人生待辦事項,對我來說,製作line貼圖就是我想完成的一件事情。從開始學習用平板繪圖後,我就開始構思角色人物,並一天天慢慢摸索繪圖軟體的功能,我使用的是procreate,在看過一些推薦影片後我花了三百塊買下它,它真的挺好用的。包含以下幾點:
Thumbnail
這次來用這個網站 https://gifmaker.me/ ,製作 GIF 動圖,主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒... 什麼?!?你說你不會畫,沒關係,即使是畫個火柴棒人也可以很趣味的...
Thumbnail
這次來用這個網站 https://gifmaker.me/ ,製作 GIF 動圖,主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒... 什麼?!?你說你不會畫,沒關係,即使是畫個火柴棒人也可以很趣味的...
Thumbnail
基本上這個網站目前不需註冊付費也能使用一些基本的功能,進入網站後先點CREATE NOW。
Thumbnail
基本上這個網站目前不需註冊付費也能使用一些基本的功能,進入網站後先點CREATE NOW。
Thumbnail
這次來點更實用的,動態橫幅(Banner)的製作。
Thumbnail
這次來點更實用的,動態橫幅(Banner)的製作。
Thumbnail
目標動畫效果:應用影片片段元件與傳統補間動畫,以及多個影片片段元件的組合,包括遮色片動畫技巧,最後結合按鈕元件的使用與停止動作行為,完成互動按鈕的動態效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔內場景上各個動畫素材均已各自轉換為
Thumbnail
目標動畫效果:應用影片片段元件與傳統補間動畫,以及多個影片片段元件的組合,包括遮色片動畫技巧,最後結合按鈕元件的使用與停止動作行為,完成互動按鈕的動態效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔內場景上各個動畫素材均已各自轉換為
Thumbnail
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫,以及應用逐格動畫的遮色片動畫技巧,細膩表現繪圖內容的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、逐格動畫、遮色片動畫、導引線。 Step1. 範例檔元件庫中包含了所有將進行遮色片繪圖的影片片段元件(
Thumbnail
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫,以及應用逐格動畫的遮色片動畫技巧,細膩表現繪圖內容的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、逐格動畫、遮色片動畫、導引線。 Step1. 範例檔元件庫中包含了所有將進行遮色片繪圖的影片片段元件(
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News