כיצד להשתמש ב- Photoshop ובאפטר אפקטים ליצירת גרפיקה מונפשת

כיצד להשתמש ב- Photoshop ובאפטר אפקטים ליצירת גרפיקה מונפשת

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





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





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





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

הכנת התמונות שלך בפוטושופ

נתחיל במציאת תמונות לגרפיקת האנימציה הסופית.

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



לאחר שמצאת את התמונות הרצויות, צור תמונה חדשה בפוטושופ. באופן אידיאלי, אתה רוצה שממדי קובץ Photoshop שלך יתאימו לפלט הווידאו שלך. לכן, אם אתה מפיק אנימציה ב- HD, תרצה שמידות הבד יהיו ברוחב 1,920 פיקסלים בגובה 1,080 פיקסלים.

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





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

ברגע שאתה מרוצה מהעריכה שלך, אמורה להיות לך מערכת בסיסית של תמונות ושכבות.





הכנת השכבות שלך

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

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

אם כבר מדברים על שכבות, אתה צריך לשנות את שם כל אלה בבירור. ואז תדע מה מתאים למה. להלן דוגמה כיצד לעשות זאת:

לבסוף, אתה רוצה שהחתול יגיב לפגיעה בראשו על ידי כף הכלב. בואו לשכפל את השכבה שנקראת Cat, שכותרתה Cat_Normal אחת, ואת Cat_Bonked הכפול.

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

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

הכנסת קובץ הפוטושופ שלך לאפטר אפקטים

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

בדוגמה זו, הקובץ ייקרא Dog_Cat_Animation.PSD.

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

פעולה זו תייבא את כל השכבות הבודדות של קובץ Photoshop שלך, תוך שמירה על הגדלים בהתאם למידות (ומכאן שבחרת ברזולוציית HD בהתחלה). מכה בסדר .

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

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

כיצד לבדוק אם הטלפון שלך נפרץ

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

כדי לחסוך זמן, הקש שכבה> חדש> אובייקט Null , ולהורות לתוכו את השכבות Dog, Dog Paw, Cat_Normal ו- Cat_Bonk.

כעת, כל תנועה שתחיל על האובייקט null תחול על כל אלה.

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

אל תשכח שאתה יכול להוסיף מסגרות מפתחות תְנוּעָה פרמטרים על ידי לחיצה על סטוֹפֶּר גם אייקונים.

לאחר מכן, בואו להנפיש את כף הכלב ואת תגובת החתול.

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

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

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

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

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

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

שימוש בפוטושופ ובאפטר אפקטס ביחד

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

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

לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל הזן את הממד השלישי: עבודה עם זרימות עבודה תלת -ממדיות ב- Adobe After Effects

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

קרא הבא
נושאים קשורים
  • יְצִירָתִי
  • אנימציה ממוחשבת
  • אדוב פוטושופ
  • עיצוב גרפי
על הסופר לורי ג'ונס(פורסמו 20 מאמרים)

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

עוד מאת לורי ג'ונס

הירשם לניוזלטר שלנו

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

לחצו כאן להרשמה