🔥 "อยากใส่แอนิเมชันให้กับเว็บแต่กลัวไฟล์มันหนัก !?" หมดปัญหาเพราะ Lottie นั้นมันเบาโคตรรรรรรรรรรร ๆ ๆ ๆ ๆ ๆ !!
.
หลายคนอยากลองทำแอนิเมชันสุดปัง แต่กลัวไฟล์จะใหญ่ไป ไม่ต้องกลัวแล้วจ้า เพราะ Lottie ช่วยเราได้ และขอบอกว่า ไม่ใช่แอนิเมชันแบบไก่กา
.
🚀 "เพราะสามารถโยนแอนิเมชันจาก After Effect มาให้นางได้เลย นางจัดการได้ !!"
.
ดีขนาดนี้ไม่ลองเล่นก็ไม่ได้แล้วววววว <3
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有2部Youtube影片,追蹤數超過3,370的網紅網頁設計x廣告行銷,也在其Youtube影片中提到,❤免費訂閱Free subscribe❤ https://pse.is/submytube ❤聯絡我們 Contact Us❤ https://pse.is/forums_op ■AE插件Bodymovin.zxp的安装與使用 How to install Bodymovin | After E...
「lottie animation」的推薦目錄:
- 關於lottie animation 在 BorntoDev Facebook 的最讚貼文
- 關於lottie animation 在 BorntoDev Facebook 的精選貼文
- 關於lottie animation 在 網頁設計x廣告行銷 Youtube 的最佳貼文
- 關於lottie animation 在 網頁設計x廣告行銷 Youtube 的最讚貼文
- 關於lottie animation 在 airbnb/lottie-android: Render After Effects animations ... - GitHub 的評價
- 關於lottie animation 在 Lottie animation 網站動畫功能 的評價
- 關於lottie animation 在 Lottie animation has large padding. How to resize the ... 的評價
- 關於lottie animation 在 54 Lottie animations ideas in 2021 - Pinterest 的評價
lottie animation 在 BorntoDev Facebook 的精選貼文
🌟 "เปลี่ยนไฟล์ภาพแอนิเมชันที่ใหญ่ และ หนักเว็บ ให้เบาขึ้นด้วย LottieFiles กันเถอะ !!"
.
ถ้าเกิดแอดถามว่าจะเอาแอนิเมชันขยับนั่นนี่ลงเว็บไซต์ทำยังไงดี ?
.
ถ้าเป็นเมื่อหลายปีก่อนเราอาจจะตอบแทบจะเป็นเสียงเดียวกันว่า "ก็อัพไฟล์ .gif ลงไปสิ"
.
แต่เอาจริง ๆ มันก็มีข้อจำกัดอยู่คือไฟล์ประเภทดังกล่าวนั้นมันค่อนข้างใหญ่ แล้วยิ่งถ้าเอา PNG มาทำแอนิเมชันขึ้นเว็บแล้วก็ยิ่งไปกันใหญ่อีก 555
.
✅ ดังนั้นพระเอกในวันนี้ของเราคือเจ้าตัวนี้ที่ชื่อว่า "Lottie" นั่นเอง ซึ่งลักษณะของเขาจะเป็นตระกูล JSON นำไปใช้กับแอป หรือ เว็บก็ได้แบบชิล ๆ
.
และด้วยความที่เป็น JSON เราสามารถแก้ไขสี หรือ ข้อมูลต่าง ๆ ในแต่ละเฟรมได้จบในตัวเขาเลย
.
"โอเค เรารู้แล้วว่าขนาดมันเบา ในภาพก็บอกว่าเล็กกว่า Gif เป็นเท่าตัวเลย แล้วมีอะไรอื่น ๆ อีกบ้างหละ ? ขอแบบเด็ด ๆ เบิ้ม ๆ เลยนะ " 🤣
.
🔥 คำตอบคือ "ทำมันงานคู่กับ After Effect ได้เว้ยยย ทุกคนนนน !!"
.
ปัญหาหลายอย่างของการทำพวก Animation ลงเว็บคือ ถ้าเอาออกมาเป็นวีดีโอ เป็น Gif มันใหญ่จัด ๆ หลายคนเลยไปงม ๆ กับ CSS Animation แทน
.
🔥แต่นี่ !! มันใช้กับ AE ได้ ดังนั้นแล้วเราอยากจะเสกหน้าตาแอนิเมชันแบบไหนก็ได้ แถมเขายังมี Editor หน้าเว็บให้ลองอีกด้วย <3
.
เรียกได้ว่าเด็ด ๆ จัดปลัดบอก ขนาดผู้ใหญ่บ้านยังบอก ว่าสุดจัดไปเลยคร้าบพี่น้อง !!
.
✅ หากใครอยากลองเล่น อย่ารอช้า มาพร้อมแอดได้ที่นี่เลยจ้า ! : https://lottiefiles.com/
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
lottie animation 在 網頁設計x廣告行銷 Youtube 的最佳貼文
❤免費訂閱Free subscribe❤
https://pse.is/submytube
❤聯絡我們 Contact Us❤
https://pse.is/forums_op
■AE插件Bodymovin.zxp的安装與使用 How to install Bodymovin | After Effects extensions
https://www.youtube.com/watch?v=q-o-beB0v2o
---------
網頁動畫Lottie_Animation 介紹 | 優點及應用面
應用面:
促成用戶採取行動CTA / 網頁轉場 app preloader / 程式過場
示範 Preloader on web (Webflow)
一、優點
畫質高 / 向量 / 不變形及失真
json 檔案更小 執行速度更快
二、UX 使用者體驗更豐富
三、應用:wix / webflow / wordpress
四、配合軟體工具: adobe after effects / BODYMOVIN
✪✪✪FYR 補充資料如下✪✪✪
lottiefiles
https://lottiefiles.com/
webflow page preloader 示範
https://yt-wixpress-org-test.webflow.io/
wix lottie animation 嵌入 示範
https://178gogogo.wixsite.com/wixtutorials2018/pwd
教學 webflow 的lottie files & pre loader 教學
https://www.youtube.com/watch?v=bAgcHLo7reY
■商業行銷&設計資訊相關討論區
https://freeday.cc/forum/index.php?p=/categories/freesource
■網站架設廣告行銷業務洽詢■
https://pse.is/forums_op
❤小額贊助頻道 Donate us a cup coffee❤
https://www.paypal.me/178yo
■聯絡我們 Contact Us
https://pse.is/forums_op
#網頁設計x廣告行銷
lottie animation 在 網頁設計x廣告行銷 Youtube 的最讚貼文
❤歡迎訂閱Free subscribe❤
https://pse.is/submytube
---------
免費網頁設計工具 | Webflow 中文教學-03 |
elements hides and lottie animation
實作範例
http://yt-wixpress-org-test.webflow.io/
[After Effects]How to use Bodymovin export html files and json
https://www.youtube.com/watch?v=vyH3zZpu30E
✪✪✪FYR 補充資料如下✪✪✪
一頁式購物網站線上申請
https://room404.tw/minigo/
■Wordpress免費架網站教學
https://www.youtube.com/playlist?list=PLx1Sz7nuD5XoCf4-RN13R_l72iXhq0zl2
■Wix免費架網站教學
https://www.youtube.com/playlist?list=PLx1Sz7nuD5XqtWmmGTag3sOeUJf9Q38s6
❤小額贊助頻道 Donate us a cup coffee❤
https://www.paypal.me/178yo
lottie animation 在 airbnb/lottie-android: Render After Effects animations ... - GitHub 的推薦與評價
Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on ... ... <看更多>