如何用免費的 Photopea 做一個動態圖貼?

Photopea是一個功能強大, 可以媲美Photoshop免註冊, 免登入, 免下載的線上線上免費製圖軟體. 如果本身已經會用Photoshop的人, 使用起Photopea應該是易如反掌, 但對於跟Photoshop不熟的朋友, 可能就會有點不知所措了.

本單元會根據Photopea的所有常用功能一一介紹, 讓你輕鬆上手使用這款功能強大的免費線上修圖軟體Photopea. 本篇會用淺顯易懂的文字教你如何利用Photopea做出一個動態貼圖.

按這裡到Photopea免費修圖網, 可以看到它的主畫面和Photoshop非常相似.

左邊的工具列圖示很清楚的暗示了每個小工具的功能, 本篇會根據使用需要一一介紹每個用的到的小工具.

要製作一個動畫圖貼, 表示你至少要有二張以上的小圖. 所以本文首先一口氣自[File]→[Open]上傳六張氣到無言娃娃頭到Photopea.

如何把其他圖片加進layer裡?

我上傳了六個圖檔, 分別是girl1, girl2, girl3, girl4, girl5, girl6. 現在隨便選一張, 點選該圖的圖層/layer, 直接拖曳到另一個檔案裡即可.

舉例來說, 我把girl6拖曳到girl1, 此時, girl1裡就會有二個layers, 一個是girl1和girl6. 接下來, 我到girl2, 用滑鼠點選girl2的圖層, 然後拖曳到girl1裡, 那麼, girl1裡現在就會同時有3個layers, 分別是1, 2, 6. 以此類推, 把其他的圖片都拉進girl1裡, 即可.

接下來, 然後按下上方的[Layer]→[Animation]→[Make Frames]

此時你會發現除了background你所有的layers都會自動加上一個 _a_. 但凡沒有 _a_的layer會出現在所有圖層中.

也就是說, 但凡你想要在動態圖貼裡有變化的圖層layer, 都需要一個 _a_. 接下來, 需要在有 _a_的layer上加入該layer的動態時間, 用一個逗點+數字( , 500), 例如: 我的layer 名字為 _a_1, 500, 這表示這個layer會顯示半秒的時間, 也就是說每隔半秒會換一個layer.

然後按[File]→[Export as]→[PNG]或是[GIF]→調整貼圖尺寸, 貼圖尺寸介於300-400之間即可→調整速度 →[Save], 一個動態圖貼便做好了.

如果你同時有多個不同的動作要在不同時間出現, 那麼就把同一組的layers加入一個foder裡, [新增Folder]把同一組動作的layers拉入folder裡, 至少要二個不同的folders才可以, 接下來下上方的[Layer]→[Animation]→[Merge]即可.

<延伸閱讀>

如何用Photopea做一張可愛的小貼圖?

好用的免費線上修圖軟體
用 Clip Studio Paint 做一個動畫GIF
推薦一款價格合理適合入門的好用電子畫板