כיצד ליצור אנימציית פלאש (עם תמונות)

תוכן עניינים:

כיצד ליצור אנימציית פלאש (עם תמונות)
כיצד ליצור אנימציית פלאש (עם תמונות)

וִידֵאוֹ: כיצד ליצור אנימציית פלאש (עם תמונות)

וִידֵאוֹ: כיצד ליצור אנימציית פלאש (עם תמונות)
וִידֵאוֹ: Activate Adobe License 2024, מרץ
Anonim

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

התמיכה ב- Adobe Flash מסתיימת בדצמבר 2020. לאחר זמן זה, לא תהיה עוד אפשרות להשתמש ב- Flash

צור הנפשת פלאש שלב 1
צור הנפשת פלאש שלב 1

שלב 1. להבין את היסודות של אנימציה מסגרת-למסגרת

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

כברירת מחדל, Flash יפיק אנימציות במהירות 24 פריימים לשנייה (FPS). כלומר שנייה אחת של אנימציה תהיה בעלת 24 פריימים, אך לא כל פריים חייב להיות שונה. אתה יכול לשנות את זה אם תרצה, והרבה אנימציות פלאש משתמשות ב -12 FPS, אך 24 יניבו אנימציה הרבה יותר "חלקה" למראה

צור הנפשת פלאש שלב 2
צור הנפשת פלאש שלב 2

שלב 2. התקן את Flash Professional

קיימות מגוון תוכניות הנפשת פלאש, אך העוצמתיות ביותר הן Flash Professional CC של Adobe. תוכל להתקין את גרסת הניסיון בחינם, או להשתמש במוצר אחר אם ההרשמה ל- Creative Cloud של Adobe אינה מושכת אותך. שאר מאמר זה יתייחס ל- Flash Professional או לכל תכנית עריכה אחרת בשם "פלאש".

צור הנפשת פלאש שלב 3
צור הנפשת פלאש שלב 3

שלב 3. צור את הנכסים שלך

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

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

צור הנפשת פלאש שלב 4
צור הנפשת פלאש שלב 4

שלב 4. צור את המסגרת הראשונה שלך

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

  • לפני הוספת התמונה, צור רקע בסיסי לסרט שלך. שנה את שם השכבה 1 ל"רקע "ולאחר מכן נעל את השכבה. צור שכבה שנייה ושם אותה איך שתרצה. זו תהיה השכבה בה אתה יוצר את האנימציה שלך.
  • הוסף את הציור שלך אל הבד במסגרת הראשונה. תוכל לייבא את הציור מהמחשב שלך, או להשתמש בכלי הציור של Flash כדי ליצור ציור ישירות בתוכנית.
  • המסגרת הראשונה שלך תהיה מסגרת מפתחות. מסגרות מפתחות הן מסגרות שיש להן תמונה, ומהוות את עמוד השדרה של האנימציה שלך. בכל פעם שהתמונה משתנה, תיצור מסגרת מפתח חדשה.
  • מסגרות מפתחות מסומנות בנקודה שחורה בציר הזמן.
  • לא צריך תמונה חדשה בכל מסגרת. באופן כללי בעל מסגרת מפתחות כל ארבע-חמש פריימים ייצור אנימציה טובה.
צור הנפשת פלאש שלב 5
צור הנפשת פלאש שלב 5

שלב 5. הפוך את הציור שלך לסמל

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

  • בחר את כל הציור שלך. לחץ לחיצה ימנית על הבחירה ובחר "המר לסמל". זה יוסיף את התמונה לספרייה שלך, שם תוכל לגשת אליה במהירות בעתיד.
  • מחק את הציור. אל תדאג! תוכל להוסיף אותו בחזרה לסצינה על ידי גרירת האובייקט מהספרייה שלך. אתה יכול להוסיף מספר מופעים של אותו ציור לסצנה שלך בקלות!
צור הנפשת פלאש שלב 6
צור הנפשת פלאש שלב 6

שלב 6. הוסף כמה מסגרות ריקות

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

צור הנפשת פלאש שלב 7
צור הנפשת פלאש שלב 7

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

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

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

שלב 8. חזור על התהליך

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

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

חלק 2 מתוך 3: יצירת אנימציה נקודה לנקודה (Tweening)

צור הנפשת פלאש שלב 9
צור הנפשת פלאש שלב 9

שלב 1. להבין את היסודות של tweening

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

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

שלב 2. צור את האובייקט הראשון שלך

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

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

שלב 3. המר את האובייקט שלך לסמל

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

לחץ לחיצה ימנית על האובייקט שלך ובחר "המר לסמל" האובייקט יתווסף לספרייה שלך, מה שמקל על שיבוט אובייקטים

צור הנפשת פלאש שלב 12
צור הנפשת פלאש שלב 12

