如何製作隨你填貼圖

以下為您詳細整理如何製作並登錄隨你填貼圖。
歡迎發揮創意,創造有趣的隨你填貼圖!

目錄

什麼是隨你填貼圖?

所謂「隨你填貼圖」是供購買的用戶搭配圖片輸入自己的名字或喜歡的文字,創造獨特表現的有趣貼圖。
購買隨你填貼圖後可不限次數更換輸入的文字內容。

隨你填貼圖有哪些用法?

  • 實際看看販售中的貼圖吧!

    隨你填貼圖的右下角會有「T」字母的圖示標記。
    於「請為貼圖輸入文字!」處輸入文字,即可預覽實際套用文字的貼圖內容。

如何製作隨你填貼圖圖片

準備基本貼圖檔案

什麼是基本貼圖檔案?

基本貼圖檔案為加入文字前的基本貼圖PNG圖檔。
請事先準備設定張數的基本貼圖圖片。

製作重點
  • · 設計貼圖圖片時,請記得保留輸入文字的區域。
  • · 製作貼圖圖片時,請在上下左右各保留約10px的留白。

登錄文字樣式資訊

什麼是文字樣式資訊?

文字樣式資訊意指用戶可輸入的文字資訊,包含字數、字型的種類及大小、框線、方向及對齊方式。

什麼是預設文字?

預設文字為依據文字樣式資訊中的字型設定,以「*」(半形星號)顯示出來的文字列。
在LINE STORE及LINE應用程式內的貼圖小舖中,隨你填貼圖預設的文字即為「*」(半形星號)。

關於文字樣式資訊的編輯與操作

  • 圖片預覽畫面

    下方區域將顯示所有已登錄的基本貼圖圖片。
    選擇想要編輯文字樣式資訊的貼圖後,將放大顯示於上方區域供您編輯。

  • 復原/取消復原

    「復原」鍵:復原上一個動作。
    「取消復原」鍵:取消上一次復原的內容。

  • 「預覽貼圖」鍵

    儲存目前貼圖的編輯內容,並預覽套用文字樣式後的貼圖一覽。

  • 販售地區資訊

    此處將顯示您設定的販售地區。
    若在編輯文字樣式時發現沒有想使用的字型,請返回「編輯貼圖」頁面,由「販售資訊」處變更此處的設定內容。

  • 範例文字/字數上限

    請先決定隨你填文字的字數上限。
    於此處設定的字數為用戶可自行輸入字數的上限。
    ※推薦字數為4~6字
    請輸入在預覽畫面進行設定時所顯示的範例文字。
    全形、半形不拘,但不可超過字數上限。
    ※方向設為直向時,僅可使用全形文字。
    ※輸入的文字將自動反映至預覽畫面上。

  • 字型

    可選擇字型的種類。
    依據販售區域資訊不同,可選擇的字型也有差異。
    若發現沒有想使用的字型,請返回「編輯貼圖」頁面,由「販售資訊」處變更貼圖的販售地區。
    隨你填貼圖 字型一覽

  • 大小/框線

    可調整文字的顯示大小及框線粗細。
    請透過滑桿進行調整,或直接於欄位中輸入數值。

  • 方向與對齊方式

    可將文字的顯示方向指定為橫向或直向。
    ※方向設為直向時,僅可輸入全形文字。
    可將文字設為靠左、置中或靠右對齊。
    ※依據選擇的語言而定,無法選擇部分對齊方式。

  • 「將設定套用至所有貼圖」鍵

    可將文字、對齊方式等所有設定套用至貼圖組中的其他貼圖。
    ※也將套用預覽畫面中的文字對齊方式、位置及曲線等設定

  • 匯入/匯出文字樣式檔案

    匯入:若於編輯貼圖畫面中匯入文字樣式檔案,可將文字樣式資訊套用至其他的貼圖組。

    匯出:可將設定好的文字位置及字型資訊轉為檔案,並下載儲存至您的電腦中。

  • 返回/儲存

    「返回」鍵:返回上一個頁面。請記得先儲存目前的編輯內容再點選「返回」。
    「儲存」鍵:儲存目前登錄的文字樣式資訊。

