כיצד ליצור אנימציית פלאש?
מכיוון שהנפשה ממסגרת למסגרת מצריכה מספר תמונות עם הבדלים קלים, יהיה עליכם ליצור את כל הנכסים הללו ביד.
פלאש הוא המדיום המוביל לאנימציה באינטרנט, ואפילו בפורמטים אחרים כמו טלוויזיה. יצירת אנימציית פלאש פשוטה בפלאש היא למעשה די פשוטה לביצוע, מכיוון שפלאש מספק כלים שימושיים רבים המפשטים את התהליך כולו. אם יש לך רעיון עבור אנימציית פלאש או סרט מצויר, אתה יכול כנראה לשרטט מחוספס תוך מספר שעות. ראה שלב 1 להלן כדי ללמוד כיצד ליצור אנימציית פלאש.
התמיכה ב- Adobe Flash מסתיימת בדצמבר 2020. לאחר זמן זה, כבר לא יהיה ניתן להשתמש בפלאש.
חלק 1 מתוך 3: יצירת אנימציית פלאש ממסגרת אחר מסגרת
- 1הבן את היסודות של אנימציה ממסגרת למסגרת. זו נחשבת לשיטת האנימציה ה"מסורתית ", בכך שלכל פריים יש אותה תמונה אך שונה מעט. כאשר המסגרות מושמעות יחד, נראה שהתמונות זזות. זו אותה טכניקה בסיסית בה משתמשים האנימטורים המסורתיים, והיא גוזלת זמן רב יותר מבינוני (ראו הסעיף הבא).
- כברירת מחדל, פלאש יפיק אנימציות ב 24 פריימים לשנייה (FPS). כלומר שניה אחת של אנימציה תכלול 24 פריימים, אך לא כל פריים צריך להיות שונה. אתה יכול להתאים זאת אם תרצה, ואנימציות פלאש רבות משתמשות ב- 12 FPS, אך 24 יפיקו אנימציה הרבה יותר "חלקה".
- 2התקן פלאש מקצועי. קיימות מגוון של תוכניות אנימציה של פלאש, אך החזקה ביותר היא Flash Professional CC של אדובי. אתה יכול להתקין את הניסיון בחינם, או להשתמש במוצר אחר אם המנוי ל- Creative Cloud של Adobe אינו מושך אותך. בהמשך מאמר זה יתייחס ל- Flash Professional או לכל תוכנית עריכה אחרת בשם "Flash".
- 3צור את הנכסים שלך. מכיוון שהנפשה ממסגרת למסגרת מצריכה מספר תמונות עם הבדלים קלים, יהיה עליכם ליצור את כל הנכסים הללו ביד. אתה יכול ליצור את כולם לפני שתתחיל, או להכין אותם תוך כדי. אתה יכול להשתמש בתוכנית Flash כדי לצייר ישירות בפרויקט שלך, או שאתה יכול לצייר את הנכסים שלך בתוכנית יצירת התמונות המועדפת עליך.
- אם תרצה להתמקד בתמונות שלך מבלי לוותר על האיכות, תרצה ליצור אותן כווקטורים במקום כראסטרים. תמונות וקטור ישרטטו את עצמן מחדש בכל פעם שהן מוקטנות, מה שאומר שלא יהיה פיקסל או כינוי. תמונות רסטר הן התמונות המסורתיות שאתה כנראה רגיל אליהן (תמונות, תמונות צבע וכו '). אלה לא משתנים היטב ויכולים להיראות מכוערים למדי אם אתה רוצה להגדיל אותם.
מוזיקה הופכת את האנימציה שלך לסוחפת יותר ויכולה להפוך אנימציה טובה לאלה מדהימה. - 4צור את המסגרת הראשונה שלך. כשתתחיל לראשונה את Flash, תהיה לך שכבה ריקה וציר זמן ריק. כשאתה מוסיף מסגרות, ציר הזמן שלך יאוכלס אוטומטית. אתה יכול לקיים אינטראקציה עם שכבות באותו אופן כמו בפוטושופ.
- לפני הוספת התמונה שלך, צור רקע בסיסי לסרט שלך. שנה את שם שכבה 1 ל"רקע "ואז נעל את השכבה. צור שכבה שנייה ותן לה שם כל מה שתרצה. זו תהיה השכבה שעליה אתה יוצר את האנימציה שלך.
- הוסף את הציור שלך לבד במסגרת הראשונה. באפשרותך לייבא את הציור מהמחשב שלך, או להשתמש בכלי הציור של Flash כדי ליצור ציור ישירות בתוכנית.
- המסגרת הראשונה שלך תהיה מסגרת מפתח. מסגרות מפתח הן מסגרות בעלות תמונה, ומהוות את עמוד השדרה של האנימציה שלך. תיצור מסגרת מפתח חדשה בכל פעם שהתמונה משתנה.
- מסגרות מפתח מסומנות על ידי נקודה שחורה בציר הזמן.
- אינך זקוק לתמונה חדשה בכל פריים. באופן כללי בעל מסגרת מפתח בכל ארבע-חמש פריימים יפיק אנימציה טובה.
- 5הפוך את הציור שלך לסמל. על ידי הפיכת הציור לסמל, תוכל להוסיף אותו בקלות מספר פעמים במסגרת. זה שימושי במיוחד אם אתה צריך ליצור במהירות אובייקטים מרובים, כגון בית ספר לדגים.
- בחר את כל הציור שלך. לחץ לחיצה ימנית על הבחירה ובחר "המר לסמל". זה יוסיף את התמונה לספרייה שלך, שם תוכל לגשת אליה במהירות בעתיד.
- מחק את הציור. אל תדאג! אתה תוסיף אותו חזרה לסצנה על ידי גרירת האובייקט מהספרייה שלך. אתה יכול להוסיף מספר מופעים של אותו ציור לסצנה שלך בקלות!
- 6הוסף כמה מסגרות ריקות. ברגע שתהיה מוכנה למסגרת הראשונה שלך, תוכל להוסיף את המסגרות הריקות שלך שיהיו בין מסגרת המפתח הראשונה למסגרת המפתח השנייה. לחץ F5 ארבע או חמש פעמים כדי להוסיף מסגרות ריקות אחרי מסגרת המפתחות הראשונה שלך.
- 7צור את מסגרת המפתח השנייה שלך. לאחר שהוספת מספר פריימים ריקים, אתה מוכן ליצור את מסגרת המפתח השנייה שלך. יש למעשה שתי דרכים שונות בהן ניתן לעשות זאת: באפשרותך להעתיק את מסגרת המפתח הקיימת שלך ולבצע התאמות קטנות, או ליצור מסגרת מפתח ריקה ולהכניס תמונה חדשה. אם אתה משתמש באמנות שנוצרה בתוכנית אחרת, תרצה את השיטה השנייה. אם יצרת את האמנות שלך באמצעות כלי העיצוב של Flash, השתמש בשיטה הראשונה.
- ליצירת מסגרת מפתח באמצעות תוכן מסגרת המפתח הקודמת, לחץ F6. ליצירת מסגרת מפתח ריקה, לחץ באמצעות לחצן העכבר הימני על המסגרת האחרונה בציר הזמן שלך ובחר באפשרות "הוסף מסגרת מפתח ריקה". כל מה בסצנה שלך יוסר.
- לאחר שיצרתם את מסגרת המפתחות השנייה שלכם, יהיה עליכם לבצע התאמות בתמונה בכדי להעניק את האפקט של התנועה. אם אתה משתמש בכלי העיצוב של פלאש, אתה יכול להשתמש בכלי הטרנספורמציה כדי לבחור היבטים של הציור שלך ולהזיז אותם מעט, כמו הזרוע של איש מקל.
- אם אתה מכניס אומנות חדשה לכל מסגרת מפתח, תרצה להבטיח שהיא ממוקמת באותו מיקום או במיקום ההגיוני הבא על המסך. זה יבטיח שהאמנות לא תקפוץ בין מסגרות.
- 8חזור על התהליך. עכשיו כשיצרת שתי מסגרות מפתח, הגיע הזמן לאתחל. אתה חוזר למעשה על אותו התהליך עד שתסיים עם האנימציה שלך. הוסף כמה מסגרות ריקות בין כל מסגרת מפתח, וודא שהתנועות שלך נראות נזילות.
- בצע שינויים קטנים ומצטברים. האנימציה שלך תיראה חלקה בהרבה אם תבצע שינויים קטנים מאוד במפתחות המסך. לדוגמא, אם ברצונך שאדם מקל מנופף בזרוע, מסגרת המפתח השנייה שלך לא אמורה להיות הקצה השני של הגל. במקום זאת, השתמש בכמה מסגרות מפתח כדי לעבור מתחילת הגל לסופו. זה יפיק אנימציה הרבה יותר חלקה.
חלק 2 מתוך 3: יצירת אנימציה מנקודה לנקודה (התנגדות)
- 1הבן את יסודות ההפרדה. פלאש מכיל פונקציה הנקראת tweening, המאפשרת להגדיר למעשה נקודות התחלה וסיום עבור האובייקט שלך. לאחר מכן פלאש יעביר ויהפוך את האובייקט על פי ההגדרות שלך בין שתי הנקודות הללו, ויוצר אשליה של אנימציה. לא תצטרך ליצור תמונות עבור כל מסגרת מפתח כמו שאתה עושה עם אנימציה ממסגרת למסגרת.
- התוודות שימושיות במיוחד ליצירת אפקטים "משתנים", כאשר אובייקט אחד הופך לאחד אחר במהלך האנימציה.
- ניתן להשתמש באנימציה וציוד בין תמונות למסגרות יחד באותו סרט.
- אתה יכול לקבל רק אובייקט אחד שעובר תנועת תנועה בכל פעם. משמעות הדבר היא שאם אתה רוצה שמספר עצמים יונפשו בבת אחת, כולם יצטרכו להיות בשכבות נפרדות.
- 2צור את האובייקט הראשון שלך. בניגוד לאנימציה ממסגרת אחר מסגרת, לא תצטרך ליצור מספר עצמים להנפשה באמצעות פונקציית ה- tween. במקום זאת, תיצור אובייקט אחד ולאחר מכן תשנה את מאפייניו במהלך תהליך הווידאו.
- לפני הוספת התמונה שלך, צור רקע בסיסי לסרט שלך. שנה את שם שכבה 1 ל"רקע "ואז נעל את השכבה. צור שכבה שנייה ותן לה שם כל מה שתרצה. זו תהיה השכבה שעליה אתה יוצר את האנימציה שלך.
- מומלץ מאוד להשתמש בכלי העיצוב המובנים של פלאש או לייבא את התמונה מתוכנית ציור וקטורית. וקטורים יכולים להתמקד בקלות ללא עיוות, בעוד שתמונות רסטר מסורתיות לא יתחלפו ויתמנו היטב.
לא תצטרך ליצור תמונות עבור כל מסגרת מפתח כמו שאתה עושה עם אנימציה ממסגרת למסגרת. - 3המירו את האובייקט שלכם לסמל. על מנת להפריד בין האובייקט שלך, יהיה עליך להמיר אותו לסמל. זה הפורמט לאובייקטים בהם פלאש משתמש על מנת לתפעל אותם. אם תנסה לחבר בין אובייקט שלא הפך אותו לסמל, תתבקש לעשות זאת תחילה.
- לחץ לחיצה ימנית על האובייקט שלך ובחר "המר לסמל" האובייקט יתווסף לספריה שלך, מה שמקל על שיבוט אובייקטים.
- 4צור את התווך הראשון שלך. בין תנועות תנועה מעביר את האובייקט ממיקום אחד למקום אחר לחץ באמצעות לחצן העכבר הימני על הסמל בסצנה שלך ובחר באפשרות "צור טווין תנועה". 24 מסגרות יתווספו לציר הזמן שלך, מכיוון שזה אורך ברירת המחדל של טווין. זכרו, כברירת מחדל, פלאש יונפש ב 24 פריימים לשנייה, כלומר משך התנועה הזה ייקח שניה אחת להשלים.
- כאשר אתה יוצר את תנועת ה- tween, אתה מועבר אוטומטית למסגרת האחרונה של ה- tween.
- 5צור את המסלול. לאחר שיצרתם את ה- tween, תוכלו להעביר את האובייקט למיקום בו תרצו שהוא יגיע. פלאש יציג את קו המסלול, שמנוקד כדי להראות את מיקום האובייקט עבור כל מסגרת של ה- tween.
- כשתצור לראשונה את המסלול, זה יהיה קו ישר מנקודת ההתחלה לנקודת הסיום.
- 6הרחב את מסגרות הרקע שלך. אם תריץ את האנימציה שלך עכשיו, האובייקט שלך היה נע לאורך המסלול, אך הרקע שלך ייעלם לאחר מסגרת אחת. כדי לתקן זאת, יהיה עליך להרחיב את הרקע שלך בכל מסגרות האנימציה.
- בחר את שכבת הרקע שלך בציר הזמן. לחץ על המסגרת האחרונה בציר הזמן שלך, שאמורה להיות גם המסגרת שבין תנועת התנועה שלך מסתיימת. לחץ F5 כדי להוסיף מסגרות עד לנקודה זו, אשר תשמור על הרקע שלך במהלך כל הווידאו.
- 7הוסף מסגרות מפתח. הוספת מסגרות מפתח למסלול שלך תאפשר לך לשנות את האובייקט שלך במהלך תנועת התנועה. באפשרותך לבצע שינויים באובייקט רק אם הוא ממוסגר במפתח. כדי להוסיף מסגרות מפתח למסלול שלך, בחר תחילה את המסגרת בציר הזמן שברצונך להפוך למסגרת מפתח. לאחר מכן לחץ ולגרור את האובייקט למיקום שאתה רוצה שיהיה בו במהלך אותה מסגרת. מסלולך יסתגל אוטומטית ומסגרת מפתח תתווסף לציר הזמן. מסגרות מפתח מסומנות על ידי סמלי יהלומים בציר הזמן.
- 8התאם את מסלול ה- tween שלך. כדי לשנות את הנתיב של האובייקט שלך, אתה יכול ללחוץ ולגרור כל אחד מסמני מיקום המסגרת בנתיב למיקום חדש. הימנע מלהשיג הרבה בנתיב, או שהאובייקט ינוע בצורה לא יציבה (אלא אם כן זו המטרה שלך!).
- 9להפוך את האובייקט שלך. ברגע שקבעת את מסגרות המפתח והמסלול שלך, תוכל לשנות את האובייקט שלך כך שהוא ישתנה תוך כדי תנועה במסלול בין התנועה. ניתן לשנות את הצורה, הצבע, הסיבוב, הגודל וכל מאפיין אחר של האובייקט.
- בחר את המסגרת שבה ברצונך שהטרנספורמציה תתרחש.
- פתח את חלונית המאפיינים של האובייקט. אתה יכול ללחוץ על Ctrl+ F3 אם החלונית לא נראית כרגע.
- שנה ערכים כלשהם בחלון המאפיינים כדי להשפיע על האובייקט. לדוגמה, ניתן לשנות את הגוון או הצבע, להוסיף פילטרים או לשנות את קנה המידה.
- אתה יכול גם להשתמש בכלי Free Transform כדי לשנות באופן חופשי את הצורה שתרצה.
בניגוד לאנימציה ממסגרת אחר מסגרת, לא תצטרך ליצור מספר עצמים להנפשה באמצעות פונקציית ה- tween. - 10עשה נגיעות אחרונות בין השיניים שלך. בדוק את תנועת התנועה שלך על ידי לחיצה על Ctrl+ ↵ Enter. ודא שהשינויים נראים טוב ושהאנימציה נעה במהירות הנכונה. אם האנימציה שלך עוברת מהר מדי, אתה יכול להוריד את ה- FPS של הסצנה או להגדיל את טווח ההחלמה.
- כברירת מחדל, ה- FPS הוא 24, אז נסה להוריד אותו ל 12. לשם כך, לחץ מחוץ לזירה ואז שנה את ה- FPS בחלונית Properties. שינוי זה ל- 12 יכפיל את אורך האנימציה שלך, אך עשוי להפוך אותה ל"טמורה "יותר.
- כדי לשנות את טווח הווידאו שלך, בחר את השכבה המכילה את ה- tween והשתמש במחוון כדי לשלוף אותו. אם ברצונך שהמרווח יהיה ארוך פי שניים, הרחיב אותו ל -48 פריימים. דאג להכניס מסגרות ריקות בשכבת הרקע שלך כדי שהרקע לא ייעלם באמצע האנימציה. כדי להאריך את הרקע, בחר את השכבה, לחץ על המסגרת האחרונה של האנימציה בציר הזמן ואז לחץF5
חלק 3 מתוך 3: הוספת סאונד ומוסיקה
- 1הקלט או מצא את אפקטים קוליים ומוסיקה שלך. אתה יכול להוסיף אפקטים קוליים לפעולות המתרחשות באנימציה שלך כדי לעזור להבליט אותה ולהעניק לה אישיות מסוימת. מוזיקה הופכת את האנימציה שלך לסוחפת יותר ויכולה להפוך אנימציה טובה לאלה מדהימה. פלאש תומך במגוון פורמטים של קבצים, כולל AAC, MP3, WAV ו- AU. בחר באפשרות שמעניקה לך את האיכות הטובה ביותר לגודל הקובץ הנמוך ביותר.
- MP3 בדרך כלל ייתן לך איכות צליל מקובלת לחלוטין תוך שמירה על גודל הקובץ למינימום. הימנע מקבצי WAV במידת האפשר, שכן לעתים קרובות הם די גדולים.
- 2ייבא את קבצי הקול לספרייה שלך. לפני שתוכל להוסיף צלילים לפרויקט שלך, צריך להוסיף אותם לספריית Flash. זה יאפשר לך להוסיף אותם במהירות לפרויקט שלך בהמשך. לחץ על קובץ → ייבא → ייבא לספריה. חפש את קובץ הקול במחשב שלך. ודא שלקובץ הקול יש שם קל לזכור, כך שתוכל למצוא אותו במהירות מהתפריט מאוחר יותר.
- 3צור שכבה חדשה לכל קובץ צליל. זה לא הכרחי בהחלט, מכיוון שתוכל להוסיף צליל לשכבות קיימות, אך הנחת כל קובץ על שכבה משלו תיתן לך הרבה יותר שליטה על דהייה פנימה והחוצה, מתי להתחיל ולעצור, וקל יותר להזיז צלילים.
- 4צור מסגרת מפתח בה יתחיל הצליל. בשכבת הצליל בחר את המסגרת באנימציה שאליה תרצה שהצליל יתחיל. לחץ F7 כדי להוסיף מסגרת מפתח ריקה. לדוגמה, אם ברצונך לכלול קובץ מוסיקה המתנגן למשך כל האנימציה, בחר את המסגרת הראשונה בשכבת קובץ המוסיקה. אם אתה מוסיף דו-שיח לדמות, בחר את המסגרת בה הדמות מתחילה לדבר.
- 5הוסף את הצליל או קובץ המוסיקה. במסגרת המאפיינים תראה קטע סאונד. יתכן שתצטרך להרחיב אותו כדי לראות את האפשרויות. לחץ על תפריט "שם" ובחר את הקובץ הרצוי מהספרייה שלך.
- 6הגדר את קובץ הקול. לאחר שבחרת קובץ, תוכל להגדיר כיצד הוא יושמע. מה שתבחר יתבסס על מה שאתה צריך את הצליל כדי להשיג באנימציה. באפשרותך לשנות את הגדרות האפקט, הסינכרון והחזרה של כל צליל באמצעות התפריט שמתחת לתפריט שם במסגרת המאפיינים.
- אפקט - זה מאפשר להוסיף אפקטים לצליל, כגון דהייה פנימה והחוצה או הוספת הד. תוכלו לבחור מתוך הגדרות קבועות מראש בתפריט הנפתח, או לחצו על סמל העיפרון לצד התפריט כדי ליצור הגדרות מותאמות אישית משלכם.
- סינכרון - זה קובע כיצד השיר מושמע באנימציה. האירוע ינגן את הצליל עד לסיומו. אם אותו צליל מופעל שוב לפני שהראשון מסתיים, המקור ימשיך להתנגן עד שיסיים. Start עובד כמו אירוע, אך מפסיק אם הצליל יושמע שוב. עצור עוצר את הצליל באותו מסגרת. אם ברצונך להשתמש בזה בשילוב עם מאפייני צליל אחרים, צור מסגרת מפתח חדשה בה ברצונך שהצליל ייפסק והשתמש באפשרות זו. Stream ינסה להתאים את הצליל שמתנגן למספר המסגרות בשכבות אחרות. זה משמש בצורה הטובה ביותר לדיאלוג.
- חזור - הגדרה זו מאפשרת לך להגדיר כמה זמן הצליל יחזור. אתה יכול להגדיר שהוא ינגן רק פעם אחת, או שיהיה לו לולאה כמה פעמים שתרצה. אם האנימציה שלך היא אנימציית לולאה, עליך להגדיר את המוזיקה שלך כך שתתקיים אינסוף.
אם האנימציה שלך היא אנימציית לולאה, עליך להגדיר את המוזיקה שלך כך שתתקיים אינסוף. - 7סיים את הפרויקט שלך. כשתסיים סוף סוף עם הפרויקט שלך, שמור אותו כקובץ SWF. זה הפורמט המשמש להפעלת הסרט. אתה יכול לשחק בו כמעט בכל דפדפן אינטרנט, או להשתמש בנגן פלאש ייעודי כדי לצפות בו. ישנם גם מגוון אתרים שתוכלו להעלות אליו כדי לראות אחרים, כמו Newgrounds, Albino Blacksheep ו- Kongregate.
- 8קח את הפרויקטים העתידיים שלך הלאה. מדריך זה עוסק ביסודות יצירת אנימציה, אך ניתן ללמוד ולעשות כל כך הרבה יותר. הוסף כמה כפתורים ונתיבים מסועפים וקיבלת משחק בחר הרפתקאות משלך. אתה יכול לעבור קורס התרסקות ב- ActionScript ולקבל שליטה רבה יותר על הפרטים המשובחים יותר של האנימציה שלך. המשיכו להתנסות, ובקרוב תמצאו את עצמכם לומדים כל מיני טריקים ויישומים.
- אם ברצונך לחזור לעבודתך בהמשך, שמור אותה כקובץ ".fla". זהו פורמט הפרויקט עבור קבצי Flash.
שאלות ותשובות
- היכן אוכל להוריד פלאש?אתה יכול להירשם כמנוי לחבילת Adobe Creative Cloud בחשבון Creative Cloud שלך ולהוריד אותה מאתר Adobe או לחלופין, תוכל להתחיל ניסיון בחינם למשך שבעה ימים על ידי רישום חשבון Creative Cloud. הורד את Flash Pro CC (עכשיו Animate CC) מאתר Adobe.
- כיצד אוכל לשלוח אנימציה דרך Gmail, אם הדבר אפשרי?תחילה עליך לרכוס את הקבצים. ישנם כלים מרובים לריכוז קבצים, ו- Windows מגיע עם אחד. עם זאת, אם אין כלי רוכסן מותקן מראש, אתה יכול להוריד 7-ZIP שהוא מאוד קל לשימוש. לאחר התקנתו, פשוט לחץ לחיצה ימנית על התיקיה שלך ולחץ על zip. לאחר מכן תוכל לגרור אותו לדוא"ל שלך ולשלוח אותו.
- האם עלי לשלם עבור התוכנית?פלאש מגיע עם Creative Cloud, יחד עם Photoshop ו- Stock, כמו גם שירותי Adobe שונים אחרים. ל- Creative Cloud יש ניסיון בחינם. לאחר מכן, יהיה עליכם לשלם תשלום מסוים לחודש.
- האם ניתן להכניס את Adobe Flash לדף אינטרנט?תג ההטמעה ב- HTML יכול להטמיע קובץ אנימציה של Flash, אך תזדקק לעורך HTML (סוגריים, קוד Visual Studio וכו ').
תגובות (4)
- הכל היה מועיל, תודה.
- זה מושלם. כל מה שאני צריך זה את לוח הציור הדיגיטלי ואת הבום.
- זה עזר לי מאוד בדרכו הקלה. תודה על המאמצים שלך.
- אני הולך להנפיש, וזה באמת עזר לחלומות שלי.