שלב 4. צור את טווין התנועה הראשון שלך

Tween תנועה מעביר את האובייקט ממיקום אחד למשנהו לחץ באמצעות לחצן העכבר הימני על הסמל בסצנה שלך ובחר "צור Motion Tween". 24 מסגרות יתווספו לציר הזמן שלך, מכיוון שזהו אורך ברירת המחדל של טווין. זכור, כברירת מחדל Flash יונפש ב -24 פריימים לשנייה, כלומר, זמן תנועה זה ייקח שנייה אחת להשלים.

כשאתה יוצר את תנועה tween, אתה מועבר אוטומטית למסגרת האחרונה של ה- tween

צור הנפשת פלאש שלב 13
צור הנפשת פלאש שלב 13

שלב 5. צור את המסלול

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

כאשר אתה יוצר את המסלול לראשונה, הוא יהיה קו ישר מנקודת ההתחלה לנקודת הסיום

צור הנפשת פלאש שלב 14
צור הנפשת פלאש שלב 14

שלב 6. הרחב את מסגרות הרקע שלך

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

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

צור הנפשת פלאש שלב 15
צור הנפשת פלאש שלב 15

שלב 7. הוסף מסגרות מפתחות

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

צור הנפשת פלאש שלב 16
צור הנפשת פלאש שלב 16

שלב 8. התאם את מסלול הביניים שלך

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

צור הנפשת פלאש שלב 17
צור הנפשת פלאש שלב 17

שלב 9. הפוך את האובייקט שלך

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

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

שלב 10. בצע גימור בטווינר שלך

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

  • כברירת מחדל, ה- FPS הוא 24, אז נסה להוריד אותו ל -12. לשם כך, לחץ מחוץ לסצנה ולאחר מכן שנה את ה- FPS בחלונית Properties. שינוי זה ל -12 יכפיל את אורך האנימציה שלך, אך עשוי להפוך אותו ל"טלטל "יותר.
  • כדי לשנות את טווח הטוונס שלך, בחר את השכבה המכילה את הטווין והשתמש במחוון כדי לשלוף אותו החוצה. אם אתה רוצה שהאורך יהיה כפול, הרחב אותו ל -48 פריימים. הקפד להכניס מסגרות ריקות לשכבת הרקע שלך כך שהרקע לא ייעלם באמצע האנימציה. כדי להרחיב את הרקע, בחר את השכבה, לחץ על המסגרת האחרונה של ההנפשה בציר הזמן ולאחר מכן הקש F5

חלק 3 מתוך 3: הוספת סאונד ומוסיקה

צור הנפשת פלאש שלב 19
צור הנפשת פלאש שלב 19

שלב 1. הקלט או מצא את אפקטי הקול והמוסיקה שלך

אתה יכול להוסיף אפקטים קוליים לפעולות המתרחשות באנימציה שלך כדי לעזור לה להתבלט ולהעניק לה קצת אישיות. מוזיקה הופכת את האנימציה שלך לסוחפת יותר ויכולה להפוך אנימציה טובה לאנימציה מדהימה. Flash תומך במגוון פורמטים של קבצים, כולל AAC, MP3, WAV ו- AU. בחר את ה- on שנותן לך את האיכות הטובה ביותר עבור גודל הקובץ הנמוך ביותר.

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

צור הנפשת פלאש שלב 20
צור הנפשת פלאש שלב 20

שלב 2. ייבא את קבצי הקול לספרייה שלך

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

צור הנפשת פלאש שלב 21
צור הנפשת פלאש שלב 21

שלב 3. צור שכבה חדשה לכל קובץ קול

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

צור הנפשת פלאש שלב 22
צור הנפשת פלאש שלב 22

שלב 4. צור מסגרת מפתחות שבה הצליל יתחיל

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

צור הנפשת פלאש שלב 23
צור הנפשת פלאש שלב 23

שלב 5. הוסף את קובץ הצליל או המוסיקה

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

צור הנפשת פלאש שלב 24
צור הנפשת פלאש שלב 24

שלב 6. הגדר את קובץ הקול

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

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

שלב 7. סיים את הפרויקט שלך

כשתסיים סוף סוף עם הפרויקט שלך, שמור אותו כקובץ SWF. זהו הפורמט המשמש להפעלת הסרט. אתה יכול לשחק אותו כמעט בכל דפדפן אינטרנט, או להשתמש בנגן פלאש ייעודי כדי לצפות בו. ישנם גם מגוון אתרים שאליהם תוכל להעלות אותם כדי שאחרים יוכלו לראות אותם, כגון Newgrounds, Albino Blacksheep ו- Kongregate.

צור הנפשת פלאש שלב 26
צור הנפשת פלאש שלב 26

שלב 8. קח את הפרויקטים העתידיים שלך הלאה

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

מוּמלָץ: