אנימציה בפוטושופ: הכנת האנימציה

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

הקדמה

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

ציירתי פרצוף והכנתי לו 4 שיקופיות [Frame].

[להורדה מיידית, החזיקו את ALT ולחצו על אחת מהתמונות]

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

שלב ראשון: פתיחה ואיחוד התמונות

בסוף השלב הזה: נגיע למצב שכל התמונות [הארבעה הנ"ל] יהיו בקובץ פוטושופ [PSDPhotoshop Document], כשהם מחולקים לשכבות [Layers].
שימו לב: אם כבר יש לכם את כל השיקופיות מחולקות לשכבות, אתם יכולים לדלג לשלב השני.

1) פתחו את השיקופיות שתרצו שיהיו באנימציה.

2) תפתחו מסמך חדש שבו יתאחדו כל השכבות.
אני בחרתי בגודל:
Width: 400, Height: 125

3 א) אחרי שפתחתם, לכו לאחד מהשיקופיות שפתחתם. אני בחרתי בשיקופית 4. [כדאי לבחור לפי הסדר כדי לא להתבלבל, במקרה שלי – בחרתי בסדר ההפוך]
תסמנו את האנימציה ב- Select > All או ב- Ctrl+A.

3 ב) תעתיקו את מה שסימנתם: Edit > Copy או Ctrl+C.

3 ג) לכו למסמך החדש שפתחתם, ותדביקו:
Edit > Paste או Ctrl+V.

3 ד) רצוי: שנו את השם של השכבה ל- "שיקופית X". [בX תבחרו את מספר השיקופית שלכם]

4) בצעו את סעיף 3 עד שתסיימו את כל השיקופיות.

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

שלב שני: המרה לשיקופיות בחלון האנימציה

1) פתחו את חלון האנימציה:
Window > Animation

2) בחלון האנימציה, לחצו על החץ ויפתח לכם התפריט הנפתח [Drop Down Menu].
בחרו בMake Frames From Layers.
הפונקציה הזאת לוקחת לכם את כל השכבות ומפצלת אותם לשיקופיות. (השכבות נשארות כמובן…)

3 א) מחקו את השיקופיות שאתם לא רוצים. (במקרה שלי, מחקתי את הראשון והאחרון)

3 ב) סמנו את כל השיקופיות שנותרו:
CTRL ולחיצה על כל אחת מהשיקופיות, או
סימון השיקופית הראשונה, אחיזה בSHIFT ולחיצה על השיקופית האחרונה.

סמנו את השכבות שתרצו כ'נראה' בחלון השכבות.

לחצו על הלחצן 'נגן' ותראו מה יוצא. [Play]
במקרה שלי, הפרצוף פותח עיניים.

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

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

מה שאני עושה זה לוחץ על התפריט הנפתח ובוחר על Reverse Frames.
הפונקציה הזאת הופכת את הסדר של השיקופיות. [אם השיקופיות שלי הם 'א', 'ב', 'ג', כשנפעיל את הפונקציה הסדר יהפוך ל'ג', 'ב', 'א']
הפונקציה הזאת לא משפיעה על השכבות. רק על השיקופיות.

עכשיו גררתי את שלושת השכבות לסוף.

שלב שלישי: זמן פעולה של שיקופית

בחרו את השיקופית שתרצו ושנו לה את הזמן בלחיצה על האיזור של "0 sec".
ככה אני בחרתי:

שלב רביעי: שמירת האנימציה

עכשיו נשמור את האנימציה.

סיום

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

התוצאה שלי

"התוצאה

  1. מאת ליאן
    12 באוקטובר 2010
    בשעה 21:09

    מדריך מעולה אני אנסה בהזדמנות! 🙂

  2. מאת דניאל
    22 באוקטובר 2010
    בשעה 13:42

    מדריך מעולה 😉
    גם אני ינסה 😉

  3. מאת דנה
    30 במאי 2012
    בשעה 17:19

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

  4. מאת אלרון
    30 במאי 2012
    בשעה 19:09

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

  5. מאת דנה
    1 ביוני 2012
    בשעה 0:12

    היי
    תודה שחזרת ומהר….:)

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

  6. מאת אלרון
    3 ביוני 2012
    בשעה 16:27

    היי דנה,
    כל הכבוד על ההתמדה!
    לפי מה שהבנתי יש בתוך המסמך שלך רק שכבה אחת בודדה (פרצוף אחד) והוא זז בתוך המסמך, אבל לא מתחלף לפרצופים האחרים, נכון?
    בשלב 3 את בעצם לוקחת את כל הפרצופים (ארבעתם) ושמה באותו קובץ – בשכבות (layer,לייר) שונים.
    אחרי שהפרצופים שלך מסודרים בשכבות שונות באותו מסמך, תעברי על שלב 2 ותנסי להמשיך משם.
    אם משהו עדיין לא ברור תמשיכי לשאול 🙂

  7. מאת דנה
    3 ביוני 2012
    בשעה 13:02

    היי
    הפעם אין לי תשובה?

    יום טוב
    דנה

  8. מאת דנה
    5 ביוני 2012
    בשעה 12:01

    תודה תודה אני אנסה:)

  9. מאת מריבל
    4 ביולי 2012
    בשעה 13:25

    מדריך מעולה!!! הצלחתי!!!!!
    תודה רבה!!!

  10. מאת ירין
    22 באוגוסט 2014
    בשעה 21:56

    למה אין לי בWindow את האפשרות Animation מה אני עושה?

ספר מה אתה חושב