關於預設文字的位置、角度等設定

重置
  • 文字定位起點

    此為文字的定位起點。
    拖曳此點可調整傾斜角度。

  • 文字定位終點

    此為文字的定位終點。
    拖曳此點可調整傾斜角度。

  • 文字的中心點

    拖曳此點可調整文字曲線。

  • 「重置」鍵

    點選此鍵可重置文字的位置、曲線等設定。
    若要移動文字的位置,請長按並拖曳綠色線條。

  • 關於文字的水平狀態

    當文字呈水平狀態時,綠色線條將變成藍色。
    ※將滑鼠移動至可拖曳的範圍內時,游標將變成「手」的圖示。
    ※透過綠色定位點進行調整時,游標將變成移動用的四方箭頭。

  • 保留區域

    貼圖圖片中左右各25px、上下各15px的範圍將以深灰色標記,此為預防文字無法正常顯示所設置的「保留區域」。
    若將供用戶輸入文字的欄位(起點、中心點、終點)設於「保留區域」,當輸入的文字長、寬度較大時可能無法正常顯示,因此貼圖審核將有可能遭退回。

關於匯入/匯出文字樣式檔案

此檔案內含您於編輯貼圖畫面中所設定的文字位置及字型資訊。
若於編輯貼圖畫面中上傳此檔案,可將其設定套用至其他貼圖。
※請注意不要變更檔名

  • 匯入

    匯入文字樣式檔案

    custom-{sticker_id}.style

    選擇檔案

    1.點選「選擇檔案」鍵
    2.從您的電腦中選擇「custom-{sticker_id}.style」檔案
    3.待檔名正常顯示後點選「匯入」鍵
    4.成功匯入文字樣式

  • 匯出

    匯出文字樣式檔案

    匯出

    1.點選「儲存」鍵
    2.點選「匯出」鍵(將文字樣式資訊儲存下載至您的電腦)
    3.成功儲存文字樣式檔案

隨你填貼圖開始販售後,您可由「項目管理」>「貼圖圖片」分頁點選「確認文字樣式資訊」匯出文字樣式檔案。

  • 選擇狀態為「等待審核」以後的隨你填貼圖,並點選「確認文字樣式資訊」。

  • 點選「匯出」後,即可下載文字樣式檔案供您運用。

什麼是「custom-{sticker_id}.style」?

此檔案內含您於編輯貼圖畫面中所設定的文字位置及字型資訊。
※{sticker_id}的部分將填入貼圖ID

複製文字樣式資訊於製作新貼圖組時使用

若想利用目前的文字樣式資訊製作新的貼圖組,可透過匯出的方式儲存文字樣式檔案。
將文字樣式檔案匯入新的貼圖組,即可套用其文字樣式資訊。

預覽貼圖

儲存編輯後的貼圖內容,並可透過一覽顯示套用文字樣式資訊的貼圖組。
預覽貼圖一覽時,可變更隨你填文字。
請輸入不超過字數上限的文字,並點選「更新」。於一覽畫面中顯示的隨你填文字將全部更新。
※點選「預覽貼圖」將自動儲存目前的編輯狀態。
※選擇日文字型且文字方向為直向時,部分文字可能無法顯示,請務必前往預覽頁面確認實際的顯示效果。
※部分「繁體中文」字型若文字方向為直向,在圖片預覽畫面中的文字間隔可能會變大,請務必前往預覽頁面確認實際的顯示效果。

確認設定的字數是否能正常顯示

即使字型設定相同,依據文字的語言不同,其寬度仍會有所差異。請於預覽畫面輸入下列不同語言的文字,確認各貼圖內的文字是否會超出圖片範圍。

