🔥 "อยากใส่แอนิเมชันให้กับเว็บแต่กลัวไฟล์มันหนัก !?" หมดปัญหาเพราะ Lottie นั้นมันเบาโคตรรรรรรรรรรร ๆ ๆ ๆ ๆ ๆ !!
.
หลายคนอยากลองทำแอนิเมชันสุดปัง แต่กลัวไฟล์จะใหญ่ไป ไม่ต้องกลัวแล้วจ้า เพราะ Lottie ช่วยเราได้ และขอบอกว่า ไม่ใช่แอนิเมชันแบบไก่กา
.
🚀 "เพราะสามารถโยนแอนิเมชันจาก After Effect มาให้นางได้เลย นางจัดการได้ !!"
.
ดีขนาดนี้ไม่ลองเล่นก็ไม่ได้แล้วววววว <3
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「lottie gif」的推薦目錄:
- 關於lottie gif 在 BorntoDev Facebook 的最佳解答
- 關於lottie gif 在 BorntoDev Facebook 的最佳解答
- 關於lottie gif 在 數位時代 Facebook 的最佳解答
- 關於lottie gif 在 Is it possible to convert a lottie animation to a GIF? [closed] 的評價
- 關於lottie gif 在 airbnb/lottie-android: Render After Effects animations ... - GitHub 的評價
- 關於lottie gif 在 I will create lottie json GIF animation for web and mobile 的評價
- 關於lottie gif 在 LottieFiles - Lottie animation | Facebook 的評價
lottie gif 在 BorntoDev Facebook 的最佳解答
🌟 "เปลี่ยนไฟล์ภาพแอนิเมชันที่ใหญ่ และ หนักเว็บ ให้เบาขึ้นด้วย LottieFiles กันเถอะ !!"
.
ถ้าเกิดแอดถามว่าจะเอาแอนิเมชันขยับนั่นนี่ลงเว็บไซต์ทำยังไงดี ?
.
ถ้าเป็นเมื่อหลายปีก่อนเราอาจจะตอบแทบจะเป็นเสียงเดียวกันว่า "ก็อัพไฟล์ .gif ลงไปสิ"
.
แต่เอาจริง ๆ มันก็มีข้อจำกัดอยู่คือไฟล์ประเภทดังกล่าวนั้นมันค่อนข้างใหญ่ แล้วยิ่งถ้าเอา PNG มาทำแอนิเมชันขึ้นเว็บแล้วก็ยิ่งไปกันใหญ่อีก 555
.
✅ ดังนั้นพระเอกในวันนี้ของเราคือเจ้าตัวนี้ที่ชื่อว่า "Lottie" นั่นเอง ซึ่งลักษณะของเขาจะเป็นตระกูล JSON นำไปใช้กับแอป หรือ เว็บก็ได้แบบชิล ๆ
.
และด้วยความที่เป็น JSON เราสามารถแก้ไขสี หรือ ข้อมูลต่าง ๆ ในแต่ละเฟรมได้จบในตัวเขาเลย
.
"โอเค เรารู้แล้วว่าขนาดมันเบา ในภาพก็บอกว่าเล็กกว่า Gif เป็นเท่าตัวเลย แล้วมีอะไรอื่น ๆ อีกบ้างหละ ? ขอแบบเด็ด ๆ เบิ้ม ๆ เลยนะ " 🤣
.
🔥 คำตอบคือ "ทำมันงานคู่กับ After Effect ได้เว้ยยย ทุกคนนนน !!"
.
ปัญหาหลายอย่างของการทำพวก Animation ลงเว็บคือ ถ้าเอาออกมาเป็นวีดีโอ เป็น Gif มันใหญ่จัด ๆ หลายคนเลยไปงม ๆ กับ CSS Animation แทน
.
🔥แต่นี่ !! มันใช้กับ AE ได้ ดังนั้นแล้วเราอยากจะเสกหน้าตาแอนิเมชันแบบไหนก็ได้ แถมเขายังมี Editor หน้าเว็บให้ลองอีกด้วย <3
.
เรียกได้ว่าเด็ด ๆ จัดปลัดบอก ขนาดผู้ใหญ่บ้านยังบอก ว่าสุดจัดไปเลยคร้าบพี่น้อง !!
.
✅ หากใครอยากลองเล่น อย่ารอช้า มาพร้อมแอดได้ที่นี่เลยจ้า ! : https://lottiefiles.com/
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
lottie gif 在 數位時代 Facebook 的最佳解答
想要替應用程式加上動畫卻不得其門而入?Airbnb發布動畫工具Lottie,不用寫複雜程式就能幫應用程式加上動畫!
「在框架海中尋找範例、猜測畫格持續時間、手動畫貝茲曲線、只憑GIF檔就要試圖重建動畫的那些痛苦,都將成為歷史。工程師可以完全達到設計師所想的動畫效果。」
lottie gif 在 airbnb/lottie-android: Render After Effects animations ... - GitHub 的推薦與評價
Render After Effects animations natively on Android and iOS, Web, and React Native - GitHub - airbnb/lottie-android: Render After Effects animations ... ... <看更多>
lottie gif 在 I will create lottie json GIF animation for web and mobile 的推薦與評價
2020 - Lottie is the future of website and app animations. ... I create Lottie, gif, Json animations for Websites Apps What I need to get it done right? ... <看更多>
lottie gif 在 Is it possible to convert a lottie animation to a GIF? [closed] 的推薦與評價
... <看更多>
相關內容