כיצד ליצור אנימציה פשוטה באמצעות Adobe Illustrator ואפטר אפקטס

האם אי פעם יצרת איור מדהים עם Adobe Illustrator ותהיתם מה עוד אפשר לעשות איתו? אתה יכול לייבא אותו לאפטר אפקטס ולהפוך אותו לאנימציה פנטסטית. עקבו אחרי כדי לראות כמה קל זה יכול להיות.

צור איור ב-Adobe Illustrator

ישנן דרכים שונות ליצור איור לאנימציה עתידית. השימוש ב-Adobe Illustrator מציע לך פתרונות איור אינטואיטיביים שניתן לייבא ולהבין בקלות ב-After Effects. אתה יכול גם השתמש בפוטושופ כדי ליצור קומפוזיציה עבור After Effects, אבל אנחנו הולכים להתמקד בעבודה עם Illustrator.

בעת יצירת מסמך Illustrator שלך, הגדר אותו לגודל הסרטון המיועד שלך (אנו משתמשים ב-1920 x 1080). כדי להתחיל מסמך חדש, לחץ קובץ חדש ובחר את המידות שלך. נְקִישָׁה בסדר ואתה מוכן להתחיל לעצב.

השתמש בצורות פשוטות

יתרון אמיתי בשימוש ב-Illustrator לעיצוב האנימציה שלך הוא אפשרויות מאתר הנתיבים. אתה יכול לעצב באמצעות צורות פשוטות, כמו אליפסה או מלבן, ועל ידי שימוש בפונקציות מאתר הנתיבים, אתה יכול בקלות להפוך את הצורות הפשוטות הללו לאיורים מסובכים יותר.

שימוש בצורות פשוטות ומינימליסטיות עבור האיור שלך יעזור לך גם בכל הקשור להנפשה. איור פשוט קל יותר להנפשה מאשר משהו הרבה יותר מורכב. בטח תשים לב שרוב האנימציות שאתה מוצא באינטרנט הן די פשוטות.

פלטת צבעים מינימליסטית תשלים את האנימציה הפשוטה שלך - כתבנו מדריך ליצירה פלטת צבעים אוטומטית באילוסטרייטור.

עבודה על שכבות נפרדות

עבודה על שכבות נפרדות ב-Illustrator היא לא רק תרגול טוב, אלא שהיא אינטגרלית לייבוא ​​האיור שלך ל-After Effects מאוחר יותר. השכבות יישמרו, ותוכלו לבצע הנפשה בקלות שכבה אחר שכבה.

כל אלמנט בעיצוב שלך שאתה רוצה להנפיש - או לא להנפיש - צריך להיות בשכבה נפרדת. אם אלמנט מורכב אך אין לו חלקים בודדים שניתן להנפשה, כל החלק הזה צריך להיות על אותה שכבה ביחד. יש לשנות את שמה של כל שכבה כדי שתוכל לעקוב אחר כולן ב-AE. כדי לשנות שם של שכבה, לחץ פעמיים על השם הנוכחי שלה.

כאשר מייבאים את האיור שלך ל-AE, לא רק שממדי הקובץ והשכבה יישארו זהים - ובכך שמירה על האלמנטים שלך במיקומים הנכונים שלהם - אבל האלמנטים המהווים כולם יופרדו בצורה נכונה גם כן.

שמירת קובץ אילוסטרייטור

כשהאיור שלך הושלם, עבור אל קובץ > שמור בשם ושמור אותו כקובץ AI. לאחר שתלחץ להציל, יופיע חלון קופץ. ודא כי צור קובץ תואם PDF התיבה מסומנת ולאחר מכן לחץ בסדר.

הסיבה לשמירת האיור שלך כקובץ AI היא שהוא הופך לקובץ חי. אם יצרת את האנימציה שלך עם אותו קובץ, אבל מאוחר יותר תבין שאתה רוצה לשנות את הצבע או היבט של האיור, אתה יכול. כל שינוי שנשמר בקובץ ה-AI יבוא לידי ביטוי מיידי בהנפשה של After Effects, כל עוד אתה משתמש בקובץ ה-AI.

זו אפשרות שאתה מקווה שלא תזדקק לו אם עשית את האיור כמו שאתה רוצה. אבל זה נהדר שיש לך אפשרות לשנות היבטים בעתיד במידת הצורך.

ייבוא ​​העיצוב שלך ל-Adobe After Effects

כשקובץ ה-AI שלך שמור, הגיע הזמן לייבא את האיור אל After Effects. ל-AE שלושה תחומים עיקריים: פאנל פרויקט, ציר זמן וקומפוזיציה. לחץ פעמיים בחלונית Project ויופיע חלון קופץ. מצא את קובץ ה-Illustrator שלך, בחר ייבוא ​​בשם > קומפוזיציה - שמור על גדלי שכבות, ולחץ יְבוּא. לוודא צור קומפוזיציה מסומן.

כאשר הוא נפתח, תראה שתי אפשרויות קבצים בחלונית Project. האחד יהיה קובץ הקומפוזיציה והשני יהיה תיקיה של השכבות הנפרדות. אתה לא צריך להשתמש בתיקייה. גרור את קובץ הקומפוזיציה למטה אל ציר הזמן, והאיור שלך יופיע באזור הקומפוזיציה. אתה תראה את כל השכבות שלך בציר הזמן.

