如何利用 Photopea 做一個可愛小貼圖?

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

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

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

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

上傳圖案/照片

要製作一個可愛的貼圖, 其實很簡單, 如果有繪圖版, 可以直接在繪圖版上畫, 如果沒有, 那麼就要先繪製一張草圖, 然後上傳到Photopea, [File]→[Open]→選取手繪草圖/照片檔案

接下來為草圖上色, 為了方便修改, 上色時基本上是不動到原圖, 所以是用添加圖層/layer的方式來上色, 這樣的做法方便修改和易於刪除. 每個layer可以用拖曳的方式調整順序, 用[眼睛]圖示來決定是否顯示該layer.

以這張氣到無言的咩咩頭娃為例, 我會先複製一張原圖的layer, 更名為"原圖去背", 去除背景, 和需要上色的地方, 讓其他layer的顏色可以出現.

** 點擊layer名字二次即可更改layer名稱**

然後再複製一張原圖的layer, 更名為"頭髮", 來為頭髮上色, 然後再按下[新增layer]鍵, 並拖曳到下方改名為"背景色".

接下來, 再次複製一張原圖的layer, 更名為"嘴巴", 來為嘴巴上色, 同理, 會有不同的layer來為臉頰和對話框上色.

之所以要這麼麻煩的分這麼多層layers來分別為每一個項目上色, 是因為一旦畫錯, 或想換顏色, 只要刪除該layer即可, 不用整張重做.

如何去背景?

選取[Magic Wand]後點選背景, 可按住[Shift]鍵重覆點選背景處, 直到背景部分全部被選取後, 按[Edit]→[Clear]或是直按在鍵盤上按下[Delete]鍵, 即可去除背景.

如何上色?

首先, 先用滴管點選圖片裡想要的顏色, 或是在調色盤裡選擇想要的顏色, 然後選[Paint Bucket Tool]來為頭髪填色.

然後重覆上述複製原圖layer, 分別為嘴巴, 對話框, 和臉頰上色. 

在為臉頰上色時, 因為想保留原草圖的底線, 所以是以腮紅的方式上色, [新增layer]後, 1. 用毛筆來畫→2. 選擇筆觸粗點並暈開的方式→3. 把透明度降低, 讓草圖的線條仍然可以看的到.

如何用印章小工具?

"印章小工具"允許你選取一區, 然後重覆蓋印出同樣的圖案. 這小工具最常用來在去背景後填補空白空間時使用, 讓去背後的空白空間可以溶入週遭的圖案, 不顯的突兀.

首先, 先點選"小印章"→然後一手按著鍵盤上的 K 一手用滑鼠點選你要複製的區域→放掉鍵盤 K 用滑鼠點選你要填補的空間即可.

其中"小印章"的選取範圍大小, 一樣是用筆觸大小的方式來選取.

翻轉調整圖片大小和角度

單一圖層/layer的角度不符合其他layer的角度? 例如, 我想做的第二張貼圖, 除了表情略做更改, 其他的姿勢都不變的情況下, 我改了對話框裡的字, 但因為原圖型的對話框是傾斜45度的, 但打字出來的是平的, 如何微調讓字體也可以自然的傾斜的呈現?

首先, 選取字體的layer→1. [Move tool]→2. 勾選[Transform controls]→3. 利用這個小工具來微調字體的傾斜度. 亦可拖曳框線調整圖片的大小.

如何在字體外自動加框線?

首先, 先把字寫好, 然後選外框顏色→[Edit]→[stroke]→調整外框的粗細和透明度後, 按下[OK]鍵即可.

如何放大縮小圖片?

在修圖時, 有些細微的地方太小, 眼睛看不到, 或是不好修, 可以按住 Ctrl 鍵和+ 號來放大圖片, 再按 Ctrl 和 - 來縮小圖片.

如何合併圖層?

先選取需要合併的圖層/layers, 然後按下下方的[New foder]鍵→然後選取上方的[Layer]→[Merge Layers] 二張圖層/layers便合併為一張了.

智慧繩索選取功能

這個功能真的很神奇, 有智慧, 一定要介紹一下. 舉例: 一張圖片裡, 只想要聖誕老人的帽子, 但週圍不平整的邊緣, 怎麼選? 用這個智慧繩索選取功能就對了.  你只要沿著帽子的邊緣點選, 它就自動勾勒出你要的圖案.

選取好想要的圖案後, 按下 Ctrl+C, 然後在[新增Layer]上 Ctrl+P 貼上, 即可.

輸出一張PNG的小貼圖

上好色後便是儲存和輸出了. 由於Photopea是一個線上修圖軟體, 沒有註冊, 沒有登入, 自然也不會幫你保留之前辛苦的工作, 所以, 如果將來還想做修改, 自己要儲存原始的PSD檔. 請按[File]→[Save as PSD]. PSD檔會保留原始的圖層, 所以下次還想修改時, 可以再次上傳使用.

接下來便是輸出一張可以上架到LINE的小貼圖了. 請按[File]→[Export as]→[PNG]→調整貼圖尺寸→[Save] 即可. 

一張貼圖便已下載到你電腦的Download檔案夾裡了.

** 如果是做LINE的小貼圖, 建議在輸出時,  高度設定在270.

幾個好用的short cut

Undo先前的動作?

Ctrl+Z

Redo先前的動作?

Ctrl+Y

移動畫布/canvas

按住 space 鍵, 然後移動畫布

調整筆刷的尺寸

變粗: 按 ]
變細: 按 [

如何畫直線?

按住[Shift]鍵+畫筆

<延伸閱讀>

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

好用的免費線上修圖軟體

用 Clip Studio Paint 做一個動畫GIF

推薦一款便宜又好用的電子畫板