PDA

צפייה בגרסה מלאה : מדריך מדריך הפלאש למתחילים



DexTon
08/01/12, 14:07
(הכנתי תמדריך הזה בשביל פורום אחר ממזמן חשבתי לפרסם אותו פו בשביל המתחילים בפורום הזה)
המדריך הגדול למתחילים ב-flash:)

כמה ביקשו את ההורדה אז הינה
הורדה:(זה הגירסא הכי חדשה CS5)
הורדה:http://www.megaupload.com/?d=XISJSX0Q


קייגן:http://www.megaupload.com/?d=Q7JTJRNL

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

http://i44.tinypic.com/ifq2z8.jpg
http://i44.tinypic.com/ifq2z8.jpg
(אני יודע ששחכתי את מספר 4)




1) זה להלן הוא keyframe ריק (blank key frame). כאמור לעיל, הוא תחילתה של האנימציה., אין שום דבר כרגע על הkeyframe.

2)אלו הן פריימים(frames) אשר מרחיבות את משך הזמן של ה-keyframe.

3) זה keyframe. כן, רק keyframe. יש משהו כרגע על הkeyframe באותו רגע.

5)Stage המסך, שבו הדמויות המונפשות שלך זזות.

6) לחץ לחיצה כפולה על אותו ומאפייני מסמך יצוצו. כאן אתה יכול לשנות את הכותרת, תיאור, מידות, צבע רקע, frame rate (המכונה fps). מצד שמאל של 30.0 fps הוא 4.יש שם גם את כפתור onion skin שמאפשר לך לראות את הפריימים הקודמים עם הפריים הנוכחי מה שעוזר מאוד בחלקים שתשתמשו ב(FBF(frame by frame .

לפני שאתם מתחילים תוודאו שהמאפיינים של האנימציה ניראים כך
http://i43.tinypic.com/bhelno.jpg

Tween:(תזוזה) http://images.fxp.co.il/smilies2/itay/HEAD.gif
Motion tween אינו אלא יצירת רצף התנועה של סמל ממצב אחד למשנהו.
כדי ליישם Motion Tween כל מה שאתה צריך לעשות זה, לספק לפלאש xת העמדה הראשונית של הסמל ואת המיקום הסופי. ממש פשוט? (הtween לא משמש רק לתזוזה אלא גם לאפקטים משתנים ושינוי גודל)

אוקי כדי להתחיל,תצתרך להעלות את התוכן שאתה רוצה להנפיש (ה-poses) על ידי כניסה ל: file>import>import to library
ואז תבחר את הsprites שתרצה להשתמש בהם.
רצוי למתוח קו ישר על הstage על ידי הline tool (לחיצה על 'N' תפעיל אוטומתית).
עכשיו תיצרו blank key frame על ידי לחיצה ימינית של העכבר על הtime line ובחירה insert blank key frame גררו את הפאוסה שתרצו להפעיל עליה tween מהlibrary במקום שבו תירצו שהtween יתחיל עכשיו תעשו קליק ימיני על הkey frame וביחרוcreate motion tween עכשיו הkey frame ישנה צבע לקחול או סגול (תלוי בגירסת הפלאש (סוג הtween)) עכשיו תיצרו key frame חדש כמה פריימים קדימה לחצו קליק ימיני וביחרו insert key frame עכשיו ליחצו על הkey frame החדש שנוצר והזיזו אותו הצידה או לכל מקום על ה stage תוכלו ליראות את התוצאה שלכם על ידי לחיצה על ctrl+enter
התוצאות שלי :
http://www.swfcabin.com/open/1311329173 (http://www.swfcabin.com/open/1311329173)
* הערה כמה שיהיו יותר פריימים לtween כך הוא יהיה יותר חלק אבל ימשך יותר זמן.
Tween יכול להיות טוב, אבל אם תשתמשו בזה יותר מידי זה יגרום לאנימציה ליהיות מכוערת , רק אזהרה.
~
איך לעשות הליכה על ידי שימוש ב-Tween
בשביל הליכה תפתח Symbol חדש ותעשה עליו Tween
בשביל להכין Symbol תלחץ על.. (~בודק~) Insert>NewSymbol או Ctrl+F8 ותבחר שם Movie Clip ותלחץ Ok
אחרי זה יפתח לך Symbol שתוכל להכין שיהיה לך גם בשביל אחרי זה תלחץ ctrl+R (או Import>toStage) ואז תלחץ רק על הפריים הראשון של ההליכה (Walk1_0)
וזה ישאל אותך את השאלה הזאת..
This file appears to be a part of a sequense of images. Do you want to import all of them in a siquense?
תלחץ Ok ואז זה יביא לך את הפריימים של ההליכה לפי הסדר בפריימים נפרדים
תוסיף 3 פריימים לכל Key frame של ההליכה (4 פריימים לכל ספרייט) ד"א זה תלוי מה הFrame rate שלך (-Fps) הוא אמור ליהיות 25
אחרי זה תחזור לסטצנה הראשונה שלך על ידי לחיצה כפולה על הרקע הלבן של ה stage ואז תעביר את הSymbol שהכנת מה Lybrary ותעביר אותו לLayer של השחקן שלך.
עכשיו תוסיף לKey Frame שבו נימצא הSymbol של ההליכה פריימים ותעשה עליו Tween כמו שהסברתי למעלה
דוגמא:
http://www.swfcabin.com/open/1315582429
.
FBF-FRAME BY FRAME(פריים אחרי פריים)
זו תהיה הטקטיקה הנפוצה ביותר שלך באנימציות שלך.
אז בואו נתחיל ...
הקש CTRL + N כדי להפעיל את חלון האנימציה החדש.
* הערה *תדאג שהמאפיינים נכונים, fps24 300,150.
צור שכבה חדשה (חוץ מבשיכבה שיש בה את הקו)
תכניס את הsprite הראשון שתירצה להישתמש בו:
אוקי. עכשיו לך לציר הזמן שלך קליק ימני ולהוסיף keyframe ריק חדש, גרור את הsprite הבא שתרצה להשתמש בו (השתמש בכפתור onion skin שנימצא מתחת לtime line)איפו שהיה הsprite הקודם
* טיפ *למקם לפי הרגל האחורית ולא על ידי הראש.
המשך את השלבים הקודמים עבור הsprite השלישי שלך.
זו צריכה להיות התוצאה.
http://www.swfcabin.com/open/1269352222
~
האנימציה מהירה מידי כדי שכל frame ימשך יותר זמן הוסיפו frame אחד לכל key frame כדי שכל אחד ימשך שתי פריימים במקום אחד כדי להוסיף פריים לkey frame תלחצו על הkey frame וליחצו F5 על כל אחד מה key frames אל תשכחו להוסיף גם פריימים לקו כדי שהוא לא יעלם באמצע האנימציה.
http://www.swfcabin.com/open/1269352553
~
עכשיו רק חסר הslide (גלישה) שאחרי המכה הוסיפו key frame אחרי הפריימים והזיזו את הsprite שלכם 3פיקסלים קדימה ואחרי זה תיצרו עוד key frame והזיזו אותו 2 פיקסלים קדימה ועוד key frame עם פיקסל אחד קדימה במילים אחרות שיהיה לו תזוזה של 3-2-1 אבל אפשר גם 3-2-1-1 יותר יפה לדעתי
http://www.swfcabin.com/open/1269352848

נ.ב מי שמישתמש ב-AS's שידע שהם יעבדו רק אם הוא ישמור בסיומת SWF

רציתי להוסיף עוד דברים אבל אני יוסיף אולי יותר מאוחר אני יודע שיש הרבה דברים לא מובנים ועוד מלאאא דברים להסביר וגם יש בטח כמה טעויות כתיב כי אני כתבתי את זה מאוד מהר תגיבו תנו טיפים שאני יוסים ודברים שאני צריך לתקן אם אנשים יתחילו להשתמש בflash אני יוסיף עוד מדריכים ואני יותר ישקיע בהם כי בזה אני לא ממש השקעתיhttp://images.fxp.co.il/smilies2/happy.gif

amitlevy14
08/01/12, 14:12
עשיתי כבר אחד פעם xd
אז זה לא יצורף ללינקייה :)
בכל מיקרה זה המדריך הראשון שקראתי לפלאש ומאוד עזר xd

Gokudera_Hayato
08/01/12, 14:20
תודה על ההשקעה :)
מה שמבאס שאני כבר עליתי לרמה מעל זה אחריי 100000000000000000 שיעורים עם עמית (אסף לאן לעזעזל הלכת? Xd)