אתה יכול להתאים את משך ההנפשה על ידי הארכה או הקטנה של טווח הזמן מעל ציר הזמן. זה יהיה אורך הסרטון שלך בעת ייצוא, אך ניתן לשנות אותו בכל עת במהלך תהליך העיצוב.

טרנספורמציה באפטר אפקטס

בציר הזמן, כל שכבה יכולה להיות מונפשת בנפרד עם אפשרויות מעבר רבות ושונות. כדי לראות את המעברים, לחץ על הקטן חץ לבן על שכבה, ולאחר מכן לחץ על החץ שלצד שינוי צורה כדי להציג ולשנות את סוגי האנימציה.

תראה את אפשרויות השינוי הבאות:

• נקודת עוגן
• עמדה
• סוּלָם
• רוֹטַציָה
• אֲטִימוּת

ליד כל אחת מהאפשרויות תהיה קבוצה של מספרים. המספרים האלה עשויים להיות אחוז, קואורדינטות או משהו אחר. כל אחד מהם מתייחס לאפשרות הטרנספורמציה שלידה; כאשר תשנה חלק מהאנימציה שלך, המספרים ישקפו את השינוי.

שינוי אפשרויות הטרנספורמציה לא יעשה דבר ללא שימוש במסגרות מפתח. הם החלק החשוב ביותר באנימציה באפטר אפקטס.

עבודה עם Keyframes

מסגרות מפתח הן סמלים בצורת יהלום המייצגים אלמנט טרנספורמציה עבור מחוון הזמן. לפני שתוכל להשתמש במסגרות המפתח, עליך ללחוץ על סמל שעון העצר שליד אפשרות הטרנספורמציה שבחרת - היא פועלת כמתג ומזהה את אפשרות השינוי בשימוש.

כאשר שעון העצר פועל, אתה יכול להזיז את מחוון הזמן - קו כחול אנכי עם לשונית בחלק העליון - לאורך ציר הזמן של האנימציה שלך למקומות שבהם תרצה שרכיבי אנימציה יקרו. שינוי פרמטרי המספר יוסיף מסגרת מפתח. עבור כמה אפשרויות טרנספורמציה - כמו קנה מידה או מיקום - אתה יכול גם להזיז ידנית את האלמנט בחלון הקומפוזיציה במקום לשנות את המספרים.

בכל פעם שתזיז את מחוון הזמן ולאחר מכן משנה פרמטר טרנספורמציה, הוא יוסיף מסגרת מפתח. אתה יכול להזיז פריים מפתח מהמיקומים שלהם והפרמטר יעבור למקום שבו אתה מציב את המפתח.

אתה יכול גם להעתיק ולהדביק מסגרת מפתח שתשתקף בשכבה אחרת. לדוגמה, אם אתה רוצה שמספר שכבות יזוזו בו-זמנית, תוכל להעתיק מסגרות מפתח של מיקום אחד של שכבה אחת ואז להדביק אותן בשכבה אחרת. הם ידביקו לכל מקום שבו מחוון הזמן יושב. בחירת מספר שכבות בו-זמנית והוספת פריימים מפתח לאחת תמקם את אותה פריים מפתח על כל השכבות שנבחרו.

שימוש ב-Easy Ease

הפונקציה Easy Ease נמצאת בשימוש נפוץ, אבל מה היא עושה? הרמז הוא קצת בשם - זה מקל על מרכיבי האנימציה.

הוספת Easy Ease למסגרת מפתח מעניקה לאפשרות Transform קלות טבעית יותר, במקום סוף (או התחלה) פתאומי. זה הבדל עדין מאוד, אבל זה, שללא ספק, מוסיף רמת מומחיות לאנימציות שלך.

כדי להשתמש ב-Easy Ease, לחץ לחיצה ימנית על כל יהלום מפתח פריים ועבור אל Keyframe Assistant > קלות קלה. אתה יכול גם להשתמש בקיצור הדרך F9 ליישם Easy Ease. יהלום מסגרת המפתח יהפוך לצורת שעון חול כדי לייצג את הקלות הקלה.

ייצוא האנימציה שלך

לאחר שתסיים להנפש ב-After Effects, ואתה מרוצה מאיך שהכל נראה, עליך לשמור את הסרטון שלך. אתה יכול השתמש בתוספים כמו LottieFiles כדי ליצור אנימציות של Lottie מהסרטון שלך, או שאתה יכול לייצא כסרטון עם אפשרויות עיבוד שונות.

לך ל קובץ > ייצוא > הוסף לתור עיבוד. בחר יעד פלט ולחץ לְדַקלֵם. אתה יכול להשאיר את האנימציה שלך לעיבוד ללא פיקוח; בהתאם לאורכו ולמספר האלמנטים, זה עשוי לקחת זמן מה. לאחר סיום העיבוד, יש לך את סרטון האנימציה שלך.

שנה את אמנות האילוסטרייטור שלך באפטר אפקטס

אתה יכול למקסם את כישורי Adobe Illustrator שלך על ידי הפיכת איור פשוט לאנימציה מרשימה. על ידי שימוש בכלי מאתר הנתיבים והשכבות של Illustrator, תעריך את הכלי לאחר ייבואו ל-After Effects. עקוב אחר המדריך הזה ותעשה אנימציה מגניבה.

75+ קיצורי מקשים של Adobe After Effects כדי להקל על חייך

קרא הבא

על הסופר