คู่มือการสร้างสรรค์ (รายละเอียด)
โดยระหว่างเตรียมการ ระบบจะแสดงส่วนที่ยังไม่รองรับฟังก์ชันใหม่ด้วยรูปเริ่มต้นของ LINE หรือรูปอื่นที่ครีเอเตอร์สร้างไว้
โปรดศึกษารายละเอียดจากคู่มือ
* คู่มือนี้จะอัพเดตเนื้อหาทุกครั้งที่มีการประกาศ LINE เวอร์ชันใหม่ที่มีฟังก์ชันใหม่เกี่ยวกับธีม
วิธีลงทะเบียนรูปธีม
1กดปุ่ม "ลงทะเบียนใหม่" ที่หน้าของฉัน
2กรอกข้อความรายละเอียดของธีมแล้วบันทึก จากนั้นกดปุ่ม "แก้ไข"
3บีบอัดไฟล์รูปให้เป็นซิปไฟล์แล้วอัพโหลด
4เลือกสีสกินหนึ่งสี เพียงเท่านี้ก็เสร็จสิ้นการลงทะเบียนธีม
สิ่งที่จำเป็น
A รูปหลัก
| iOS | Android | LINE STORE | |
|---|---|---|---|
| จำนวน | 1 รูป | 1 รูป | 1 รูป |
| ขนาด (พิกเซล) | กว้าง 200 x สูง 284 | กว้าง 136 x สูง 202 | กว้าง 198 x สูง 278 |
| ชื่อไฟล์ | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
B รูปปุ่มเมนู
เมนูที่แสดงในกรอบสีแดงจะแตกต่างกัน โดยขึ้นกับบริการและประเทศ
| จำนวน | รูป 8 แท็บ | ประเภท | iOS | Android | ||||
|---|---|---|---|---|---|---|---|---|
| รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | |||
| 32 รูป |  |
เพื่อน ปิด (ยังไม่เลือก) |
 |
i_01.png | กว้าง 128 x สูง 150 |  |
a_01.png | กว้าง 128 x สูง 112 |
| เพื่อน เปิด (เลือกแล้ว) |
 |
i_02.png |  |
a_02.png | ||||
 |
หน้าหลัก ปิด |
|
i_29.png | |
a_29.png | |||
| หน้าหลัก เปิด |
|
i_30.png | |
a_30.png | ||||
 |
แชท ปิด |
 |
i_03.png |  |
a_03.png | |||
| แชท เปิด |
 |
i_04.png |  |
a_04.png | ||||
 |
ไทม์ไลน์ ปิด |
 |
i_05.png |  |
a_05.png | |||
| ไทม์ไลน์ เปิด |
 |
i_06.png |  |
a_06.png | ||||
 |
โทร ปิด |
 |
i_07.png |  |
a_07.png | |||
| โทร เปิด |
 |
i_08.png |  |
a_08.png | ||||
 |
LINE TODAY ปิด |
 |
i_25.png |  |
a_25.png | |||
| LINE TODAY เปิด |
 |
i_26.png |  |
a_26.png | ||||
 |
อื่นๆ ปิด |
 |
i_09.png |  |
a_09.png | |||
| อื่นๆ เปิด |
 |
i_10.png |  |
a_10.png | ||||
 |
