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

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
פרסומת
MAGNEZIX מגנזיקס


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

פרויקט תיבת תוחמתפרויקט תיבת תוחמתפרויקט תיבת תוחמת

אנימציה לדוגמה של כותרת יצירתית

ראשית, בואו נסתכל כיצד מורכבת אנימציית החשיפה ב-After Effects על ידי התבוננות באנימציה לדוגמה זו מ Envato Elements. אתה יכול להוריד אותו בקישור למטה:

חבילת כותרות יצירתיותחבילת כותרות יצירתיותחבילת כותרות יצירתיות

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

דוגמא לאנימציהדוגמא לאנימציהדוגמא לאנימציה

ואז הוא גדל כלפי מעלה תוך שהוא נשאר רזה.

כלפי מעלה ודקכלפי מעלה ודקכלפי מעלה ודק

ואז מאותה נקודה זה גדל החוצה.

גדל יותרגדל יותרגדל יותר

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

בסדר, אז בואו ננסה לשכפל את זה ב-Adobe After Effects. בפרויקט הזה, אני הולך ללכת כ-2.5 שניות קדימה בציר הזמן.

2 שניות בציר הזמן2 שניות בציר הזמן2 שניות בציר הזמן

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

ליצור מסגרות מפתח בגודלליצור מסגרות מפתח בגודלליצור מסגרות מפתח בגודל

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

צור פריים מפתח שניצור פריים מפתח שניצור פריים מפתח שני

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

ה-keyframe הבאה-keyframe הבאה-keyframe הבא

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

משוך את ה-keyframe לתחילת ציר הזמן.

לחזור לציר הזמן ההתחלתילחזור לציר הזמן ההתחלתילחזור לציר הזמן ההתחלתי

פתח את אפשרויות הקו וצור מסגרת מפתח עבור רוחב שבץ.

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

keyframe עבור שבץkeyframe עבור שבץkeyframe עבור שבץ

הזז את מסגרת המפתח עבור רוחב הקו שמכיל ערך של 20 לאמצע.

העבר את ה-keyframe לאמצעהעבר את ה-keyframe לאמצעהעבר את ה-keyframe לאמצע

לאחר מכן, בתחילת ציר הזמן, צור חדש רוחב שבץ keyframe עם ערך של 0.

ליצור מסגרת מפתח חדשהליצור מסגרת מפתח חדשהליצור מסגרת מפתח חדשה

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

אנימציה עד כהאנימציה עד כהאנימציה עד כה

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

קלות קלהקלות קלהקלות קלה

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

כפתור גרף מהירותכפתור גרף מהירותכפתור גרף מהירות

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

גרָףגרָףגרָף

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

להפוך את האנימציה למהירה יותרלהפוך את האנימציה למהירה יותרלהפוך את האנימציה למהירה יותר

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

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

בחר מיקוםבחר מיקוםבחר מיקום

אם אתה פותח מתחת לבורר הטווח ב מִתקַדֵםאנחנו הולכים לשנות את מבוסס על פרמטר, ובמקום תווים, אנחנו הולכים לבחור שורות.

בחר שורותבחר שורותבחר שורות

זה אומר שהוא יבצע הנפשה לפי שורות הטקסט (למשל שורה 1, שורה 2, שורה 3).

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

להנפיש את הקוויםלהנפיש את הקוויםלהנפיש את הקווים

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

הכנס מסגרת מפתח למיקוםהכנס מסגרת מפתח למיקוםהכנס מסגרת מפתח למיקום

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

התאם את מסגרת המפתח האמצעיתהתאם את מסגרת המפתח האמצעיתהתאם את מסגרת המפתח האמצעית

חזור לסוף keyframe והכנס מיקום keyframe (זהו המיקום של השכבה כולה).

מיקום keyframeמיקום keyframeמיקום keyframe

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

לדחוף שמאלהלדחוף שמאלהלדחוף שמאלה

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

קל להקל על מסגרות מפתחקל להקל על מסגרות מפתחקל להקל על מסגרות מפתח

לאחר מכן חזור לעורך הגרפים והתאם את המהירות לכ-90% מההשפעה הנכנסת.

עורך גרפיםעורך גרפיםעורך גרפים

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

אתה יכול להוריד את הרקע שהשתמשתי בו על ידי לחיצה על הקישור למטה:

רקע מופשטרקע מופשטרקע מופשט

מכה Control-Alt-Shift-Gשהוא קיצור המקלדת לשינוי גודל השכבה כך שתתאים לגובה הקומפוזיציה.

להתאים שכבה ל-compלהתאים שכבה ל-compלהתאים שכבה ל-comp

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

לטשטש את הרקעלטשטש את הרקעלטשטש את הרקע

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

טשטוש עדשת המצלמהטשטוש עדשת המצלמהטשטוש עדשת המצלמה

אתה יכול גם להוסיף א אפקט עקומות אל הרקע.

התאמת עקומותהתאמת עקומותהתאמת עקומות

מזל טוב

אנימציה סופיתאנימציה סופיתאנימציה סופית

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

אני מקווה שמצאת את האנימציה הזו של After Effects tמדריך שימושי, ונתראה בפעם הבאה ב-Envato Tuts+!



קישור לכתבת המקור – 2022-06-21 17:17:09

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on telegram
Telegram
Share on whatsapp
WhatsApp
Share on email
Email
פרסומת
MAGNEZIX מגנזיקס

עוד מתחומי האתר