หลังจากติดตามเรื่องราวของ แนวทางการสร้าง Line Sticker กันมาพอสมควร โค้ชพลก็คิดว่าเราน่าจะมีเทคโนโลยีมาช่วยให้การทำ Line Sticker ขายของเรานั้นมีระเบียบ,​ รวดเร็ว, และสะดวกมากกว่าเดิม

คำตอบที่โค้ชพลคิดได้ก็คือ Template ของ Photoshop นั่นเองครับ

ต้องขอขอบคุณพี่ขจร และพี่แอ๊ด ที่มาช่วยให้คำแนะนำจนแก้ปัญหาลุล่วง จนได้ Template นี้มาสมบูรณ์

การใช้ Adobe Photoshop CC กับการทำ Line Sticker

Adobe Photoshop CC มีความสามารถที่ทำให้พวกเราทำ Line Sticker ได้ง่ายอย่างคาดไม่ถึงเลยล่ะ

โดย ในวิดีโอนี้จะแนะนำวิธีการใช้ feature ทั้ง 2 ตัวที่เจ๋งมาก คือ Place Linked และ Image Asset Generator ที่มีอยู่ใน Adobe Photoshop CC ควบคู่กับไฟล์ template ที่ผมทำขึ้น

สำหรับไฟล์ Line Sticker Template คลิก download ได้จากที่นี่ครับ (เลื่อนลงไปด้านล่างสุด กดไลค์)

** ล่าสุดได้ปรับแก้ไขชื่อ Layer ใน video ให้ตรงตามที่ Line Creator Market ต้องการเรียบร้อยแล้วนะ

ความสามารถ “Place Linked” ใน Photoshop CC

Photoshop_CC_Place_Linked_for_Line_Sticker_Create

เมื่อก่อนเวลาเราเอาไฟล์จากนอก Photoshop มาทำงาน เวลาไปแก้ไฟล์ต้นฉบับก็ต้องมีการนำเข้ามาอีกครั้ง เป็นขั้นตอนที่เสียเวลา

Smart Object จึงเป็นความสามารถที่นักออกแบบทุกคนควรเรียนรู้เป็นอย่างยิ่ง ซึ่งคำสั่ง Place Linked ก็พัฒนาขึ้นมาเพิ่มความสามารถของ Smart Object ครับ

ซึ่งนอกจากคำสั่ง Place Linked จะทำให้ Photoshop อัพเดต Smart Object ตามไฟล์ต้นฉบับตอนเปิดใช้งานพร้อมกันได้แล้ว (เช่นแก้ไขไฟล์ต้นฉบับที่เป็น Illustrator ขณะที่เปิดไฟล์ Photoshop อยู่)  ยังสามารถตรวจสอบได้ว่าไฟล์ต้นฉบับที่ Place เข้ามามีการเปลี่ยนแปลงหรือไม่ หลังจากเปิดไฟล์ทำงานไปครั้งสุดท้าย ทำให้เราสามารถตัดสินใจอัพเดตตัว Smart Object ได้ตามสมควร

ความสามารถ “Image Asset” ใน Photoshop CC

Photoshop_CC_Image_Assets_for_Line_Sticker_Create

ใน Photoshop CC เราสามารถตั้งชื่อ Layer หรือ Group Layer ห้อยท้ายด้วยนามสกุลไฟล์ เพื่อให้ Photoshop ช่วยสร้างไฟล์ภาพกราฟฟิคออกมาให้เราใช้งานได้สะดวกขึ้น

ซึ่งในไฟล์ Line Sticker Template ผมได้ตั้งชื่อแบบเดียวกับที่ Line Creator Market ต้องการเรียบร้อยแล้ว นั่นคือเปิด Layer Mask, เปิด Image Asset ให้ทำงาน แล้วทำการ zip ไฟล์ทั้งหมดส่งขึ้น Store ได้เลย

การตั้งชื่อไฟล์ LINE Sticker มาตรฐาน

ถ้าคุณไม่ได้ใช้ Photoshop Template ของผมก็ไม่เป็นไรนะครับ แต่ขอให้ตั้งชื่อตามนี้

  1. Main image (ภาพใหญ่สุด) เป็น main.png
  2. Tab Image: เป็น tab.png
  3. Sticker Image ตั้งแต่ภาพแรก ถึงภาพสุดท้าย เป็น 1.png, 2.png, … , 40.png

ถ้าสนใจประยุกต์ใช้ความสามารถ Image Asset ในงานต่างๆ มีวิธีตั้งชื่อทั้งหมดรวมอยู่ในนี้แล้ว

อ่านเนื้อหาอื่นๆ เกี่ยวกับการทำ Line Sticker และบริหารเลี้ยงดูให้เติบใหญ่ได้ที่นี่ และฝาก Email รับข่าวสารได้ที่นี่

Loading Facebook Comments ...
Menu