สารบัญ:

วิธีทำสติ๊กเกอร์เคลื่อนไหวในโทรเลข
วิธีทำสติ๊กเกอร์เคลื่อนไหวในโทรเลข
Anonim

คุณจะต้องใช้โปรแกรม Adobe สองสามโปรแกรมและจินตนาการ

วิธีทำสติ๊กเกอร์เคลื่อนไหวในโทรเลข
วิธีทำสติ๊กเกอร์เคลื่อนไหวในโทรเลข

ไม่นานมานี้ มีสติ๊กเกอร์เคลื่อนไหวปรากฏบนโทรเลข ภาพเคลื่อนไหวที่ตลกขบขันเหล่านี้ถ่ายทอดอารมณ์ได้อย่างสมบูรณ์แบบและเป็นทางเลือกที่ดีสำหรับ-g.webp

การเตรียมเครื่องมือ

คุณจะต้องใช้โปรแกรมแก้ไขกราฟิกแบบเวกเตอร์ Adobe Illustrator โปรแกรมแก้ไขภาพเคลื่อนไหว Adobe After Effects และทักษะขั้นต่ำ

นอกจากนี้ คุณต้องเชื่อมต่อปลั๊กอิน Bodymovin-TG กับ Adobe After Effects มันส่งออกแอนิเมชั่นไปยังรูปแบบ. TGS ที่ Telegram รองรับ ในการดำเนินการนี้ ให้ปิด Adobe After Effects หากเปิดอยู่ ดาวน์โหลดและติดตั้งแอพ มันเข้ากันได้กับทั้ง Windows และ macOS ดาวน์โหลดปลั๊กอิน (ไฟล์ที่คุณต้องการเรียกว่า bodymovin-tg.zxp).

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: การเตรียมเครื่องมือ
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: การเตรียมเครื่องมือ

ตอนนี้เริ่ม ZXPINstaller แล้วคลิกที่หน้าต่าง เลือกปลั๊กอินที่ดาวน์โหลดและรอในขณะที่แอปติดตั้ง

เปิด Adobe After Effects จากนั้นทำดังต่อไปนี้:

  • บน Windows ให้เปิด Edit → Preferences → Scripts and Expressions …. เลือกตัวเลือก "อนุญาตให้สคริปต์เขียนไฟล์และเข้าถึงเครือข่าย" คลิกตกลง
  • บน macOS ให้เปิด Adobe After Effects → Preferences → Scripts And Expressions …. เลือกตัวเลือก "อนุญาตให้สคริปต์เขียนไฟล์และเข้าถึงเครือข่าย" คลิกตกลง
วิธีสร้างสติกเกอร์เคลื่อนไหวในโทรเลข: การตั้งค่าองค์ประกอบ
วิธีสร้างสติกเกอร์เคลื่อนไหวในโทรเลข: การตั้งค่าองค์ประกอบ

คลิกหน้าต่าง → ส่วนขยาย หากคุณทำทุกอย่างถูกต้อง ในรายการส่วนขยาย คุณจะเห็น Bodymovin for Telegram Stickers

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: คลิก "หน้าต่าง" → "ส่วนขยาย"
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: คลิก "หน้าต่าง" → "ส่วนขยาย"

เพียงเท่านี้ เครื่องดนตรีก็ได้รับการตั้งค่าแล้ว ตอนนี้ได้เวลาสร้างสรรค์แล้ว

วาดกราฟิกแบบเวกเตอร์

สร้างโครงการใหม่ใน Adobe Illustrator ขนาดผ้าใบควรเป็น 512 × 512 พิกเซลพอดี - นี่เป็นสิ่งสำคัญ โครงการไม่ควรมีพื้นหลัง วัตถุไม่สามารถออกไปนอกอาร์ตบอร์ดได้

ตัวอย่างเช่นเราจะวาดใบหน้า สามารถสร้างรูปร่างได้ในแถบเครื่องมือ Illustrator แต่ละส่วนที่มีความสำคัญต่อแอนิเมชั่น (แขน ขา ตา) ควรวางบนเลเยอร์ที่แยกจากกัน มันจะดีกว่าที่จะลงนามทันทีว่าอยู่ที่ไหนเพื่อไม่ให้สับสน

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: ตัวอย่างเช่นเราจะวาดใบหน้า
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: ตัวอย่างเช่นเราจะวาดใบหน้า

