יצירת אנימציה בפוטושופ – קל קלות!

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

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

חשוב לי להדגיש שהמילה אנימציה היא מילה גדולה מדיי ובפוסט הזה אנחנו הולכים ליצור תמונת אנימציה פשוטה מאוד שבסוף התהליך נשמור אותה בפורמט GIF. פורמט GIF (Graphics Interchange Format) הוא קובץ בודד המכיל בתוכו מספר תמונות דחוסות ועושים בו יותר שימוש בדפי אינטרנט.

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

אוקי, אז עכשיו אחרי שסגרנו את הפינה הזאת נתחיל.

יצירת אנימציה בפוטושופ מתאפשרת מגרסת פוטושופ CS2 ומעלה.

 

 

 

 

זה מה שנעשה בפוסט הזה:

קליק כאן להורדת קובץ המקור לפוסט הזה

 

1.

פתחו את פוטושופ ואת קובץ המקור. כמו שאתם רואים יש לנו 7 שכבות: רקע + עיגולים + מספרים 5 עד 1. חלק מהשכבות מוסתרות ותיכף תבינו מדוע.

2.

פתחו את חלון האנימציה שנמצא בשורת התפריט העליון תחת Window>Animation.

3.

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

4.

אחרי שמצאתם את האייקון המתחבא ולחצתם עליו החלפתם את התצוגה לפריימים וזה אמור להיראות כך:

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

5.

אוקי לאנימציה! פריים ראשון כבר נוצר לנו אוטומטית. בפריים הזה אנחנו רואים את העיגול עם הספרה 5. עכשיו אני רוצה ליצור פריים חדש עם הספרה 4. כדי לעשות את זה לחצו על האייקון של יצירת פריים חדש. עכשיו גשו אל חלון השכבות (F7) ולחצו על העין שנמצאת סמוך לשכבה 5 כדי להסתיר אותה. לחצו על העין של שכבה מספר 4 כדי להציג את השכבה בתוך הפריים. ראו דוגמה:

6.

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

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

7.

כדי לשמור את האנימציה ניגש אל שורת התפריט העליון נלחץ על File>Save For Web And Devices. יפתח לנו חלון שמירה בו נוכל לקבוע שסוג הקובץ יהיה GIF כדי שתהיה לנו הנפשה ולדאוג שהוא יהיה בלופ. בחרו שם ושמרו את הקובץ.

לסיכום:

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

---

**  המעצב בתחתונים או בשמו האמיתי אסף הרשקו. Read more from this author

---