Wallet ปิด |
|
i_27.png | |
a_27.png | |||
| Wallet เปิด |
|
i_28.png | |
a_28.png | ||||
C รูปฉากหลังเมนู
| จำนวน | iOS | Android | ||||
|---|---|---|---|---|---|---|
| รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | |
| 2 รูป |  |
i_11.png | กว้าง 1472 x สูง 150 |  |
a_11.png | กว้าง 640 x สูง 112 |
D รูปรหัสผ่าน
| จำนวน | รูปรหัสผ่าน | ประเภท | iOS | Android | ||||
|---|---|---|---|---|---|---|---|---|
| รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | |||
| 16 รูป | 1 | ปิด |  |
i_12.png | กว้าง 120 x สูง 120 |  |
a_12.png | กว้าง 116 x สูง 116 |
| เปิด |  |
i_13.png |  |
a_13.png | ||||
| 2 | ปิด |  |
i_14.png |  |
a_14.png | |||
| เปิด |  |
i_15.png |  |
a_15.png | ||||
| 3 | ปิด |  |
i_16.png |  |
a_16.png | |||
| เปิด |  |
i_17.png |  |
a_17.png | ||||
| 4 | ปิด |  |
i_18.png |  |
a_18.png | |||
| เปิด |  |
i_19.png |  |
a_19.png | ||||
E รูปโปรไฟล์
| ชื่อ | จำนวน | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | ||
| รูปโปรไฟล์ (บุคคล) |
2 รูป |  |
i_20.png | กว้าง 240 x สูง 240 |  |
a_20.png | กว้าง 247 x สูง 247 |
| รูปโปรไฟล์ (กลุ่ม) |
2 รูป |  |
i_21.png |  |
a_21.png | ||
F รูปฉากหลังห้องแชท
| ชื่อ | จำนวน | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | ||
| รูปฉากหลังห้องแชท | 2 รูป |  |
i_22.png | กว้าง 1482 x สูง 1334 |  |
a_22.png | กว้าง 1300 x สูง 1300 |
G รูปสแปลช
| ชื่อ | จำนวน | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | รูป | ชื่อไฟล์ | ขนาด (พิกเซล) | ||
| รูปสแปลช (ฉากหลัง) |
1 รูป | - | - | - |  |
a_23.png | กว้าง 1300 x สูง 1300 |
| รูปสแปลช (โลโก้+ภาพประกอบ) |
1 รูป | - | - | - |  |
a_24.png | กว้าง 480 x สูง 720 |
- · ขนาดของรูปมีหน่วยเป็นพิกเซลทั้งหมด
- · รูปแบบของรูปคือ PNG ทั้งหมด
- · รูปต้องมีความละเอียดตั้งแต่ 72 dpi ขึ้นไป และใช้โหมดสี RGB
- · ไฟล์รูปแต่ละไฟล์ต้องมีขนาดไม่เกิน 1 MB
- · ในกรณีนำส่งรูปทั้งหมดในไฟล์ ZIP ไฟล์เดียว ไฟล์นั้นต้องมีขนาดไม่เกิน 30 MB
- · ฉากหลักของรูปต้องโปร่งใส
- · คุณจะเตรียมหรือไม่เตรียมรูปฉากหลังเมนู และรูปฉากหลังห้องแชท ก็ได้ ในกรณีที่ครีเอเตอร์ไม่เตรียมรูปดังกล่าว ระบบจะใช้ดีไซน์สกินสีที่กำหนดไว้แทน
เทมเพลตธีม
- คุณสามารถใช้เทมเพลต Adobe Photoshop นี้เพื่อสร้างครีเอเตอร์ธีมสำหรับ LINE ตั้งแต่เวอร์ชัน 8.3.0 ขึ้นไป
- เพื่อให้คุณใช้ในการสร้างธีมอย่างมีประสิทธิภาพด้วย Photoshop ควบคู่ไปกับการดูรายละเอียดจากคู่มือการสร้างสรรค์
- เราได้เตรียมตัวอย่างครีเอเตอร์ธีมเอาไว้ในรูปแบบไฟล์ ZIP แล้ว หลังจากดาวน์โหลดไฟล์ตัวอย่าง ขอให้ไปที่หน้าลงทะเบียนรูปธีมใน "หน้าของฉัน" แล้วอัพโหลดไฟล์ colorskin_brown.zip ซึ่งอยู่ในไฟล์ตัวอย่างเพื่อดูตัวอย่างรูปและคัลเลอร์สกิน
- · รายละเอียดของธีมอาจเปลี่ยนแปลงไปเมื่อมีการอัพเดตครีเอเตอร์ธีม
- · ห้ามมิให้นำไฟล์นี้ไปแจกจ่ายแก่ผู้อื่น เปลี่ยนแปลงแก้ไขแล้วแจกจ่าย หรืออื่นๆ อย่างเด็ดขาด
- · ไฟล์นี้สร้างโดย Adobe Photoshop CC 2017
- · ต้องใช้ Adobe Photoshop CS6 ขึ้นไป เนื่องจากใช้ฟังก์ชันอาร์ตบอร์ด
หลักในการสร้าง
A รูปหลัก
โปรดย่อ "รูปสแปลช (ฉากหลัง โลโก้ + ภาพประกอบ)" ให้มีขนาดตามที่กำหนด
* โปรดใช้รูปฉากหลังแบบทึบ เนื่องจากไม่สามารถใช้รูปแบบโปร่งใส
B รูปปุ่มเมนู
โปรดเตรียมรูปสำหรับแท็บต่างๆ ได้แก่ เพื่อน, หน้าหลัก, แชท, ไทม์ไลน์, โทร, TODAY, อื่นๆ และ Wallet * การแสดงแท็บในประเทศต่างๆ จะแตกต่างกัน
เพื่อน แชท ไทม์ไลน์ โทร อื่นๆ
หน้าหลัก แชท ไทม์ไลน์ TODAY Wallet
ต้องใช้ 2 แบบ คือ ตอนที่ไม่ได้เลือก (ปิด) และตอนที่เลือก (เปิด)
ขอให้ออกแบบโดยคำนึงถึงความสมดุลของรูป เพราะควรมีพื้นที่ว่างที่เหมาะสมระหว่างตัวรูปที่ตัดขอบแล้วกับเนื้อหาในรูป (ประมาณ 10 พิกเซล)
ปิด
เปิด
ป้ายกำกับที่แสดงบนรูปปุ่มเมนู
จะมีป้ายกำกับ (ไอคอนที่เป็นตัวเลขหรือตัวอักษร N) แสดงบนรูปปุ่มเมนู
ตำแหน่งที่แสดงป้ายจะเป็นตำแหน่งที่กำหนดตายตัว จึงควรออกแบบรูปปุ่มโดยคำนึงถึงตำแหน่งป้ายกำกับด้วย
* ป้ายกำกับจะแสดงโดยอัตโนมัติภายใต้การควบคุมของ LINE ครีเอเตอร์จึงไม่จำเป็นต้องสร้างรูปป้ายกำกับ
* ป้ายกำกับจะแสดงบนรูปปุ่มเมนูทั้งหมด
iOS
ขนาดรูปปุ่มเมนู: 128×150 พิกเซล
Android
ขนาดรูปปุ่มเมนู: 128 × 112 พิกเซล
ขนาดป้ายกำกับ (สำหรับ iOS & Android)
33×33 พิกเซล
ป้ายกำกับจะแสดงที่มุมขวาบนของปุ่มเมนูในตำแหน่งดังนี้
- 49 พิกเซลจากขอบบน
- 21 พิกเซลจากขอบขวา
C รูปฉากหลังเมนู
คุณสามารถเลือกใช้สีคัลเลอร์สกินได้ตามต้องการ หากไม่มีรูปฉากหลังของเมนู
โดยจะแสดงรูปชิดขอบซ้ายทั้ง iOS และ Android
iOS
โปรดสร้างรูปฉากหลักที่มีความสูง 101-150 พิกเซล, รูปที่สูง 0-100 พิกเซลจะไม่สามารถแสดงแบบโปร่งใสได้, ในตัวอย่างด้านล่าง ส่วนที่เป็นภาพแสดงมีความสูง 130 พิกเซล จึงทำให้มีส่วนโปร่งใส 20 พิกเซล
โปรดสร้างรูปให้มีลวดลายที่สามารถนำมาวางต่อกันได้อย่างต่อเนื่อง
* ถ้ารูปฉากหลังเป็นแบบโปร่งใส ระบบอาจแสดงส่วนโปร่งใสเป็นสีดำ โปรดตรวจสอบที่หน้าแสดงตัวอย่างธีมก่อนส่งทุกครั้ง
ส่วนที่เป็นรูป 130 พิกเซลส่วนโปร่งแสง 20 พิกเซลส่วนแสดงซ้ำสูง 150 พิกเซล
Android
รูปต้องมีขนาด 640×112 พิกเซลและมีลวดลายที่สามารถนำมาวางต่อกันได้อย่างต่อเนื่อง
อุปกรณ์ Android บางรุ่นอาจไม่รองรับรูปฉากหลังแบบโปร่งใส
ส่วนแสดงซ้ำสูง 112 พิกเซล
หมายเหตุ
รูปสำหรับเวอร์ชัน Android ที่แสดงด้านบนคือรูปที่ใช้สำหรับ LINE เวอร์ชันต่ำกว่า 9.6.0 ซึ่งรูปฉากหลังไม่ใช่รูปโปร่งใส
แต่ใน LINE 9.6.0 เป็นต้นไป รูปฉากหลักของเวอร์ชัน iOS จะถูกนำมาใช้เป็นรูปฉากหลังเมนูของเวอร์ชัน Android ด้วยเหตุผลทางระบบ จึงทำให้รูปฉากหลังของเวอร์ชัน Android จะเปลี่ยนเป็นแบบโปร่งใสด้วยเช่นกัน
โดยที่ครีเอเตอร์ไม่จำเป็นต้องเตรียมรูปใหม่แต่อย่างใด
* บนอุปกรณ์ Android บางรุ่นอาจมองเห็นเส้นที่ช่วงต่อของขอบรูปหรือแสดงรูปได้ไม่ครบถ้วนด้วยเหตุผลทางระบบ
* การแสดงรูปตัวอย่างของธีมอาจแตกต่างกับรูปที่แสดงจริงบนอุปกรณ์
D รูปรหัสผ่าน
คุณสามารถใช้รูปเหมือนสำหรับรหัสผ่านทั้ง 4 หลัก หรือจะใช้รูป 4 แบบสำหรับทั้ง 4 หลักก็ได้
ต้องใช้ 2 แบบ คือ ตอนที่ไม่ได้เลือก (ปิด) และตอนที่เลือก (เปิด)
แสดงด้วยรูป 1 แบบ
แสดงด้วยรูป 4 แบบ
E รูปโปรไฟล์
รูปสำหรับบุคคลหรือกลุ่มที่ไม่ได้ลงทะเบียนรูปโปรไฟล์เอาไว้
รูปโปรไฟล์จะแสดงเป็นรูปวงกลม แต่ต้องลงทะเบียนด้วยรูปสี่เหลี่ยมที่ยังไม่ตัดเป็นวงกลม
ขอให้ลงทะเบียนรูปที่มีลายแสดงให้เห็นว่าเป็นบุคคลหรือกลุ่ม
บุคคล
กลุ่ม
F รูปฉากหลังห้องแชท
คุณจะเตรียมหรือไม่เตรียมรูปฉากหลังห้องแชทก็ได้
ในกรณีที่ครีเอเตอร์ไม่เตรียมรูปดังกล่าว ระบบจะใช้ดีไซน์สกินสีที่กำหนดไว้แทน
iOS
ค่าสูงสุด: กว้าง 1482 พิกเซล x สูง 1334 พิกเซล
ค่าต่ำสุด: กว้าง 60 พิกเซล x สูง 60 พิกเซล
* ขนาดสำหรับการแสดงในแนวตั้งคือ กว้าง 640 พิกเซล x สูง 1334 พิกเซล
Android
ค่าสูงสุด: กว้าง 1300 พิกเซล x สูง 1300 พิกเซล
ค่าต่ำสุด: กว้าง 60 พิกเซล x สูง 60 พิกเซล
กำหนดตำแหน่งรูปให้อยู่ตรงกลางชิดขอบล่างไม่ว่าอุปกรณ์จะอยู่แนวนอนหรือแนวตั้ง
ระบบปฏิบัติการ iOS จะแสดงรูปที่ด้านบนของช่องใส่ข้อความ
ระบบปฏิบัติการ Android จะแสดงรูปที่ด้านล่างของช่องใส่ข้อความ รูปที่อยู่ด้านล่างจะแสดงซ้อนกับช่องใส่ข้อความ จึงควรออกแบบรูปโดยคำนึงถึงความสูงของช่องใส่ข้อความ
* หน้าจอตัวอย่างที่ดูได้ระหว่างการลงทะเบียนธีม อาจแตกต่างไปจากหน้าจอที่แสดงจริง
ปรับขนาดรูปได้ตามต้องการ ตั้งแต่ขนาดเล็กที่สุดจนถึงใหญ่ที่สุดตามที่กำหนดไว้ จะใช้รูปแบบโปร่งใสหรือแบบทึบก็ได้ ถ้ารูปฉากหลังเป็นแบบโปร่งใส ระบบแสดงรูปเป็นเลเยอร์ซ้อนบนฉากหลังในสีสกินที่เลือกไว้ ต้องมีขนาดไม่เกิน 1 MB
โปร่งใสฉากหลัง
รูปฉากหลังห้องแชท
G รูปสแปลช
ในหน้าแสดงรูปตัวอย่างระหว่างการสร้างและ LINE STORE อาจมีพื้นที่แสดงรูปต่างกัน โดยรูปด้านบนและด้านล่างบางส่วนอาจขาดไป และพื้นที่แสดงรูปบนอุปกรณ์ใช้งานแต่ละประเภทอาจต่างกัน
ฉากหลัง
ใช้กับทั้งหน้าจอ
โลโก้+ภาพประกอบ
เตรียมรูปสแปลชตามขนาดที่กำหนด จัดตำแหน่งให้โลโก้อยู่ด้านบน ภาพประกอบอยู่ตรงกลาง
โปรดสร้าง โลโก้+ภาพประกอบ เป็นแบบโปร่งใส
โลโก้+ภาพประกอบ จะแสดงบนหน้าจอ โดยอยู่ตรงกลางของรูปฉากหลัง
รูปฉากหลัง โลโก้+ภาพประกอบ
โลโก้+ภาพประกอบ