現在 AI 製圖很方便,隨手讓 AI 做個圖是幾分鐘的事。但你有沒有想過,可以把這些圖變成傳達情感的方式呢?

今天照片就要來教大家手把手從零開始,建立貼圖/表情貼,到裁切,最後上架你的專屬 Line 貼圖/表情貼!

AI 工具

開始之前,需要先準備好我們的 AI 小幫手,常見的生圖工具有 ChatGPT(OpenAI)、Midjourney、Google Gemini、Stable Diffusion 等等,各家風格與使用方式都不太一樣,挑一個順手的就好。我自己個人比較喜歡用 OpenAI 來生圖,因此以下教學都會使用 ChatGPT 進行教學。

註冊 Line Creator

為了要上架我們做好的精美貼圖,我們需要到 LINE Creators Market 註冊,進到首頁後點擊畫面正中間的請點此註冊

LINE Creators Market 首頁
LINE Creators Market 首頁

接著會跳轉到 LINE 的登入頁面,輸入你的 LINE 帳號密碼登入即可(也可以用行動條碼掃描登入):

LINE 登入頁面
LINE 登入頁面

首次登入後,需要填寫一些基本資訊才能建立創作者帳號,包含:

  • 申請人姓名(須以日文或英文填寫)
  • 姓名或店名
  • 電話號碼
  • 地址(須以日文或英文填寫,可用郵局中文地址英譯服務)

填完並送出後,創作者帳號就建立完成了。

先說明一下,上傳做好的圖有兩種方式:

  1. 直接在 Line Creator 頁面上上傳圖片
  2. 透過 LINE 拍貼上傳圖片,但僅限貼圖,不支援表情貼的上傳

個人還是建議在 Line Creator 頁面上傳貼圖,因為表情貼的審核雖然可以在 Line 官方帳號看到申請進度,但是無法在 LINE 拍貼 App 看到。

貼圖與表情貼的尺寸規格

開始生圖之前,要先弄清楚貼圖跟表情貼的規格差異,不然生完才發現尺寸不對,等於白做工。兩者要準備的檔案結構其實很像,都需要主圖main.png,上架後顯示在商店列表的封面圖)跟聊天室標籤圖tab.png,也就是聊天室裡切換貼圖包時看到的小圖示),並不是只有貼圖才需要 tab.png,表情貼一樣要準備:

貼圖 表情貼
主圖 main.png 240 x 240 px 240 x 240 px
標籤圖 tab.png 96 x 74 px 96 x 74 px
本體圖片 370 x 320 px 以內 180 x 180 px(四邊不能留白)
張數 8 / 16 / 24 / 32 / 40 張 8~40 張
格式 PNG,透明背景,72dpi 以上 PNG,透明背景,72dpi 以上
單張大小 小於 1MB 小於 1MB

完整規格分別可以參考官方的貼圖製作準則表情貼製作準則

簡單來說,貼圖跟表情貼最大的差別在本體圖片的尺寸:貼圖的畫布比較大(370 x 320 px),角色四周可以留一些空白;表情貼則是正方形(180 x 180 px),而且官方要求圖案要盡量佔滿整個畫布、四個邊都不能留白,這點在生圖跟裁切的時候要特別注意。

生圖囉~

以下會介紹兩種方式,第一種是直接在網頁跟 ChatGPT 進行對話,第二種則是在電腦的終端機透過 Codex 生圖。

ChatGPT 網頁版

首先我們打開瀏覽器後進入 ChatGPT,接著我們可以輸入以下的提示詞(提示詞越詳細,AI 生成的結果越穩定、越符合預期,建議把方括號 [ ] 裡的內容都填好再送出):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
請設計一套 10 張一系列的 LINE 貼圖/表情貼,規格與要求如下:

【主角設定】
- 主角:[人物 / 動物 / 其他角色描述,例如:一隻橘色柴犬]
- 外觀特徵:[髮型、服裝、配件等,10 張都要保持一致]
- 整體風格:[例如:Q 版扁平插畫、水彩手繪、迷因風、3D 黏土風...]
- 主色調:[例如:粉彩色系、莫蘭迪色系、螢光色系...]

