זהו תהליך מעט מורכב, אבל אל דאגה: ניקח אתכם צעד צעד בדרך לאנימציות מדהימות לאתר שלכם. בהמשך הכתבה, יש גם סרטונים עם הסברים מפורטים.
אז ככה, בכדי ליצור אנימציית לוטי נצטרך תחילה להוסיף את הפלאגין Bodymovin או Lottie לתוכנת אפטר אפקטס. לאחר מכן, אנחנו יכולים לבחור באחת משתי דרכים:
- הדרך הפשוטה היא לעצב ולייצר אנימציה ישירות בתוך אפטר אפקטס, ואז לייצא.
- אפשרות נוספת היא לייבא קבצים חיצוניים מתוכנות עיצוב וקטוריות, ואז לייצא אותן לאפטר אפקטס.
איך מייבאים קבצים לתוך אפטר אפקטס? הנה הסבר קצר:
- בפיגמה או סקאץ', רכזו את כל החומרים לאנימציה תחת קבוצה אחת
- בחרו את הקבוצה ויצאו אותה כקובץ SVG
- פתחו את הקובץ באילוסטרייטור ויצאו אותו כקובץ AI
*ישנה אופציה נוספת המאפשרת לדלג על שלושת השלבים הללו, בעזרת התוסף AEUX. זהו תוסף שמייצא מפיגמה וסקאץ׳ את הקבצים המתאימים לאפטר אפקטס.
עכשיו אתם מוכנים לעבור לשלב הבא, בתוך אפטר אפקטס:
- יבאו את הקובץ לתוך אפטר אפקטס
- צרו קומפוזיציה, קבעו את ה-Duration ובדקו את ה-Frame rate
- המירו את האילוסטרציה ל-Shape layers
- צרו אנימציה כלשהי
יצאו את הקובץ עם Bodymovin או Lottie
- בדקו את האנימציה על ידי גרירה של קובץ ה-JSON ל-Lottiefiles.com
*שימו לב, לוטי אינה תומכת ב-expressions, blending modes, luma mattes, layer styles – או כמעט בכל אפקט מהתפריט של אפטר אפקטס.
הכנו עבורכם גם שני סרטונים קצרים שמציגים את התהליכים שתיארנו כאן, למי שמעדיף את ההסברים שלו בווידאו:
8 Responses
האם יש אפשרות ליצא אנימציה וקטורית באנימייט לאפטר ובאפטר לסגור אותה ללוטי?
תודה!
מכיוון שאפשר לייבא לאפטר רק flv מaminate למיטב ידעתי, ולוטי יודע לסגור רק shape layers אז אני מניח שלא.
אתודה!
פשר גם ליבא לאפטר מאנימייט קובץ בשם swf, שהוא קובץ וקטורי טהור
אפשר גם ליצא מאנימייט ל svg sequence
אולי זה יאפשר לה ליצא ללוטי?
תכלס המעלה הגדולה של אנימייט זה הוקטוריות שלה וההתאמה שלה לקודים…
אני עובדת כבר שנים עם אנימייט בעיקר לאנימציות ברשת ואשמח מאוד לקבל פתרונות כדי להצליח לייצר לוטי עבור הלקוחות שהולכים לדרוש את זה בגדול, כי זה ממש מדהים היכולות של לוטי.
תודה רבה!
אמנם swf יכול להכנס לאפטר אבל מכיוון שזה לא מכיל shape layers של אפטר אז לוטי לא ידע לקרוא את זה.
אי אפשר לייבא קובץ svg לאפטר. אבל אם תוכלי להמיר את הקבצים האלה מראש לAi / eps תוכלי להכניס אותם לאפטר ואזזזזזז להפוך אותם לshape layers ורק אזזזזז לוטי ידע לקרוא אותם.
כמובן שגם אז זה תלוי בקובץ של הראשון. כי לא תמיד מה שמומר באפטר לshape Layer מתקבל יפה.
(נגיד גרדיינט, אפקטים של צל וכו'…)
ממש תודה על התגובה, הבנתי
לפי מה שנראה מההדרכה הרי שלוטי עובדת רק עם אנימציה פריים בי פריים
או שאפשר ליצור אנימציה ע"י קיפריימים בטרנספורם באפטר?
אחת הדוגמאות בהדרכה הייתה אנימציית שהובאה Frame by frame באמת.
אבל כמו בשאר הדוגמאות ניתן לייצא מהאפטר גם אנימציות שנעשו עם הקיפריימים בתוך האפטר.
הם עובדים על תוסף לאנימייט