貼圖製作的概念

1-2

貼圖製作的概念

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

1-1 開始製作的第一步

無論參加比賽或是要設計製作吉祥物、角色貼圖，看到比賽規則的第一個疑

問，就是尺寸與解析度的設定，如何製作出符合官方要求，又可以作為未來應

用的圖像，是設計前就必須好好考量的重點之一，至於要選擇手繪或是電腦繪

圖，可以依照個人喜好，漂漂老師的朋友與學生，就有以：

1. 手繪並且上色完稿後，再掃描適當尺寸進電腦進行尺寸設定；

2. 手繪後掃描對應解析度的檔案至電腦軟體進行上色，再使用軟體編排輸出

成適當尺寸；

3. 以 3D軟體建立模型、設定材質後，算圖輸出；

4. 使用平板電腦的繪圖 app設計，或以 app製作草稿再進入電腦完成；

5. 以 Photoshop或 Illustrator軟體直接進行電繪設計。

因此，繪製插圖，可以使用多種技巧綜合完成，也可以依照自己本身的專長，

再以電繪軟體完稿製作。

1-5

CHAPTER

貼圖製作的概念 01

1-3 破解官方要求格式

無論是 Line貼圖，或是微信、Facebook Messenger...等通訊軟體，由於使用

的平台呈現於螢幕，因此尺寸規格以像素作為單位，並且畫面以 RGB色光模

式組成，

Line貼圖的圖片設定（資料參考來源 https://creator.line.me/zh-hant/guideline/ ），

分主要圖片、貼圖圖片、聊天室標籤圖片三類，格式皆為 PNG，可設定為透明

背景。

主要圖片 貼圖圖片 聊天室標籤圖片

必須數量：1張

大小：

W 240×H 240 pixel

必須數量：40張

大小（最大）：

W 370×H 320 pixel

必須數量：1張

大小：

W 96×H 74 pixel

※貼圖圖片大小將會自動縮小，故請將尺寸設為偶數。

※1個貼圖圖片不得超過 1MB。

※若要使用 1個壓縮檔一次上傳 42張圖片，該壓縮檔不得超過 20MB。

A貼圖圖例 █ 主要圖片（1張。尺寸大小：寬 240×

高 240像素）：可以從 40張表情圖片

中挑選，或是僅特寫臉部特色圖片，也

可以重新創作一張主圖。由於使用者瀏

覽原創貼圖市集時首先看到的是主圖與

標題，主要圖片與標題若吸引人，會讓

人想點閱進入觀看完整的 40張圖片，

進而決定而購買下載，因此主要圖片對

於銷售幫助有關鍵性的決定條件。

4-3

CHAPTER

破解貼圖設計 04

A 2. 使用基本工具與使用筆刷設計進行圖形創作

01step 使用“橢圓形工具”，在畫面上繪製橢圓形。

02step 點選“視窗＞顏色”，設定橢圓形填色與筆畫色彩。

4-4

破解貼圖設計

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

03step 分別新增填色與筆畫的色彩色票，以方便選色製作。

04step 點選“視窗＞筆刷＞新增筆

刷”，設定沾水筆筆刷。

4-5

CHAPTER

破解貼圖設計 04

05step 設定橢圓形的筆刷，並開啟“視窗＞筆畫”設定筆畫寬度。

06step 使用“橢圓形工具”，在畫面上繪製橢圓形並在色票中設定橢圓形填

色色彩與筆畫。

4-6

破解貼圖設計

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

07step 使用“橢圓形工具”，在畫面上繪製橢圓形並在色票中設定橢圓形

填色色彩。

08step 使用“鋼筆工具”，在畫面上繪製睫毛形狀的封閉路徑。

4-7

CHAPTER

破解貼圖設計 04

09step 在工具箱中，將睫毛的筆畫與填色對調。

10step 使用“選取工具”，同時選取眼睛的三個路徑，執行“物件＞組成

群組”。

4-8

破解貼圖設計

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

11step 將眼睛群組物件，執行“編輯＞拷貝”，“編輯＞貼上”，並移動到

右方。

12step 重複使用“鋼筆工具”，在畫面上繪製封閉圖形，並在色票中設定填

色色彩。

4-9

CHAPTER

破解貼圖設計 04

13step 新增嘴巴填色的色彩色票，以方便選色製作。

14step 點選“視窗＞筆刷＞新增筆刷”，設定沾水筆筆刷，並應用到嘴巴路

徑上。

4-10

破解貼圖設計

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

15step 使用“鋼筆工具”，繪製鼻子形狀的封閉路徑。

16step 在工具箱中，將睫毛的筆畫與填色對調。

4-11

CHAPTER

破解貼圖設計 04

17step 重複使用鋼筆工具，建立頭髮的外形封閉路徑。

18step 使用鋼筆工具，建立頭髮上活潑線條的封閉路徑。

4-12

破解貼圖設計

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

19step 使用鋼筆工具，建立手部手勢的封閉路徑。

20step 製作沾水筆筆刷，應用在手部手勢的封閉路徑。

5-8

必備問候語

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

5-2 問候語蒐集完的下一步

蒐集好問候語，由於 40個內容選擇出來琳琅滿目，也有可能相似或重複，因此

可以在 40個工作區的檔案中，開一個圖層將預定要製作的問候語，先以文字輸

入，這樣可以一目瞭然，並且可以依序尋找參考的圖像進行設計。

A-5

APPENDIX

同場加映（Photoshop三步驟完成貼圖創作！） A

02step 使用相機或掃描的方式，將在紙上已經畫好的圖像轉換成可編輯的檔

案格式，執行“檔案＞置入”，並進行畫面適當大小與位置調整。

A-6

同場加映（Photoshop三步驟完成貼圖創作！）

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

03step 執行“圖層＞智慧型物件＞點陣化”，使圖像可以進行像素方式的編

修工作。

TIPS

經由置入的檔案，在 Photoshop中預設為智慧型物件，保留其原本的

像素大小或向量格式⋯等屬性，如不點陣化影像，將無法執行“選取

範圍”與“填色”⋯等工作。

A-7

APPENDIX

同場加映（Photoshop三步驟完成貼圖創作！） A

A-2 使用基本工具進行編輯

01step 選擇工具箱中“魔術棒”或“快速選取工具”，選取不要的內容。

02step 執行“編輯＞清除”，或直接按下鍵盤上的“Delete”鍵，將周圍畫

面清除乾淨。

A-8

同場加映（Photoshop三步驟完成貼圖創作！）

有趣又能創造角色經濟，行銷全世界也 easy！

自己畫！

TIPS

若影像掃描或拍攝進來時，周圍色彩不夠一致，可透過“影像＞調整”

下的“亮度＞對比”、“色階”、“曝光度”等影像調整功能，將底

色與圖像區分開來。

TIPS

“快速選取工具”是以筆刷尺寸設定選取偵測範圍，如果主體與背景顏

色有很明確的不同，即非常適合使用“快速選取工具”進行選取工作。

A-9

APPENDIX

同場加映（Photoshop三步驟完成貼圖創作！） A

TIPS

如果在紙上繪畫的是線稿，也可以使用“快速

選取工具”或“魔術棒”選取封閉的範圍，執

行“編輯＞填滿”，進行上色工作。