Lottie Animation
اگر در حوزه گرافیک و انیمیشن فعال و به روز هستید حتما تا به حال اصطلاح Lottie Animation را شنیده اید. این نوع انیمیشن جدیدترین نوع گرافیک متحرک است که می توان گفت از نوع گزافیک برداری بوده و با انیمیشن های معمول مانند Gif که با تصاویر پیکسلی پشت سرهم تشکیل شده اند کاملا متفاوت است.
انیمیشن های کلاسیک
انواع انیمیشن معمولی و سنتی از روش قدیمی نمایش پشت سر هم تصاویر پیکسلی که هر کدام اندکی با تصاویر قبل و بعد خودش متفاوت است تشکیل شده است. انیمیشن ها کلاسیک با فرمت های Avi, Mp4, Mov, 3Gp, Gif و … ذخیره می شوند و حجم زیادی دارند خصوصا اگر به دنبال کیفیت بالا باشید.
انیمیشن لوتی چیست؟
این نوع جدید انیمیشن که Lottie Animation نامیده می شود در واقع یک نوع گرافیک برداری است. در این فرمت جدید اطلاعات اجزای گرافیکی انیمیشن و حرکات آن در یک فایل با ساختار json دخیره می شود. با فراخوانی این این نوع فایل در محل مناسب و رندر شدن آن در واقع یک تصویر متحرک را مشاهده خواهید کرد. این تصویر با تصاویر معمول متفاوت بوده و حجم بسیار کمی دارد ضمن اینکه با برگنمایی هم کیفیت خود را حفظ می کند.
برای ساخت و طراحی این انیمیشن ها می توان از نرم افزارهایی مانند After Effects استفاده کرد.
نمونه‌ای از کاربرد این اپلیکیشن‌ها استیکرها و آیکون‌های تلگرام است.
ویژگیهای انیمیشن لوتی
- حجم بسیار کم
- عدم افت کیفیت با بزرگنمایی
- ساختار فایل json
- برداری بودن تصاویر (Vector)
- قابل استفاده در طراحی سایت‌ها و وب اپلیکیشن‌ها
- قابلیت استفاده در اپلیکیشن‌های آندروید
- امکان متوقف کردن، معکوس کردن و تعیین نقطه شروع و پایان انیمیشن
- و …
نمونه هایی از انیمیشن لوتی
در ادامه سه نمونه از انیمیشن های لوتی را مشاهده می نمایید:
هماتطور که مشاهده می کنید برای انیمیشن‌های فوق امکانات کنترل پخش، توقف و تکرار هم قرار داده شده. برای یادگیری نحوه قرار دادن انیمیشن های لوتی در محتوای سایت های وردپرسی مانند نمونه های بالا، از لینک زیر استفاده نمایید.
نحوه استفاده از انیمیشن‌های لوتی در وردپرس
انواع انیمیشن‌ها متنوع و جذاب و کاربردی را از لینک زیر می توانید مشاهده و دریافت نمایید.
دریافت انیمیشن‌های لوتی یا وکتور (Lottie Animation)
با ارایه نظرات خود ما را در انتشار محتوای مناسب یاری رسانید.
