תרגילים באנימציה

תרגיל 1 (לבה - תרגיל שינוי צורה)

 על מנת ליצור אנימציה כזו   אפשר לעבוד בשני שלבים:
בשלב הראשון יוצרים אנימציה של הלבה העולה ויורדת כמו כאן,   (fla)להורדת קובץ התנועה
ובשלב השני מוסיפים בשכבה שונה את ה"בית" שבו הלבה נעה.
         (fla)להורדת קובץ מלא  
דוגמא נוספת:  קובץ fla, וקובץ swf
(מקש ימין על הקישור, ושמירה בשם).

תרגיל 2 (תמונה מתחלפת)

ליצירת אנימציה בה יש תמונה המתחלפת כל זמן קצוב, ומסביבה תנועה, כמו כאן יש לעבוד בשלוש שכבות.
לשכבה הראשונה יש לייבא תמונות, כמו כאן (swf) מקור (fla)
מייבאים את כל התמונות בעזרת file-import, מוחקים אותן מהבמה, ומושכים תמונה ראשונה למסגרת 1, עוברים למסגרת 15, מקש F6 ליצירת מסגרת-מפתח, מוחקים מהבמה את התמונה הקיימת ומביאים את הבאה וכן הלאה.
אוסף תמונות לתרגול: 1 2 3 4  (מקש ימין על המספר, ושמירה בשם).
בשכבה השנייה והשלישית שמים סמל שזז ממקום למקום, דוגמת שכבה 2 fla ו swf

(בנה ריבוע שגודלו משבצת אחת, סמן אותו, מקש F8 להפיכתו לסמל גרפי, למחוק מהבמה, לייבא לשכבה המתאימה, למקם בפינה שמאלית עליונה, לעבור למסגרת 15, מקש F6, להזיז לפינה ימנית עליונה, לעבור למסגרת 30, F6, למקם בפינה הימנית תחתונה וכן הלאה )

ה fla המלא של התרגיל כולו

תרגיל 3 (שעון מיקי)

יצירת שעון

רקע:

יש לייבא קובץ שיהווה רקע לשעון, על מנת לחסוך בחיפושים - מצורף קובץ מתאים כאן,
miki.jpg
פתח את הקובץ, שמור אותו במחשב שלך (לחיצה עם מקש ימין על התמונה, ובחירה באפשרות "שמירת תמונה בשם").
פתח את תוכנת הפלאש (או פתח סרט חדש אם אתה כבר בפלאש) וייבא את התמונה לפלאש,
(ע"י  file -->import   )
על מנת לחתוך מהתמונה עיגול בצורה ובגודל הרצויים יש לבצע שתי פעולות:
הפיכת התמונה למפת סיביות: לחץ עם העכבר על התמונה ולחץ בו זמנית על המקשים ctrl+b.
ייבוא התמונה כרקע לצורות הגראפיות: בחר בכלי הלאסו, באופציות בחר את המקל השמאלי,
סמן בעזרת הלאסו ריבוע מסביב לתמונה (מבחוץ), וודא שהריבוע סגור.
בדלי הצבע רואים שהצבע הפך למיקי במקום הצבע שהיה בו.

גזירת עיגול מהתמונה

בחר את כלי העיגול

קביעת גודל וצבע הקו התוחם: בחלונית stroke (מגיעים אליה ע"י window-->panels-->stroke) בחר בצבע המתאים ובחר קו בעובי 5.

סמן מעגל על התמונה  , בחר בכלי החץ ומשוך פינה החוצה,  מחק אותה, חזור על הפעולה עבור כל הפינות (ניתן לבחור את כל הפינות בעזרת לחיצה על shift) מתקבל , לאלו שהסתבכו - מצורף קובץ FLA של השכבה הראשונה.

שמור את עבודתך.

יצירת מחוג הדקות: פתח שכבה חדשה (ונעל את השכבה הקודמת), קבע grid של 10 על 10, בעזרת כלי העט צייר את המחוג:, באמצעות קו אנכי - חצה את הצורה וצבע כל מחצית בגוון שונה.
שכפל את הצורה, (ctrl+D) הקטן אחד העותקים, צבע אותו בצבעים שונים. (או צייר את המחוג השני בעזרת כלי העט.)
  הפוך את שני החצים (כל אחד בנפרד) לסמלים מסוג graphic, מחק אותם מהבמה.
נעל את השכבה.
פתח שכבה חדשה, גרור מהספרייה לבמה את המחוג הגדול, מקם אותו כך שקצהו יהיה על אפו של מיקי.

יצירת הסיבוב:
בתפריט: modify--> transform --> edit center, משוך את סימן ה + לתחתית המחוג (זהו ציר הסיבוב)

עבור לפריים 59, הגדר אותו כפריים מפתח.
אם מדובר על דקות, אז בכל אחת מהמסגרות, המחוג עובר 6 מעלות (360/60), עד מסגרת 59 המחוג יעבור 354 מעלות, לכן בחלונית transform בשדה rotate מגדירים 6- מעלות
פריים 60 הוא חזרה הפריים הראשון,
מגדירים motion tween , ובחלונית frame בשדה rotate מגדירים CW (עם כוון השעון).

לבדוק ע"י ctrl+enter שמסתובב, מי שלא הצליח יכול להוריד קובץ fla.

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

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

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

לצפייה בקובץ מקור מלא

תרגיל 4 (צילינדר דוחק כדור)

תנועה משולבת: לצפיה, קובץ מקור

הרקע בלבד(fla) או (swf) הכי קל ליצור בעזרת כלי העט על גריד של 10*10
הכדור גודלו 20*20 עיגול עם שני קווים חוצים, וכל רבע בצבע שונה.

השכבה הבאה - הצילינדר(fla) או (swf)

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

המעלית(fla) או (swf)  זו השכבה הבאה אורך הציר האופקי כ 15 ורוחבו 10
את הזרוע האנכית לעשות ארוכה מאוד, ולהוציא את נקודת המרכז לכאן:

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

למשל בבוכנה:
ב 15 לסובב, ב 20 להקטין ב 2, ב 22 להגדיל חזרה, ב 40 להאריך עד לקצה, ב 60 לקבוע מפתח, לחזור ל 1 ולהעתיק את הפריים ל60.ב 61 מקש F5 
לקבוע tween בכולם חוץ מאשר בין 61 ל 100

בכדי שהכדור יהיה מעל הבוכנה יש להפוך את סדר השכבות,

בכדור: עד 15 אין כלום, ב 15 נכנס הכדור למקום הרצוי ואז להעתיק את הפריים לפריים 1. (וכך גם ב 1 הוא במקום הרצוי)
ב 22 להזיז, ב 40 להעביר את הכדור למקומו הרצוי (ליצור motion בין 22 ל 40).
ב 55 הכדור למטה בתנועה להגדיר סיבוב (3 פעמים)

להמשך תרגילים

 

בית