เมื่อกราฟิกของคุณพร้อม ให้บันทึกในรูปแบบ AI

การนำเข้ากราฟิกใน After Effects

เปิด After Effects และเขียน ขนาดควรเป็น 512 × 512 พิกเซลพอดี จำนวนเฟรมต่อวินาทีคือ 30 หรือ 60 (สำหรับแอนิเมชั่นง่ายๆ อย่างของเรา 30 อันจะเหมาะสม) ระยะเวลาขององค์ประกอบไม่ควรเกิน 3 วินาที

วิธีสร้างสติกเกอร์เคลื่อนไหวในโทรเลข: การนำเข้ากราฟิกไปยัง After Effects
วิธีสร้างสติกเกอร์เคลื่อนไหวในโทรเลข: การนำเข้ากราฟิกไปยัง After Effects

จากนั้นคลิก ไฟล์ → นำเข้า → ไฟล์ และค้นหากราฟิก AI ของคุณ ในรายการดรอปดาวน์ "นำเข้าเป็น:" เลือก "องค์ประกอบ - เก็บขนาดเลเยอร์" แล้วคลิก "นำเข้า"

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: เลือก "องค์ประกอบ - บันทึกขนาดเลเยอร์" แล้วคลิก "นำเข้า"
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: เลือก "องค์ประกอบ - บันทึกขนาดเลเยอร์" แล้วคลิก "นำเข้า"

กราฟิกของคุณจะถูกนำเข้าพร้อมกับทุกเลเยอร์ เลือก (จะอยู่ในรูปแบบ AI) แล้วลากไปที่ไอคอนสร้างองค์ประกอบใหม่

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: นำเข้ากราฟิกพร้อมกับทุกเลเยอร์
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: นำเข้ากราฟิกพร้อมกับทุกเลเยอร์

โปรแกรมจะขอให้คุณยืนยัน คลิกตกลง

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: โปรแกรมจะขอให้คุณยืนยัน - คลิกตกลง
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: โปรแกรมจะขอให้คุณยืนยัน - คลิกตกลง

ลำดับของเลเยอร์อาจไม่เป็นระเบียบเล็กน้อย ลากและวางในแผงที่ด้านล่างซ้าย วางไว้ในลำดับที่ต้องการ

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: ลากและวางบนแผงด้านซ้ายล่าง วางตามลำดับที่ต้องการ
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: ลากและวางบนแผงด้านซ้ายล่าง วางตามลำดับที่ต้องการ

ตอนนี้ เราต้องสร้างรูปร่างจากเลเยอร์เวกเตอร์สำหรับแอนิเมชัน ในการดำเนินการนี้ ให้เลือกเลเยอร์แล้วคลิกขวา จากนั้นสร้างใหม่ → สร้างรูปร่างจากเลเยอร์เวกเตอร์ เส้นโค้งที่เรียกว่าจะเปิดออก

วิธีสร้างสติกเกอร์โทรเลขแบบเคลื่อนไหว: เลือกเลเยอร์แล้วคลิกขวา จากนั้นสร้าง → สร้างรูปร่างจากเลเยอร์เวกเตอร์
วิธีสร้างสติกเกอร์โทรเลขแบบเคลื่อนไหว: เลือกเลเยอร์แล้วคลิกขวา จากนั้นสร้าง → สร้างรูปร่างจากเลเยอร์เวกเตอร์

หลังจากนั้นสามารถลบเลเยอร์ AI ได้เพื่อไม่ให้เกะกะ เลือกในขณะที่กดปุ่ม Ctrl ค้างไว้แล้วกด Delete จะเหลือแต่เส้นโค้ง

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: หลังจากนั้นสามารถลบเลเยอร์ในรูปแบบ AI ได้เพื่อไม่ให้รบกวน
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: หลังจากนั้นสามารถลบเลเยอร์ในรูปแบบ AI ได้เพื่อไม่ให้รบกวน

เสร็จแล้ว นำเข้าเสร็จแล้ว

วิธีสร้างแอนิเมชั่น