語言 輸入文字範例 內容
日本語 園園園園/がががが/つつつつ
ゃゃゃゃ/ププププ/ーーーー
漢字、含濁點的平假名、含濁點的片假名
English WWWW 大寫英文字母
中文(繁体) 園園園園 寬度較寬的文字
ภาษาไทย เเอื้อย/ใบไผ่/รฐาณ 寬度較寬,且上下有標記符號的文字

如何登錄隨你填貼圖

  • 點選「新增」>「貼圖」。

  • 登錄貼圖資訊。

  • 登錄基本貼圖檔案。
    點選「編輯文字樣式」進行編輯。

  • 登錄文字樣式檔案並預覽貼圖。

製作隨你填貼圖時的重點

關於隨你填貼圖圖片

設計時保留輸入文字的區域

  • 橫向
  • 直向

設計貼圖圖片時,請記得保留輸入文字的區域。
每張隨你填貼圖僅可設定1個輸入文字的區域。
※直向文字僅支援日文及繁體中文字型

貼圖種類講求豐富

建議您利用直向、橫向文字等功能設計製作多種不同格式的貼圖,使用戶查看貼圖一覽時能感受到種類的多樣性。
※直向文字僅支援日文及繁體中文字型

關於字數

製作隨你填貼圖時可設定購買貼圖的用戶能輸入的字數上限。
建議您在設計貼圖時先考量可供輸入的字數內容,再於製作時進行設定。

  • 日本語
  • English/Bahasa Indonesia
  • 中文(繁体)
  • ภาษาไทย
建議字數上限

建議將字數上限設為4~6個字。
請注意,字數愈多,顯示於貼圖時顯得愈小,進而影響文字的辨識度。

關於文字的辨識度

字型愈大愈好

調整字型大小時,建議您設定得愈大愈好。
即使貼圖上的文字在設定畫面清晰可見,由於實際出現於聊天室的貼圖較設定畫面小,輸入的文字有可能因此難以閱讀。

設定字型的框線

為確保貼圖文字在聊天室背景上顯得清晰可辨識,請盡量為文字設定框線。
使用黑色文字時,為求提高文字在黑色背景上的辨識度,建議您加上白色或灰色的框線。

關於文字的顯示位置

請注意勿讓文字超出貼圖的圖片範圍。
若不慎將文字移出編輯畫面外,點選「重置」可將其恢復至原始位置。
您可前往預覽畫面確認文字的顯示狀況是否如您預期。

貼圖圖片中左右各25px、上下各15px的範圍將以深灰色標記,此為預防文字無法正常顯示所設置的「保留區域」。
若將供用戶輸入文字的欄位(起點、中心點、終點)設於「保留區域」,當輸入的文字長、寬度較大時可能無法正常顯示,因此貼圖審核將有可能遭退回。

  • 保留區域 起點 中心點 終點
避免讓文字靠近貼圖邊界

若將文字的起點、中心點或終點設於靠近貼圖邊界處,依據字型種類及大小不同,文字有可能無法完整顯示。
請務必將各節點設於留白範圍以內。

確認設定的字數是否能正常顯示

請確認設定的字數限制是否能使所有文字正常顯示。

  • 2個字
  • 3個字
  • 4個字
  • 5個字

文字種類不同,顯示大小也不同

即使選用同一種字型,根據用戶輸入的文字種類不同,其大小也可能有所差異。
請透過預覽畫面確認不同種類的文字是否皆可依您的設計顯示。

特別注意泰文的顯示內容及字數
  • · 選擇泰文字型時,字母上下方的符號在文字樣式的編輯頁面可能會偏離字母原本的位置,請務必前往預覽頁面確認實際的顯示效果。
  • · 泰文與日文相比,其字詞長度有時相對較長。
    另請注意,由於系統設定緣故,泰文的音節符號可能會另計一個字數(如一般顯示為4個字,但系統計算為5個字)。
  • · 請透過更新至最新版本的Firefox瀏覽器確認泰文文字是否正常顯示。