הדרכות פלאש אפקט מגניב!

סיכום

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

הנה התוצאה הסופית:

דרישות

Flash 8, Flash CS3 או פלאש CS4.

הערה: צילומי מסך במדריך זה נעשות Flash CS3. זה עובד בדיוק אותו הדבר ב-Flash 8. הדרכה זו היא ActionScript 2 (למרות שלא ActionScript נדרש).

שלב 1 - להתקין את רכיב אפקט

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

שלב 2 - צור Movieclip ברווז

ייבוא את התמונה ברווז [לחץ על Ctrl-R] או "קובץ" -> "ייבוא" -> "ייבוא על הבמה ...". ודא כי התמונה ברווז הוא PNG. עם רקע שקוף.

בחר את הדימוי הזה ולהפוך אותו על F8 Movieclip [הקש] או לחץ לחיצה ימנית על MovieClip -> "המרת סימן ...". תן Movieclip את השם "ברווז".

שלב 3 - יצירת אנימציה Movieclip

צור Movieclip חדש עם Ctrl [ללחוץ על F8-] או הוספה -> "סמל חדש ...". שם זה Movieclip "אנימציה".

גרור את Movieclip ברווז מהספריה שלך אל המסגרת הראשונה על ציר הזמן. כעת לחץ על מסגרת 60 ו ליצור keyframe חדש [הקש F6] או קליק ימני ו "הכנס Keyframe".

לחץ על keyframe החדש שנוצר ובחר Movieclip ברווז על הבד. עכשיו זה Movieclip לזוז עם הסמן על מקש ימין (נניח 100px). אתה יכול לבדוק את המיקום החדש בלוח info.

לחזור keyframe הראשון של ציר הזמן. בפאנל רכוש tween לבחור: "תנועה". אם תלחץ איפשהו בציר הזמן עכשיו, אתה רואה את הברווז Movieclip זז משמאל לימין.

שלב 4 - Movieclip אנימציה שים על ציר הזמן הראשי

כעת לחץ על "Scene 1" לחזור לציר הזמן הראשי. אם את הברווז Movieclip עדיין שם, להסיר אותה.

הזז את Movieclip אנימציה מהספריה שלך אל המסגרת הראשונה של ציר הזמן.

קבע את שם המופע של Movieclip כדי "animation_mc" (אתה יכול לבחור שם אחר אם אתה רוצה. ודא כי שם המופע הוא ייחודי). בלי שם מופע, הרכיב אינו מסוגל לזהות את Movieclip.

שלב 5 - רכיב החל אפקט

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

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

הערה: הגדרות אלה חלים רק במקרה זה אחד המרכיבים את האפקט. אם לצייר את הרכיב על Movieclip אחר (במקום אחר בתוך fla. או בפרוייקט חדש) אתה צריך להגדיר את ההגדרות שוב.

עכשיו (ייצוא [לחץ על Ctrl-ENTER] או ...). תראה את הראש של הברווז היא לחתוך איכשהו. Thats משום שהרכיב יש בדיוק את גודל Movieclip את הברווז. אבל מאז גל השתקפות יגדיל את גודל זה לא יתאים יותר.

שלב 6 - התאמת Movieclip אנימציה

כדי לתקן זאת, תוכלו להוסיף צורה בלתי נראית ברקע של ברווז Movieclip, אשר גודל את Movieclip קצת.

לחזור Movieclip את הברווז על ידי לחיצה כפולה עליו בספריה.

יצירת שכבה חדשה מתחת לשכבת tween.

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

עם הצורה שנבחרה לפתוח את הפאנל צבע להגדיר את האלפא ל -0.

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

שלב 6 - הוספת תמונת רקע

יצירת שכבה חדשה מתחת לשכבת עם אנימציה רכיב. ייבוא תמונה המתאימים. עכשיו אתה יכול לשנות את המיקום של Movieclip את האנימציה כדי להתאים אותו עם הרקע.

להוריד

לחץ כאן כדי להוריד את fla של מדריך זה. הערה: fla. כוללת את גירסת הניסיון של רכיב ההשפעה, אשר יפעלו רק ב-IDE פלאש (Flash 8, Flash CS3 או פלאש CS4), אבל לא בתוך הדפדפן.

ניתן גם להוריד את המים אפקט השתקפות כאן.