ใน Adobe After Effects คุณสามารถสร้างแอนิเมชั่นที่มีความซับซ้อนต่างกันได้ แต่เราจะไม่ดำดิ่งเข้าไปในป่า เช่น จะพยายามทำให้หน้าเราเลิกคิ้ว

เลือกคิ้วที่คุณต้องการทำให้เคลื่อนไหวและคลิกซ้ายที่คิ้ว คลิกไอคอน > ถัดจากส่วนโค้งในแผงด้านซ้ายล่างและเลือก "แปลง"

วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: เลือกคิ้วที่คุณต้องการทำให้เคลื่อนไหวแล้วคลิกซ้ายที่มัน
วิธีทำสติกเกอร์เคลื่อนไหวในโทรเลข: เลือกคิ้วที่คุณต้องการทำให้เคลื่อนไหวแล้วคลิกซ้ายที่มัน

คุณสามารถเปลี่ยนตำแหน่ง มาตราส่วน มุมการหมุน และความโปร่งใสของวัตถุในแอนิเมชั่นโดยใช้ไอคอนที่ปรากฏบนแผงควบคุม เนื่องจากเราแค่ต้องยกคิ้วขึ้น เราจะจัดการโดยการเปลี่ยนตำแหน่ง

คลิกจุดยึดและตำแหน่งจากนั้นลากตัวชี้เวลาบนไทม์ไลน์เป็นวินาทีที่สามของภาพเคลื่อนไหว (ดึงจนสุด)

วิธีสร้างสติกเกอร์โทรเลขแบบเคลื่อนไหว: ลากตัวชี้เวลาบนไทม์ไลน์โดยหนึ่งในสามของแอนิเมชั่น
วิธีสร้างสติกเกอร์โทรเลขแบบเคลื่อนไหว: ลากตัวชี้เวลาบนไทม์ไลน์โดยหนึ่งในสามของแอนิเมชั่น

คลิกที่เพชรในแถบด้านข้างทางซ้าย ทางด้านซ้ายของจุดยึดและตำแหน่ง การดำเนินการนี้จะวนรอบภาพเคลื่อนไหวของคุณ: เฟรมแรกจะเหมือนกับเฟรมสุดท้าย นี่เป็นสิ่งสำคัญ มิฉะนั้น Telegram จะไม่ยอมรับสติกเกอร์ของคุณ

วิธีสร้างสติกเกอร์เคลื่อนไหวใน Telegram: คลิกที่เพชรที่แถบด้านข้างทางซ้าย ทางด้านซ้ายของ "Pivot Point" และ "Position"
วิธีสร้างสติกเกอร์เคลื่อนไหวใน Telegram: คลิกที่เพชรที่แถบด้านข้างทางซ้าย ทางด้านซ้ายของ "Pivot Point" และ "Position"

ตอนนี้วางตัวชี้เวลาไว้ตรงกลางของไทม์ไลน์

วิธีทำสติกเกอร์ Telegram แบบเคลื่อนไหว: วางตัวชี้เวลาไว้ตรงกลางของไทม์ไลน์อย่างคร่าว ๆ
วิธีทำสติกเกอร์ Telegram แบบเคลื่อนไหว: วางตัวชี้เวลาไว้ตรงกลางของไทม์ไลน์อย่างคร่าว ๆ

คลิกที่เพชรอีกครั้งเพื่อสร้างจุดยึดที่นั่นเช่นกัน และเปลี่ยนตำแหน่งคิ้วด้วยการยกขึ้น ซึ่งสามารถทำได้โดยใช้ตัวเลขข้างพารามิเตอร์ "ตำแหน่ง" หรือโดยการลากคิ้วด้วยตนเองด้วยเมาส์หรือปุ่มลูกศร

วิธีทำสติ๊กเกอร์เคลื่อนไหวในโทรเลข: เปลี่ยนตำแหน่งคิ้วด้วยการยกขึ้น
วิธีทำสติ๊กเกอร์เคลื่อนไหวในโทรเลข: เปลี่ยนตำแหน่งคิ้วด้วยการยกขึ้น

กดแป้นเว้นวรรคเพื่อเริ่มเล่นภาพเคลื่อนไหว ทุกอย่างคิ้วขยับ

