PDA

צפייה בגרסה מלאה : מדריך שיעור פלאש מס' 2 : ליצור את הסגנון שלך :)



BleedS
28/09/11, 08:15
שלום לכולם
לאחרונה הצטרפתי לפורום וראיתי שקהילת הפלאש בו לא כל כך גדולה, והחלטתי להכין כמה שיעורים כדי להגדיל את משתמשי הפלאש והאנימטורים בכלל :)


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


צרו את הסגנון שלכם


מה נלמד?:
ליצור דמות
סגנון אנימציה
להחליט על הFPS
Resizing
Slides
Custom Poses
__________________________________________________ ___________________________________


חלק מספר אחד: ליצור את הדמות


חלקכם לא יודעים, אבל לכל אנימטור חייבת להיות דמות יחודית שמייצגת אותו ומזוהה איתו.
עכשיו אני יעזור לכם ליצור את שלכם :)
אוקיי, השלב הראשון הוא להכנס לבאנד סטורי(אני חושב שזה ברור לכולם)
ולהתחיל לבנות. כמה טיפים חשובים לבניית דמות:
1. חשוב שהדמות תהיו פשוטה, אל תפציצו אותה בשום פנים ואופן במיליון דברים..
2. כן, תעשו לדמות nx סטייל.. אל תשימו עליה זאקומים ודברים כאלה, זה פשוט לא עובד..
3.לא יותר מ4 פריטי לבוש.. הכוונה היא: מכנסיים וחולצה, אולי נעליים אם רוצים, ואולי עגילים עם רוצים. על מה שאמרתי "אולי" יכול להתחלף במשקפיים או כובע למשל..
4. בלי נשק. הדמות שלכם
דוגמא לדמויות:
http://www.icydier.co.il/images/imported/2011/09/53.png (http://www.siz.co.il/)
http://www.icydier.co.il/images/imported/2011/09/54.png (http://www.siz.co.il/)
(כן זה מאור ;) )

אחרי שסיימתם את הדמות, הגיע הזמן לעבור לחלק השני..
__________________________________________________ ___________________________________


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

אין הרבה שאני יכול להסביר פה, אבל יש משהו שקשור לנושא הזה ומאוד חשוב להסביר:
בבאנד סטורי, אל תשמרו אנימציות. תשמרו ספרייט שיט לדמות שלכם..
הדברים היחידים שאתם צריכים אנימציה בשבילם הם:
Alert
Walk
Stand
וזה הכל.. השאר תעשו עם ספרייטים שלא זזים.
מצטער שאין לי עוד מה להרחיב בנושא הזה, אבל תאכלס, זה הסגנון שלכם לא? (;
__________________________________________________ _____________________________________


FPS


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




הנה אנימצייה שפירסמתי פה כשהגעתי לפורום:
הראשונה ב30: http://www.truploader.com/view/739630
והשנייה ב21: http://www.truploader.com/view/798738
בקלות אפשר לראות את ההבדל..

הFPS המומלץ הוא בין 21-30..
FPS גבוהה יותר יגרום לאנימציה להראות אמיתית יותר וחלקה יותר, וגם יהיו בו יותר
אפשרויות בגלל שאפשר לשים כפול פריימים מ21 והאנימציה תהיה באותו האורך..
החסרונות הם שצריך הרבה יותר סבלנות..
ב21 טיפה רובוטי יותר, אבל אפשר לשים פחות פריימים..
...
זהו :p

__________________________________________________ __________________________________


RESIZING!


איך אני אוהב ריסייזינג.. זה מוסיף כל כך הרבה לאנימציה..
השאלה היא: האם אתם תוסיפו הרבה ריסייזינג לאנימציות שלכם?

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

הנה דוגמא קטנה שהכנתי להעברת תנוחות בריסייזינג:
http://www.truploader.com/view/417396
כמו שאתם רואים הדמות מתכווצת טיפה כל פעם שהיא עוברת תנוחה..
אני לא יכול להגיד לכם כמה להשתמש בריסייזינג, אבל אני יכול להגיד לכם איך:

אוקיי, תתחילו מלשים את הדמות שלכם על רצפה(הרצפה חשובה מאוד, בהמשך תבינו למה):

http://up353.siz.co.il/up2/dmozggihzzum.bmp (http://www.siz.co.il/)

עכשיו אתם עושים פריים חדש (Insert blank keyframe) תשתמשו בF7 בשביל קיצור דרך.
בעזרת onion skin, תמקמו תנוחה חדשה בדיוק איפה שהייתה הישנה(בפריים החדש):
http://up353.siz.co.il/up1/5mtw4onyziym.bmp (http://www.siz.co.il/)

עכשיו, למטה אמור להיות לכם סרגל כזה.. לכו לאיפו שסימנתי ותורידו את המספר שיש ב6,
למשל אם יש שם 63, תורידו ל57.. אם יש שם 71, תורידו ל65.. *הערה: הדמות חייבת להיות מסומנת(תלחצו עלייה פעם אחת עם מקש ימיני של העכבר)*
http://up353.siz.co.il/up3/nlwdm2enmuwm.bmp (http://www.siz.co.il/)

ואז תראו שהדמות התכווצה.. תורידו אותה כדי שהיא תהיה בדיוק על הרצפה:
http://up353.siz.co.il/up1/wjbkjlzlmimz.bmp (http://www.siz.co.il/)
עכשיו תעשו Insert keyframe (בשביל קיצור דרך תשתמשו בf6), ותעלו את מה שהורדנו ב2, ואז עוד Insert keyframe, ולהעלות ב2..
עד שזה מגיע למספר המקורי.. מה שאומר שבסה"כ צריך להעלות ב2 - 3 פעמים..
חשוב שאחרי כל פעם שאתם מוסיפים 2 תשימו את הדמות בדיוק על הרצפה ובדיוק במקום שהיא עמדה בו קודם.. אחרת זה יצא מוזר..
תוצאה:
http://www.truploader.com/view/559384

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

__________________________________________________ ________________________________________



Slides


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



אז.. זה שאתה זז גם אחרי סיימת את התנועה..
כמו מן החלקה על הקרח.. למשל, מכירים במייפל שאתם באל נט ואתם מחליקים על הקרח?
אז מן כזה דבר, רק ממש קצת ולא בהגזמה..
הנה דוגמא קטנה לסלייד(אם תשימו לב תראו שגם הוספתי ריסייז קטן):
http://www.truploader.com/view/258529
אתם רואים איך שהדמות מחליקה אחרי שהיא נוחתת?
זה סלייד.
עכשיו תמיד תזכרו!
ככל שהתנועה שמסתיימת מהירה יותר\חזקה יותר, הסלייד יהיה ארוך יותר..
עכשיו טיפים:
1.תמיד תזיזו את הסלייד בקצב יורד, הכוונה לפחות פיקסלים בכל פריים עד עצירה מוחלטת..
2.תזיזו את הדמות עם החצים במקלדת כשאתם עושים סלייד..
3.אי אפשר לעשות סלייד אם הדמות לא על רצפה.
4.אפשר לשלב סלייד וריסייזינג, זה עובד מצויין, תנסו.


ו...זהו. שנעבור לדבר הבא?

__________________________________________________ __________________________


Custom Poses



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




אם יאהבו את המדריך אני ימשיך למס' 3.



אני מקווה שאהבתם את המדריך והוא עזר לכם..
תגובות?

luvEunJi<3
28/09/11, 08:20
איזה מפורט כל הכבוד אני מתחיל ללמוד

BleedS
28/09/11, 08:21
תודה רבה ובהצלחה :)