【每張貼圖內容】(請依序生成 10 張,表情/動作與文字如下)
1. 表情/動作:[例如:開心揮手] 文字:「[你好]」
2. 表情/動作:[例如:驚訝]   文字:「[什麼!]」
3. 表情/動作:[ ] 文字:「[ ]」
4. 表情/動作:[ ] 文字:「[ ]」
5. 表情/動作:[ ] 文字:「[ ]」
6. 表情/動作:[ ] 文字:「[ ]」
7. 表情/動作:[ ] 文字:「[ ]」
8. 表情/動作:[ ] 文字:「[ ]」
9. 表情/動作:[ ] 文字:「[ ]」
10. 表情/動作:[ ] 文字:「[ ]」

【文字規範】
- 語言:[繁體中文 / 日文 / 英文]
- 字型風格:[手寫可愛字體 / 粗體印刷字體]
- 文字位置:[置中偏下 / 左上角 / 右下角]

【技術規格】
- 背景:純透明(去背),不要白色或彩色底
- 邊框:[需要 / 不需要] 白色描邊
- 單張尺寸:[貼圖:370 x 320 px 以內 / 表情貼:180 x 180 px,圖案需佔滿畫布、四邊不留白]
- 檔案格式:PNG

【一致性要求】
- 10 張貼圖的主角比例、髮型、配色需完全一致,只有表情/動作/文字不同
- 避免:背景雜訊、多餘文字、肢體扭曲變形、風格前後不一致

如果有想要根據特定的圖片生成,比如根據自己或朋友的照片、寵物的照片來設計貼圖,可以先把圖片上傳,再上述的提示詞前加入這句:

1
請根據我上傳的這張圖片,設計一套 10 張一系列的 LINE 貼圖/表情貼,規格與要求如下:

實測上,ChatGPT 網頁版有時候會呆呆的,一次要求生成 10 張的話,會突然跟你說只能生成特定張數的圖,或是會在風格、配色上出現前後不一致的狀況,如果發現生成結果不穩定,可以先縮小成一次 2~3 張,確認角色設定跟畫風穩定之後,再逐批補齊剩下的張數。

Codex 終端機 CLI

首先我們需要在本地安裝 Codex CLI,依照作業系統打開終端機後輸入對應指令:

1
brew install --cask codex
1
curl -fsSL https://chatgpt.com/codex/install.sh | sh
1
powershell -ExecutionPolicy ByPass -c "irm https://chatgpt.com/codex/install.ps1 | iex"

安裝完成後,我們可以建立一個資料夾,並在終端機切過去(資料夾名稱自己取,這裡以 line-sticker 為例):

1
2
mkdir line-sticker
cd line-sticker

接著在終端機輸入 codex,即可在該資料夾開啟與 Codex 的對話,把前面 ChatGPT 網頁版那份提示詞貼上去即可。這裡也可以請 Codex 幫忙建立一個子資料夾統一存放生成結果,並要求輸出的檔名依規律命名(例如 sticker-01.pngsticker-02.png 依序編號),之後要裁切、去背時才能一眼對應與追蹤:

1
ls stickers

生成完成後,資料夾裡就會依序排好每一張貼圖:

1
sticker-01.png  sticker-02.png  sticker-03.png  ...

不管是要裁切、去背,還是上傳到 Line Creator,都直接從這個資料夾裡拿檔案就好。

裁切圖片

AI 生成的圖片尺寸通常不會剛好符合 LINE 的規格要求,上傳前還需要裁切成正確的大小。這裡一樣介紹兩種方式,第一種是用網頁版工具手動裁切,第二種則是在終端機用 CLI 工具批次處理,比較適合圖片量比較多的情況。

網頁版工具

如果只有少數幾張圖片要裁切,可以用像 Photopea(免安裝的網頁版 Photoshop)這類線上工具,把圖片拖進去之後,用影像 → 畫布尺寸調整成需要的尺寸,裁切完直接匯出成 PNG 即可。

CLI 批次處理

如果圖片數量比較多,一張一張手動裁切太累人,可以改用 ImageMagick 這套命令列工具批次處理。依照作業系統打開終端機後輸入對應指令安裝:

1
brew install imagemagick
1
sudo apt-get install imagemagick
1
choco install imagemagick -y

安裝完成後,就可以用 magick 指令裁切圖片了。貼圖跟表情貼的裁切方式不太一樣(表情貼四邊不能留白),分開來看:

切到剛剛存放貼圖的資料夾,以圖片中心為基準,裁切成 370 x 320 px:

1
2
cd stickers
magick sticker-01.png -gravity center -crop 370x320+0+0 +repage sticker-01-cropped.png

如果整個資料夾都要裁切成同樣尺寸,可以搭配 shell 的迴圈一次處理完:

