Bambiland
  • Works
  • Blog
  • About
  • Search
  • Line Store
Mobile nav

How to make a gif animation by using Photopea ( aka free Photoshop )

使用軟體

Photopea

網址

www.photopea.com

費用

免費

簡介

有在做設計或拍照修圖的人一定都知道 Photoshop,

也一定都知道它不便宜,

所以才有了 Photopea 的誕生。

 

雖然使用起來沒有 Photoshop 順手,

功能也沒有到 Photoshop 強大,

但要緊急做一些影像處理來講它還是很夠用的,

更何況它還不需安裝、跨平台又免費!

真的是佛心來著。

 

最近發現原來它也可以用來做動畫surprise,

立刻試做了一下。

 

Photopea 做動畫的邏輯跟 Adobe 系列不太一樣,

但操作上沒有到太難,

如果手邊沒有任何 Adobe 做動畫軟體的話還是很推薦直接拿它來用!

 

gif 動畫製作方式


1. 準備連續動作需要的圖片( 這次的範例只用到以下三張 )

 

2. 使用 Photopea 開啟後分別放在不同圖層

 

3. 複製出需要的圖層

 

4. 把圖層全部選取後開啟 Layer > Animation > Make Frames

 

5. 確認圖層名稱前面都多了 "_a_"

 

6. 開啟 File > Export as > GIF ,存擋後就算完成了~

 

不過因為每張的秒數都一樣長會讓動畫看起來稍嫌死板,

所以我在影格上加上一點點時間變化:

在第一格及最後一格名稱都加上 ",1000",

代表到該影格時要停留 1000 毫秒 ( = 1 秒 ),

其他都是 ",100" ( = 0.1 秒 ),

之後再轉存 GIF 一次。

 

 

成果比較

未調整時間

調整時間後

是不是有調整時間的看起來比較自然一點呢?

左邊的很像眼睛快抽筋 ...

不過這部分就是製作動畫的眉角了,

以後有機會再來分享相關主題!

 

以上,

畢竟是個免費軟體,

有興趣可以玩玩看喔~

 

延伸閱讀

css 筆記 | 用純 css 做逐格動畫

Prev

RECOMMEND

客製商品店家推薦 | 映摯作客製無線充電盤心得分享 | 台灣製造 | 創冠國際

客製商品店家推薦 | 映摯作客製無線充電盤心得分享 | 台灣製造 | 創冠國際

Procreate 新增字型的方法 ( ipad )

Procreate 新增字型的方法 ( ipad )

  • Blog
  • About
  • Contact
shareTool
Language

Copyright © Bambiland. Made with Webblize.

  • Works
  • Blog
  • About
Language