ما هي الرسوم المتحركة لوتي؟ كل ما تريد أن تعرفه عن لوتي

يعد إنشاء رسوم متحركة معقدة لنظام التشغيل Android و iOS وما إلى ذلك ، بالطبع ، عملية طويلة. إنها حتى كمصمم أو رسام متحرك ، وأحيانًا تكون عملية دعابة للدماغ.

يجب عليك إما تحميل ملفات صور كبيرة لكل حجم شاشة أو كتابة ألف سطر من التعليمات البرمجية الهشة التي يصعب صيانتها. نتيجة لذلك ، على الرغم من كونها أداة قوية لتوصيل الأفكار وإنتاج تجارب مستخدم مقنعة ، فإن معظم التطبيقات لا تستخدم الرسوم المتحركة للفيديو.

لا يجب أن يكون الأمر كذلك! لقد انتهت هذه المشكلات منذ فترة طويلة ، وهناك العديد من تنسيقات الملفات والأنظمة الأساسية المفيدة وما إلى ذلك ، والتي يمكنك الاستفادة منها لتبسيط سير عملك. أحد هذه التنسيقات هو لوتي.

في هذه المدونة ، سأخبرك عن هذا التنسيق المثير للاهتمام والمفيد.

ما هو لوتي؟

في السنوات التي سبقت Lottie ، كان مصممو الحركة يصممون الرسوم المتحركة الخاصة بهم ثم يرسلونها إلى مطوري البرامج لوضعها موضع التنفيذ. كانت خيارات التنفيذ غير كافية ومحدودة النطاق.

كان من الممارسات الشائعة للمطورين تصدير الرسوم المتحركة بتنسيقات منخفضة الجودة أو محاولة إعادة إنشاء تصميم الرسوم المتحركة في رمز من البداية إلى أفضل قدراتهم. مما لا يثير الدهشة ، أنه لم يكن الأسلوب الأكثر فاعلية وقد أدى في كثير من الأحيان إلى رسوم متحركة غير فعالة وبدت مختلفة تمامًا عن الإخراج المقصود من مصمم الحركة.

توصل هرنان توريسي إلى فكرة تصدير تمثيل الرسوم المتحركة التي تم إنشاؤها في Adobe After Effects وإنشاء الرسوم المتحركة في وقت التشغيل في عام 2015. تم استخدام إمكانات البرمجة النصية لـ After Effects لتكرار مشروع رسوم متحركة ، ومكوِّن إضافي لبرنامج Adobe After Effects يسمى Bodymovin أنتج وصفًا للرسوم المتحركة بتنسيق JSON.

إلى جانب مشغل المتصفح ، قدم أول عارض للتنسيق على الإطلاق ، والذي تم إنشاؤه باستخدام Javascript.

منذ طرحها في عام 2017 ، وفرت LottieFiles للرسامين والمطورين منصة لاختبار ومشاركة وعرض الرسوم المتحركة الخاصة بهم على الويب بسرعة. يسمح تنسيق الملفات (JSON) المستند إلى Lottie Animation للمصممين بنقل الرسوم المتحركة عبر الأنظمة الأساسية دون عناء.

تم تسمية لوتي على اسم شارلوت "لوت" راينيجر ، المخرجة الألمانية التي تعتبر على نطاق واسع رائدة في العالم في الرسوم المتحركة الظلية. لا توجد قيود على الأنظمة الأساسية التي يدعمها. يمكن الوصول إليه عبر iOS و Android والويب.

يتم استخدام مزيج من مكونات المتجه والنقطية في Lottie لإنشاء رسوم متحركة عالية الجودة تكون عبر الأنظمة الأساسية في الطبيعة. تهدف إلى عناصر ومعلمات رسوم متحركة معينة ، فهي توفر القدرة على إضافة التفاعلية وتعديل المعلمات أثناء وقت التشغيل.

هذه ملفات صغيرة يمكن استخدامها على أي جهاز ويمكن تغيير حجمها دون فقدان الجودة. يمكن للمطورين إعادة استخدام ملفات Lottie في برمجتهم.

ماذا يمكن أن يفعل لوتي؟

يتيح Lottie تشغيل الرسوم المتحركة الخاصة بك على أي ويب أو جهاز محمول بجودة عالية ، وباستخدام الإعدادات الذكية ، يمكنك جعل الرسوم المتحركة الخاصة بك أكثر جاذبية.

شيء واحد يجب مراعاته هو أنه أثناء البناء لـ Lottie ، يجب أن تكون ملفات JSON أصغر قدر الإمكان لمنصة الهاتف المحمول. استخدم تقنيات الأبوة والأمومة كلما أمكن ذلك.

تتم إضافة رمز إضافي أثناء تكرار نفس الإطارات الرئيسية على طبقة مماثلة. يجب عليك استخدام مسار الرسوم المتحركة keyframe كلما أمكن ذلك.

يتم استهلاك معظم المساحة عن طريق إضافة بيانات لكل رأس على كل إطار رئيسي.

يمنحك التتبع التلقائي أو تقنية wiggler إطارًا رئيسيًا لكل إطار ولكن جعل حجم ملف JSON ثقيلًا جدًا قد يؤثر سلبًا على الأداء. يجب أن تكون متوازنة مع التكوين للعمل بسلاسة وكفاءة.

أين يمكنك استخدام لوتي؟

وفقًا للمطور ، يمكن الوصول إلى Lottie's من أي نظام أساسي تقريبًا ، بما في ذلك الويب والأجهزة المحمولة. بمعنى آخر ، يمكن دمجها بسهولة في كل من تطبيقات الهاتف المحمول والتطبيقات المستندة إلى الويب.