วิธีทำสติกเกอร์โทรเลขแบบเคลื่อนไหว: กดแป้นเว้นวรรคเพื่อเล่นแอนิเมชั่น
วิธีทำสติกเกอร์โทรเลขแบบเคลื่อนไหว: กดแป้นเว้นวรรคเพื่อเล่นแอนิเมชั่น

ในทำนองเดียวกัน คุณสามารถทำให้วัตถุอื่นๆ เคลื่อนไหวในแอนิเมชั่นได้ เพียงสร้างจุดยึดสำหรับพวกเขาโดยคลิกที่เพชรแล้วเปลี่ยนตำแหน่ง

การส่งออกสติกเกอร์

คลิกหน้าต่าง → ส่วนขยาย → Bodymovin สำหรับสติ๊กเกอร์โทรเลข เลือกองค์ประกอบที่คุณต้องการส่งออก (ในกรณีของเราคือ "คิ้ว") ในพารามิเตอร์ Destination Folder ให้ระบุโฟลเดอร์ที่จะบันทึกสติกเกอร์ของคุณ และคลิกแสดงผล

วิธีสร้างสติกเกอร์เคลื่อนไหวใน Telegram: ในพารามิเตอร์ Destination Folder ระบุโฟลเดอร์ที่จะบันทึกสติกเกอร์ของคุณ
วิธีสร้างสติกเกอร์เคลื่อนไหวใน Telegram: ในพารามิเตอร์ Destination Folder ระบุโฟลเดอร์ที่จะบันทึกสติกเกอร์ของคุณ

หากทุกอย่างเรียบร้อย ส่วนขยายจะรายงานความสมบูรณ์ของการเรนเดอร์ คลิกเสร็จสิ้น หากมีบางอย่างผิดปกติ ส่วนขยายจะแจ้งให้คุณทราบ อย่างไรก็ตาม เฉพาะในภาษาอังกฤษเท่านั้น

สติกเกอร์จะถูกบันทึกไว้ในโฟลเดอร์ที่คุณระบุภายใต้ชื่อ data.tgs

ติดสติกเกอร์บนโทรเลข

เริ่มบอทในโทรเลขและส่งคำสั่งไปที่มัน / ภาพเคลื่อนไหวใหม่ … บอทจะเสนอให้เลือกชื่อชุดสติกเกอร์แอนิเมชั่นชุดใหม่ - ใส่ชื่อแล้วส่งข้อความ

วิธีทำสติกเกอร์ Telegram แบบเคลื่อนไหว: วางสติกเกอร์บน Telegram
วิธีทำสติกเกอร์ Telegram แบบเคลื่อนไหว: วางสติกเกอร์บน Telegram

จากนั้นส่งสติกเกอร์ไปที่บอทโดยลากและวางไฟล์ data.tgs ลงในหน้าต่างโทรเลข

บอทจะขอให้คุณส่งอิโมติคอนที่เกี่ยวข้องกับสติกเกอร์ - ทำมัน หากคุณมีตัวเลือกภาพเคลื่อนไหวเพิ่มเติมสำหรับชุดนี้ ให้เพิ่มเข้าไป เมื่อเสร็จแล้วให้ป้อนคำสั่ง / เผยแพร่ แล้วเลือกชุดสติกเกอร์ของคุณจากรายการดรอปดาวน์ คุณสามารถกำหนดไอคอนให้กับไอคอนได้ หากมี (ต้องเป็นอิมเมจ TGS ที่มีขนาดไม่เกิน 32 กิโลไบต์) อย่างไรก็ตาม สามารถข้ามขั้นตอนนี้ได้โดยไม่มีปัญหาใดๆ โดยไปที่คำสั่ง / ข้าม.

ขั้นตอนสุดท้ายคือการเลือกที่อยู่สั้น ๆ สำหรับการโทรของคุณ บอทจะสร้างลิงก์ที่คุณและเพื่อนของคุณสามารถเข้าถึงสติกเกอร์ได้ คลิกที่ภาพและคุณสามารถเพิ่มแอนิเมชั่นใหม่ให้กับคอลเลกชันได้ตามปกติ

สติกเกอร์แอนิเมชั่นทำมือชิ้นแรกของคุณพร้อมแล้ว และคุณสามารถเข้าถึงแอนิเมชั่นของเราได้โดยคลิกที่