פלאש הוא המדיום העיקרי לאנימציה באינטרנט, ואפילו בפורמטים אחרים כגון טלוויזיה. יצירת הנפשת פלאש פשוטה בתוכנית פלאש היא למעשה די פשוטה לביצוע, שכן פלאש מספק כלים שימושיים רבים המפשטים את כל התהליך. אם כבר יש לך רעיון לאנימציה או לקריקטורה של Flash, סביר להניח שיש לך סקיצה גסה תוך כמה שעות בלבד. עיין במדריך להלן כדי ללמוד כיצד ליצור אנימציה פלאש.
שלב
שיטה 1 מתוך 3: יצירת הנפשת פלאש מסגרת-לפי-מסגרת
שלב 1. להבין את היסודות של אנימציה מסגרת-למסגרת
שיטה זו נחשבת לשיטת אנימציה מסורתית, כאשר לכל מסגרת (תמונה שמרכיבה אנימציה) יש אותה תמונה אך משתנה מעט. כאשר הפריימים משוחקים יחד, נראה שהתמונה זזה. זוהי אותה טכניקה בסיסית בה משתמשים האנימטורים המסורתיים המציירים כל מסגרת ביד, אך לוקחת יותר זמן משיטת הטווינג (ראו פרק הבא).
כברירת מחדל, Flash יפיק אנימציה במהירות של 24 פריימים לשנייה (FPS). המשמעות היא ששנייה אחת של אנימציה תכלול 24 פריימים, אך כל פריים לא חייב להיות שונה. אתה יכול להתאים זאת אם תרצה, והנפשות פלאש רבות משתמשות ב -12 FPS, אך 24 FPS יניבו הנפשה חלקה בהרבה
שלב 2. התקן את התוכנית Flash Professional
ישנן תוכניות הנפשת פלאש שונות, אך הטובות ביותר הן Adobe Flash Professional CC. תוכל לבצע התקנת ניסיון חינם או להשתמש במוצר אחר אם המנוי ל- Adobe Creative Cloud אינו מושך אותך. שאר מאמר זה יתייחס ל- Flash Professional או לתוכניות עריכה אחרות בשם "פלאש".
שלב 3. צור את הנכסים שלך
מכיוון שהנפשה ממסגרת למסגרת דורשת מספר תמונות עם הבדלים קלים, עליך ליצור את כל הנכסים הללו ביד. תוכל ליצור את כולם לפני שתתחיל, או שתוכל ליצור אותם לאחר שתתחיל. אתה יכול להשתמש בתוכנית Flash כדי לצייר ישירות בתוך הפרויקט, או שאתה יכול לצייר נכסים בתוכנית הציור האהובה עליך.
אם אתה רוצה לשנות את גודל התמונה מבלי לוותר על האיכות, עליך להציג אותה כווקטור, ולא כרוסטר. תמונות וקטור ייצבעו מחדש באופן אוטומטי בעת קנה המידה, מה שאומר שלא תהיה פיקסלציה או כינוי (אפקט לוח שחמט שמופיע כאשר התמונה מוגדלת). תמונות רסטר הן תמונות מסורתיות שאתה רגיל לראות (תמונות, תמונות מתוכנית Paint וכו '). תמונות רסטר אינן גדלות היטב ויכולות להיראות די גרועות כשהן מוגדלות
שלב 4. צור את המסגרת הראשונה
כאשר אתה מפעיל את תוכנית Flash, תקבל שכבה ריקה וציר זמן ריק. בעת הוספת מסגרת, ציר הזמן יתמלא באופן אוטומטי. אתה יכול ליצור אינטראקציה עם שכבות כמו בפוטושופ.
- לפני הוספת תמונות, צור רקע בסיסי לסרט שלך. שנה את שם השכבה 1 "רקע" ואז נעל את השכבה. צור שכבה שנייה ושם אותה איך שאתה רוצה. שכבה זו תהיה השכבה שבה אתה יוצר את האנימציה.
- הוסף תמונה לקנבס במסגרת הראשונה. אתה יכול לייבא תמונות מהמחשב שלך, או להשתמש בכלי הציור של Flash כדי ליצור תמונות ישירות בתוך התוכנית.
- המסגרת הראשונה שלך תהיה "מסגרת מפתחות" (מסגרת מפתח). מסגרות מפתחות הן מסגרות המכילות תמונות, ומהוות את ליבת האנימציה שלך. בכל פעם שהתמונה משתנה, תיצור מסגרת מפתח חדשה.
- מסגרות מפתחות מסומנות בנקודה שחורה בציר הזמן.
- לא צריך תמונה חדשה בכל מסגרת. באופן כללי, בעל מסגרת מפתחות כל ארבע או חמש פריימים יהווה הנפשה טובה.
שלב 5. הפוך את התמונה לסמל
על ידי הפיכת תמונה לסמל, תוכל להוסיף אותה בקלות מספר פעמים בתוך מסגרת. זה שימושי במיוחד אם אתה צריך ליצור במהירות כמה אובייקטים, כגון קבוצת דגים.
- בחר את התמונה כולה. לחץ לחיצה ימנית על התמונה שנבחרה ובחר "המר לסמל". זה יוסיף את התמונה לספרייה, שם תוכל לגשת אליה במהירות מאוחר יותר.
- מחק תמונה. אל תדאג! תוכל להוסיף אותו בחזרה לסצנת הסיפור על ידי גרירת האובייקט מהספרייה. אתה יכול להוסיף מספר תמונות של אותו הדבר לסצנת סיפור בקלות!
שלב 6. הוסף כמה מסגרות ריקות
לאחר שהמסגרת הראשונה תהיה מוכנה, תוכל להוסיף מסגרת ריקה שתהיה בין מסגרות המפתח הראשונה לשנייה. הקש על מקש F5 ארבע או חמש פעמים כדי להוסיף מסגרת ריקה לאחר מסגרת המפתח הראשונה.
שלב 7. צור מסגרת מפתח שנייה
לאחר הוספת כמה מסגרות ריקות, אתה מוכן ליצור מסגרת מפתח שנייה. יש בעצם שתי דרכים שונות לעשות זאת, כלומר אתה יכול להעתיק מסגרת מפתחות קיימת ולבצע התאמות קלות, או שאתה יכול ליצור מסגרת מפתח ריקה ולהכניס תמונה חדשה. אם אתה משתמש בתמונה שנוצרה עם תוכנית אחרת, תרצה את השיטה השנייה. אם אתה יוצר תמונה באמצעות כלי עיצוב מ- Flash, השתמש בשיטה הראשונה.
- ליצירת מסגרת מפתחות באמצעות תוכן מסגרת המפתחות הקודמת, הקש על מקש F6. כדי ליצור מסגרת מפתח ריקה, לחץ באמצעות לחצן העכבר הימני על המסגרת האחרונה בציר הזמן ובחר "הכנס מסגרת מפתח ריקה". הכל בסצנת הסיפור יוסר.
- לאחר יצירת מסגרת המפתחות השנייה, יהיה עליך לבצע התאמות בתמונה על מנת לתת לה את השפעת התנועה. אם אתה משתמש בכלי העיצוב של פלאש, תוכל להשתמש בכלי הטרנספורמציה כדי לבחור היבטים של התמונה ולהזיז אותם קצת כמו זרועותיו של סטיקמן.
- אם אתה מוסיף תמונה חדשה לכל מסגרת מפתחות, תרצה לוודא שהיא ממוקמת באותו מקום או במיקום ההגיוני הבא על המסך. זה מבטיח שהתמונה לא תעבור בין מסגרות.
שלב 8. חזור על התהליך
כעת, לאחר שיצרת את שני מסגרות המפתחות, הגיע הזמן לבצע מחדש. במהותו תחזור על אותו תהליך עד להשלמת ההנפשה. הוסף כמה מסגרות ריקות בין כל מסגרת מפתחות וודא שהאנימציה נעה בצורה חלקה.
בצע שינויים קטנים ותנועתית בתנועה. האנימציה תיראה חלקה יותר אם תבצע שינויים קטנים מאוד במסגרת המפתחות. לדוגמה, אם אתה רוצה שהסטיקמן יניף את זרועו, מסגרת המפתחות השנייה שלך לא אמורה להיות סוף תנופת הזרוע. במקום זאת, השתמש בכמה מסגרות מפתח כמעבר מתחילת הנדנדה עד הסוף. זה יביא לאנימציה חלקה בהרבה
שיטה 2 מתוך 3: יצירת אנימציה נקודה לנקודה (Tweening)
שלב 1. להבין את היסודות של tweening
פלאש מכיל פונקציה הנקראת tweening (תהליך המייצר תמונת ביניים בין שתי תמונות בשתי נקודות בזמן באנימציה), שבעצם מאפשרת לך להגדיר את נקודות ההתחלה והסיום של אובייקטים. לאחר מכן פלאש יזיז וישנה אובייקטים בהתבסס על ההגדרות שלך בין שתי נקודות הזמן הללו, וייצור אשליה של אנימציה. אינך צריך ליצור תמונה עבור כל מסגרת מפתחות כפי שהיית עושה עם אנימציה מסגרת-למסגרת.
- Tweening שימושי במיוחד ליצירת אפקט מורפי שבו אובייקט משתנה לאובייקט אחר במהלך אנימציה.
- ניתן להשתמש בהנפשה ובמסגרת פריים למסגרת יחד באותו סרט.
- רק אובייקט אחד עובר תנועה בין כל פעם. המשמעות היא שאם אתה רוצה שהאובייקטים מרובים יופעלו בבת אחת, עליהם להיות ממוקמים על שכבות שונות.
שלב 2. צור את האובייקט הראשון
שלא כמו אנימציה מסגרת למסגרת, אין צורך ליצור אובייקטים מרובים להנפשה באמצעות פונקציית ה- tween. אך תיצור אובייקט ולאחר מכן תשנה את מאפייני האובייקט במהלך תהליך הטווינג.
- לפני הוספת תמונות, צור רקע בסיסי לסרט שלך. שנה את שם השכבה 1 "רקע" ואז נעל את השכבה. צור שכבה שנייה ושם אותה איך שאתה רוצה. שכבה זו תהיה השכבה שבה אתה יוצר את האנימציה.
- מומלץ מאוד להשתמש בכלי העיצוב המובנים בתוכנית Flash או לייבא תמונות מתוכנית ציור וקטורי. ניתן להגדיל את הווקטורים בקלות מבלי להתעוות, בעוד שתמונות הסריקה המסורתיות לא יגדלו ויתהפכו כראוי.
שלב 3. המר את האובייקט לסמל
על מנת ליצור תמונת ביניים של אובייקט, עליך להמיר אותו לסמל. זהו הפורמט בו משתמש פלאש לארגון אובייקטים. אם אתה מנסה ליצור תמונת ביניים מאובייקט שלא הומר לסמל, תתבקש לבצע את ההמרה תחילה.
לחץ באמצעות לחצן העכבר הימני על האובייקט ובחר "המר לסמל". אובייקטים יתווספו לספרייה, מה שהופך את שיבוט האובייקטים לקל יותר
שלב 4. בצע את הצעד הראשון
זמן תנועה מזיז אובייקט ממיקום אחד למשנהו. לחץ באמצעות לחצן העכבר הימני על הסמל בסצנת הסיפור ובחר "צור תנועה בין". בסך הכל יתווספו 24 מסגרות לציר הזמן, מכיוון שזהו אורך סטנדרטי של טווין. זכור, פלאש יונפש ב -24 פריימים לשנייה בהגדרות ברירת המחדל, מה שאומר שבין תנועה זו ייקח שנייה להנפיש.
כאשר אתה יוצר tween תנועה, אתה מועבר אוטומטית למסגרת האחרונה של ה- tween
שלב 5. צייר את נתיב האובייקט
לאחר יצירת הטווין, תוכל להעביר את האובייקט למיקום הסופי הרצוי. פלאש יציג קו נתיב, המנוקד כדי לציין את מיקומו של האובייקט עבור כל מסגרת של תמונת הביניים המתקבלת.
כאשר אתה יוצר נתיב בפעם הראשונה, הוא יהיה קו ישר מנקודת ההתחלה לנקודת הסיום
שלב 6. הרחב את מסגרת הרקע
אם תפעיל את האנימציה כעת, האובייקט ינוע לאורך הנתיב, אך הרקע ייעלם לאחר מסגרת אחת. כדי לתקן זאת, עליך להרחיב את הרקע כך שיכסה את כל מסגרת האנימציה.
בחר את שכבת הרקע בציר הזמן. לחץ על המסגרת האחרונה בציר הזמן, שאמור להיות גם המסגרת האחרונה של זמן התנועה. הקש על מקש F5 כדי להכניס מסגרת עד לנקודת זמן זו, שתמשיך להציג את הרקע לכל הטווין
שלב 7. הוסף מסגרות מפתחות
הוספת מסגרת מפתח לנתיב תאפשר לך לשנות אובייקטים במהלך זמן תנועה. תוכל לבצע שינויים באובייקט רק אם יש לו מסגרת מפתחות. כדי להוסיף מסגרת מפתח לרצועה, תחילה בחר את המסגרת שברצונך להמיר למסגרת מפתח על ציר הזמן. לאחר מכן לחץ וגרור את האובייקט למיקום הרצוי על המסגרת. המסלול יותאם אוטומטית, וציר הזמן יתווסף מסגרת מפתחות לציר הזמן. מסגרות מפתחות מסומנות עם סמל יהלום על ציר הזמן.
שלב 8. התאם את נתיב ה- tween
כדי לשנות את הנתיב של אובייקט, תוכל ללחוץ ולגרור כל סמן מיקום מסגרת בנתיב למיקום חדש. הימנע מלשים יותר מדי וריאציות בנתיב, אחרת האובייקט יזוז בצורה לא יציבה (אלא אם זו באמת המטרה שלך!).
שלב 9. הפוך את האובייקט
לאחר הגדרת מסגרת המפתחות והנתיב, תוכל לשנות את האובייקט כך שהאובייקט ישתנה תוך כדי תנועה בנתיב בין התנועה. אתה יכול לשנות את הצורה, הצבע, הסיבוב, הגודל ודברים אחרים של האובייקט.
- בחר את המסגרת שברצונך לשנות.
- פתח את החלונית מאפיינים של האובייקט. תוכל ללחוץ על Ctrl+F3 אם החלונית אינה גלויה כרגע.
- שנה ערך במקטע מאפיינים כדי להשפיע על האובייקט. לדוגמה, תוכל לשנות את הצבע, להוסיף מסנן או לשנות את הסולם.
- אתה יכול גם להשתמש בכלי טרנספורמציה חינם כדי לשנות באופן חופשי את צורת האובייקט כרצונך.
שלב 10. בצע את הנגיעה האחרונה בתמונת הביניים
בדוק את תנועת הביניים על ידי הקשה על Ctrl+↵ Enter. וודא שהטרנספורמציה נראית טוב ושהאנימציה נעה במהירות הנכונה. אם האנימציה נעה מהר מדי, תוכל להוריד את ה- FPS או להגדיל את טווח הזמן בין הזמן.
- כברירת מחדל, אנימציה FPS היא 24, אז נסה להוריד אותה ל 12. לשם כך, לחץ מחוץ לסצנת הסיפור ושנה את ה- FPS בחלונית Properties. שינוי הערך ל -12 יכפיל את משך האנימציה, אך תנועת האנימציה יכולה להיות "מתקלפת" יותר.
- כדי לשנות את טווח הזמן של tween, בחר את השכבה המכילה את ה- tween והשתמש במחוון כדי לגרור אותו. אם אתה רוצה שהאורך יהיה כפול, הרחב אותו ל -48 פריימים. הקפד להכניס מסגרת ריקה לשכבת הרקע כך שהרקע לא ייעלם למחצה במהלך האנימציה. כדי להרחיב את הרקע, בחר את השכבה, לחץ על המסגרת האחרונה של ההנפשה בציר הזמן ולאחר מכן הקש על מקש F5.
שיטה 3 מתוך 3: הוספת צלילים ומוסיקה
שלב 1. הקלט או חפש אפקטים קוליים ומוסיקה
אתה יכול להוסיף אפקטים קוליים לפעולות המתרחשות באנימציה כדי להפוך אותו לשונה מהאחרים ולהעניק לו אופי משלו. מוזיקה גורמת לאנימציות שלך להרגיש יותר תוססות ויכולה להפוך אנימציות טובות יוצאות דופן. Flash תומך במגוון פורמטים של קבצי קול, כולל AAC, MP3, WAV ו- AU. בחר את הפורמט המספק את האיכות הטובה ביותר עם גודל הקובץ הקטן ביותר.
פורמט MP3 בדרך כלל יספק איכות צליל שהיא עדיין טובה ויש לה גודל קובץ מינימלי. הימנע משימוש בפורמט WAV במידת האפשר, מכיוון שהם בדרך כלל גדולים למדי
שלב 2. ייבא את קבצי הקול לספרייה
לפני שתוכל להוסיף צליל לפרויקט, יש להוסיף את קובץ הקול לספריית Flash. זה יאפשר לך להוסיף צליל במהירות לפרויקט שלך מאוחר יותר. לחץ על קובץ → ייבוא → ייבוא לספרייה. חפש קבצי קול במחשב שלך. ודא שלקובץ הצליל יש שם שקל לזכור, כך שתוכל למצוא אותו במהירות מאוחר יותר מהתפריט.
שלב 3. צור שכבה חדשה לכל קובץ קול
זה לא ממש הכרחי, מכיוון שאתה יכול להוסיף צליל לשכבה קיימת, אך הצבת כל קובץ בשכבה נפרדת תעניק לך הרבה יותר שליטה מבחינת דהיית פנימה והחוצה (דהייה פנימה והחוצה) של הגדרות הצליל. או עצור הצליל, וקל יותר להעביר את הצליל לחלק אחר.
שלב 4. צור מסגרת מפתחות שבה הצליל יתחיל
בשכבת הצליל, בחר את המסגרת בהנפשה שבה ברצונך שהצליל יתחיל. הקש על מקש F7 כדי להכניס מסגרת מפתח ריקה. לדוגמה, אם ברצונך לכלול קובץ מוזיקה המתנגן למשך כל האנימציה, בחר את המסגרת הראשונה בשכבה של קובץ המוסיקה. אם אתה מוסיף דיאלוג לדמות, בחר את המסגרת שבה הדמות מתחילה לדבר.
שלב 5. הוסף קבצי קול או מוזיקה
בתוך מסגרת המאפיינים, תראה את קטע הצלילים. ייתכן שיהיה עליך לפתוח אותו כדי לראות את האפשרויות. לחץ על תפריט "שם" ובחר את הקובץ שאתה רוצה מתוך הספרייה.
שלב 6. ארגן קבצי קול
לאחר בחירת קובץ, תוכל להגדיר כיצד הוא יופעל. מה שתבחר יתבסס על השימוש המיועד של הצליל באנימציה. תוכל לשנות את ההגדרות אפקט, סנכרון וחזרה של כל צליל באמצעות התפריט הממוקם מתחת לתפריט שם במסגרת המאפיינים.
- אפקטים. הגדרה זו מוסיפה אפקטים לצליל, כגון הצליל המופיע או נעלם בהדרגה, או הוספת הד. אתה יכול לבחור מההגדרות הקיימות בתפריט הנפתח, או ללחוץ על סמל העיפרון שליד התפריט כדי ליצור הגדרות מותאמות אישית משלך.
- סינכרון. הגדרה זו קובעת כיצד השיר מתנגן באנימציה. האירוע ישמיע צליל עד לסיומו. אם אותו צליל מופעל שוב לפני שהצליל הקודם מסתיים, הצליל המקורי ימשיך לנגן עד שהוא מסתיים. התחלה דומה לאירוע, אך מפסיקה כאשר הצליל מושמע שוב. עצור מפסיק את הצליל על המסגרת הזו. אם ברצונך להשתמש באפשרות זו בשילוב עם אפשרויות צליל אחרות, צור מסגרת מפתחות חדשה שבה ברצונך שהצליל יפסיק והשתמש באפשרות זו. הזרם ינסה להתאים את הצליל המתנגן למספר הפריימים בשכבות האחרות. אפשרות זו משמשת בצורה הטובה ביותר לדיאלוג.
- חזור. הגדרה זו מאפשרת לך לקבוע כמה זמן הקול חוזר. אתה יכול להגדיר אותו לשחק רק פעם אחת, או לחזור כמה פעמים שתרצה. אם האנימציה שלך היא אנימציה של לולאה, עליך להגדיר את המוזיקה לחזור על עצמה ללא הגבלת זמן.
שלב 7. השלימו את הפרויקט
כשתסיים סוף סוף לעבוד על הפרויקט, שמור אותו כקובץ SWF. זהו הפורמט המשמש להפעלת סרטים. אתה יכול לשחק אותו כמעט בכל דפדפן אינטרנט, או להשתמש בנגן פלאש המשמש במיוחד לצפייה בו. ישנם גם אתרים שונים בהם תוכלו להעלות אותו לצפייה אחרים, כמו Newgrounds, Albino Blacksheep ו- Kongregate.
שלב 8. לפתח את הפרויקט העתידי שלך הלאה
מדריך זה עוסק ביסודות יצירת אנימציות, אך יש עוד כל כך הרבה דברים שאתה יכול ללמוד ולעשות. הוסף כמה כפתורים ועלילה מסתעפת ויש לך את משחק ההרפתקאות שבחר. אתה יכול לקחת קורסי התרסקות ב- ActionScript ולהשיג הרבה יותר שליטה על הפרטים הקטנים יותר של האנימציות שלך. המשיכו להתנסות, ובקרוב תלמדו כל מיני טריקים ויישומם.