في بعض خدمات المراسلة ، يمكن استخدام رسوم Lottie المتحركة كملصقات. لا يقتصر على الويب أو الأجهزة المحمولة من حيث القيود الفنية. في تطبيقات سطح المكتب وكذلك بعض الساعات الذكية ، يمكنك الاستفادة منها.

تتوفر العديد من الإضافات والمكتبات عبر الأنظمة الأساسية للويب و iOS و Android و Flutter و React و Vue و Angular و Sketch. يتم دعم Figma و After Effects والمزيد في ملفات الرسوم المتحركة Lottie.

لماذا استخدام الرسوم المتحركة لوتي؟

من الطبيعي أن تفكر في سبب استخدام Lottie للرسوم المتحركة عندما يكون هناك العديد من الخيارات الأخرى المتاحة.

هذا هو السبب:

يمكن لعبها في أي مكان

يتوافق مشغل الويب Lottie مع أي متصفح يدعم Javascript المعاصرة ، مما يعني أنه يمكن تشغيل Lottie على أي متصفح حديث يدعم Javascript. بالإضافة إلى ذلك ، نظرًا لأن أحدث مجموعات تطوير البرامج تقدم محتوى ويب ديناميكيًا ، يصبح دمج Lottie في أي برنامج سطح مكتب أو كمبيوتر محمول أكثر بساطة.

هناك أيضًا مكتبات متاحة لتنفيذ تشغيل Lottie في أنظمة IOS و Android و Tizen ، مما يجعل من الممكن استخدام Lottie في تطبيقات الأجهزة المحمولة على الغالبية العظمى من الهواتف الذكية والأجهزة اللوحية. يتم اعتماد رسوم Lottie المتحركة بسرعة من قبل الشركات الكبرى لتحسين واجهات الهاتف المحمول الخاصة بها ، بينما تستخدم الشركات الناشئة Lottie في تصميمات منتجاتها لفصل نفسها عن المنافسة.

سهل الصيانة

يتم حفظ رسوم Lottie المتحركة كنص عادي ، مما يعني أنه يمكن للبشر مشاهدتها. نتيجة لذلك ، يؤدي استخدام Lottie في تطوير واجهات التطبيق إلى تقليل وقت التصحيح بالإضافة إلى الوقت الإجمالي للنشر. بالإضافة إلى ذلك ، فإن ملفات Lottie ذات النص العادي أقل تعقيدًا في صيانتها وضبطها لأنها لا تتطلب استخدام أدوات برمجية متخصصة.

يتم تنظيم بيانات النص في الرسوم المتحركة Lottie على أنها JSON ، مما يعني أنها جاهزة للاستيعاب في Javascript أو أي بيئة تطوير تطبيق أخرى تقبل JSON دون الحاجة إلى مزيد من التحليل أو المعالجة. نتيجة لذلك ، أصبح Lottie هو تنسيق الرسومات المتحركة الأكثر استخدامًا والمحمول في العالم.

إنه ديناميكي

تسمح بنية JSON لبيانات Lottie بمعالجة واستبدال محتوياتها بسهولة بدرجات عديدة من الدقة ، بدءًا من القيم الكسرية إلى أجزاء كبيرة من الكائنات. بالإضافة إلى ذلك ، يمكن تحميل المواد البديلة ديناميكيًا من أي موقع. نتيجة لذلك ، يعد Lottie حاليًا أكثر تنسيقات الرسومات المتحركة استخدامًا وديناميكية.

قابلية التوسع

نظرًا لأن المرئيات التقليدية ضخمة ، فإن العديد من الشركات تستخدمها بشكل مقتصد في واجهات مستخدم التطبيق. يمكن أن يؤدي وجود عدد كبير جدًا من الرسومات إلى زيادة تكاليف التخزين والاسترداد ، خاصةً عند البحث عن البيانات وفرزها في سياقها.

عند استخدامها في الحلول الكبيرة ، يمكن لملفات Lottie تقليل تكاليف التخزين والفرز / البحث حسب السياق. نظرًا لأن Lotties ديناميكية ، تحتاج التطبيقات فقط إلى تحميل المكونات التي تحتاج إلى التحديث في أي لحظة.

أعظم جودة

يستخدم المتجهات لتمثيل أبعاد الأشكال الهندسية ، وكذلك المحددات لتحديد خصائصها وكيف تستمر في الحركة أثناء الرسوم المتحركة. يتم عرض مشغل Lottie بدقة الشاشة الأصلية. يضمن ذلك عرض رسوم Lottie المتحركة دائمًا بأعلى جودة ممكنة.

يقوم المستخدم بتكبير الصورة المتحركة لوتي ، ويعيد اللاعب رسمها بدقة أصلية. هذا يعني أن الرسوم المتحركة لـ Lottie لا تنقسم أبدًا ، بغض النظر عن مدى تكبيرها.

في جوهره

يمكن تحقيق واجهات مستخدم سريعة وديناميكية وأنيقة باستخدام Lotties. سينخفض ​​استهلاك النطاق الترددي لعميلك كثيرًا نتيجة لانخفاض احتياجات التخزين للمكون المستضاف في تطبيقك.

إذا كنت تتطلع إلى إنشاء مقاطع فيديو رسوم متحركة لـ Lottie ، فإن أفضل مكان تريد أن تكون فيه هو webdew.

في webdew ، يتم إنشاء مقاطع الفيديو التوضيحية والرسوم المتحركة للشخصيات والرسوم المتحركة ثنائية الأبعاد والرسوم المتحركة على السبورة البيضاء على نطاق واسع بواسطة رسامي الرسوم المتحركة ومصممي الرسوم المتحركة المهرة. اتصل بنا لمعرفة المزيد.

المحرر: عمروثا