1
2
3
for f in sticker-*.png; do
magick "$f" -gravity center -crop 370x320+0+0 +repage "cropped-$f"
done

表情貼規定圖案要填滿整個 180 x 180 px 的畫布、四邊不能留白,如果直接從中心裁切,原圖沒對齊的話很容易切出透明邊框。這裡改用「先等比例放大到覆蓋整個畫布,再裁成正方形」的方式,-resize 180x180^^ 代表以覆蓋(而非塞入)的方式縮放,-extent 則是裁掉超出畫布的部分:

1
2
cd emojis
magick emoji-01.png -resize 180x180^ -gravity center -extent 180x180 emoji-01-cropped.png

同樣可以搭配迴圈批次處理整個資料夾:

1
2
3
for f in emoji-*.png; do
magick "$f" -resize 180x180^ -gravity center -extent 180x180 "cropped-$f"
done

上傳與上架

裁切好所有圖片,也準備好 main.pngtab.png 之後,最後一步就是回到 LINE Creators Market 把整套貼圖/表情貼上傳、填寫商品資訊,送出審核,通過後就會正式上架囉!

登入後點擊右上角進入個人頁面,點擊最上方綠色的新增按鈕,開始建立新的貼圖/表情貼項目:

LINE Creators Market 個人頁面
LINE Creators Market 個人頁面

點擊新增後,會看到貼圖表情貼主題三個選項,依照這次要上架的類型點選對應的按鈕即可:

LINE Creators Market 新增項目頁面
選擇要新增的項目類型

進去之後會有一堆基本資訊要填,像是標題、說明、創意人名稱、標籤、版權等等,大部分照著表單填就好,這裡特別提醒兩個容易漏掉的地方:

  • 使用 AI 標籤:如果貼圖/表情貼是用 AI 生成的,記得誠實勾選使用 AI這個選項,上架後商店頁面會顯示已使用 AI 製作的標示。LINE 審核時可能會要求提供當初下的提示詞紀錄,沒勾選被抓到的話反而容易被退件。
  • 版權欄位:這欄只能輸入英文、數字,以及 ©® 三種符號,字數上限 50 字,最常見的填法是 Copyright©你的英文創作者名稱(例如 Copyright©Anthony),隨便填一個屬於自己的名稱就好,不需要想太多。

上傳貼圖/表情貼

貼圖跟表情貼的上傳介面不太一樣,這裡分開來看:

貼圖的上傳介面比較單純,main(主圖)、tab(標籤圖)跟 0108(貼圖本體,張數依你選擇的組數而定)都在同一頁,可以逐張點擊上傳,也可以把所有圖片打包成一個 ZIP 檔,直接用右上角的上傳壓縮檔一次匯入:

LINE Creators Market 貼圖上傳頁面
編輯貼圖頁面,一次上傳 main、tab 與全部貼圖

表情貼的上傳分成兩個步驟。步驟 1 是先把 tab(標籤圖)跟每一張表情貼圖片(001~依張數而定)上傳上去:

LINE Creators Market 表情貼圖片上傳頁面
步驟 1:上傳 tab 與所有表情貼圖片

步驟 2 則是從剛剛上傳的表情貼圖片中,挑 4 張拼成商店頁面顯示用的主要圖片,只要在對應欄位輸入圖片的 3 位數編號(例如 001),再按儲存主要圖片即可:

LINE Creators Market 表情貼主要圖片設定頁面
步驟 2:挑選 4 張表情貼組成主要圖片

送出審核

圖片都上傳完、資訊也確認無誤之後,就可以按右上角的送出申請送審。官方說審核作業預計 10 天內完成,但實務上大部分都會在送出後兩天內就有結果(審核時間仍會因為送審量、圖片數量而有落差)。

如果被退件,可以到左側選單的訊息中心查看哪幾張圖片被判定 NG、以及退件原因,照著建議調整後重新送出審核即可,不用整包重新上傳。

審核通過後還不會馬上上架,要自己回到個人頁面的項目管理畫面,手動點擊上架按鈕才會開始販售。官方說明生效大約需要 1 小時,但實測通常半小時內就會出現在 LINE STORE 上了!

結語

從發想、生圖、裁切到送審上架,整個流程其實比想像中簡單,最花時間的反而是想角色設定跟每一張的表情/文字。如果第一次做出來的成果不滿意,別氣餒,多換幾組提示詞、多試幾次風格,很快就能抓到跟 AI 溝通的手感。祝大家都能做出自己滿意的 LINE 貼圖/表情貼!