🌟 "เปลี่ยนไฟล์ภาพแอนิเมชันที่ใหญ่ และ หนักเว็บ ให้เบาขึ้นด้วย LottieFiles กันเถอะ !!"
.
ถ้าเกิดแอดถามว่าจะเอาแอนิเมชันขยับนั่นนี่ลงเว็บไซต์ทำยังไงดี ?
.
ถ้าเป็นเมื่อหลายปีก่อนเราอาจจะตอบแทบจะเป็นเสียงเดียวกันว่า "ก็อัพไฟล์ .gif ลงไปสิ"
.
แต่เอาจริง ๆ มันก็มีข้อจำกัดอยู่คือไฟล์ประเภทดังกล่าวนั้นมันค่อนข้างใหญ่ แล้วยิ่งถ้าเอา PNG มาทำแอนิเมชันขึ้นเว็บแล้วก็ยิ่งไปกันใหญ่อีก 555
.
✅ ดังนั้นพระเอกในวันนี้ของเราคือเจ้าตัวนี้ที่ชื่อว่า "Lottie" นั่นเอง ซึ่งลักษณะของเขาจะเป็นตระกูล JSON นำไปใช้กับแอป หรือ เว็บก็ได้แบบชิล ๆ
.
และด้วยความที่เป็น JSON เราสามารถแก้ไขสี หรือ ข้อมูลต่าง ๆ ในแต่ละเฟรมได้จบในตัวเขาเลย
.
"โอเค เรารู้แล้วว่าขนาดมันเบา ในภาพก็บอกว่าเล็กกว่า Gif เป็นเท่าตัวเลย แล้วมีอะไรอื่น ๆ อีกบ้างหละ ? ขอแบบเด็ด ๆ เบิ้ม ๆ เลยนะ " 🤣
.
🔥 คำตอบคือ "ทำมันงานคู่กับ After Effect ได้เว้ยยย ทุกคนนนน !!"
.
ปัญหาหลายอย่างของการทำพวก Animation ลงเว็บคือ ถ้าเอาออกมาเป็นวีดีโอ เป็น Gif มันใหญ่จัด ๆ หลายคนเลยไปงม ๆ กับ CSS Animation แทน
.
🔥แต่นี่ !! มันใช้กับ AE ได้ ดังนั้นแล้วเราอยากจะเสกหน้าตาแอนิเมชันแบบไหนก็ได้ แถมเขายังมี Editor หน้าเว็บให้ลองอีกด้วย <3
.
เรียกได้ว่าเด็ด ๆ จัดปลัดบอก ขนาดผู้ใหญ่บ้านยังบอก ว่าสุดจัดไปเลยคร้าบพี่น้อง !!
.
✅ หากใครอยากลองเล่น อย่ารอช้า มาพร้อมแอดได้ที่นี่เลยจ้า ! : https://lottiefiles.com/
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
Search
lottie editor 在 Night Time - Pinterest 的八卦
Nov 13, 2015 - This Pin was discovered by Courtney Reeve. Discover (and save!) your own Pins on Pinterest. ... <看更多>