FreeStyle
28/09/11, 08:21
קראתי הכל יפה מאוד!

BleedS
28/09/11, 08:23
תודה אחי (:

amitlevy14
28/09/11, 08:31
עכשיו נקווה שהקהילה תגדל!
ודרך אגב, מדריך מצוין!
למדתי קצת דברים... תמשיך את המדריך הבא!
וזה מדריך מאוד מושקע :)
וכל אלה שלא הבינו משהו.... אתם יכולים לשלוח בפרטי

Niv
28/09/11, 08:32
מדריך מעולה :)
כל הדברים האלו אני כבר יודע.
אחי אני יכול הורדה לפלאש?

BleedS
28/09/11, 08:36
תודה לשניכם
ואני תכף יעלה הורדה לפלאש :)

amitlevy14
28/09/11, 08:39
אני כבר העלתי באשכול של איזה תוכנה אתם משתמשים לאנימציות.... בכל מיקרה כל מי שירצה עזרה נוספת מוזמן ליפנות אלי ואל אסף :)

קיסינג'ר
28/09/11, 08:55
מדריך מפורט מאוד! תודה רבה, חבל שכבר מחקתי את הפלאש מהמחשב :\

amitlevy14
28/09/11, 08:56
אביב, מקסימום תוריד שוב :)

MiyukiChan
28/09/11, 10:08
איזה מגניב xd
פעם הייתי משתמשת בפלאש בשביל ציור/עובדה על תכנות/סטיקים חחחחחח
מדריך ממש טוב, כל הכבוד לך על ההשקעה, אני מתכננת להוריד פלאש, אם המחשב העלוב שלי ירץ אותו בכלל...
אז מין הסתם שאני אשתמש במדריך הזה :)
שוב תודה

BleedS
28/09/11, 10:13
Sticks FTW
תורידי 8-בקושי 50 MB
לעומת זאת CS5- איזה 2 GB חח
תורידי 8 0_0.

Niv
28/09/11, 10:25
אסף יש מצב אתה מעלה לי ?
מעמית זה מה שקרה:

http://up353.siz.co.il/up2/eyjnt2ykq4nx.bmp (http://www.siz.co.il/)

BleedS
28/09/11, 10:27
אין בעיה אני יעלה..

amitlevy14
28/09/11, 10:37
חחח מצטער על הקישור xd

Pavel
28/09/11, 11:45
תודה אחי אני יתחייל לילמוד :d
ובאיזה תוכנה זה? ואיפשר הורדה עובדת?

BleedS
28/09/11, 11:53
בבקשה (:
והתוכנה זה פלאש, כתוב בכותרת 0_0