PDA

نسخه کامل مشاهده نسخه کامل : اموزش مقدماتي فلش



Elfin-D
27-11-2005, 00:44
خيلي از كاربران هنوز با مخيط فلش اشنا نيستند و براي همين پرداختن به اموزشهاي سطح بالا فعلا كار درستي نيست.
اولين قسمت از اموزش مقدماتي فلش رو ميزارم و بر اساس علاقه مندي افراد سعي ميكنم بقيه رو هم بنويسم.
با اموزش تنهاتون ميزارم....
-----------------------------------------
ماکرومديا فلش ( Macromedia Flash) يکي از بهترين نرم افزار هايي است که شما ميتوانيد جهت افزودن افکت های مخصوص و انیمیشن های کامپیوتری به وب سایت از آن استفاده کنید .در این جزوه سعی شده تمامی نکات با ذکر مثال و انیمیشن برای شما ارائه گردد . امید است این منبع جهت استفاده ی شما عزیزان مفید واقع شود.
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با سیستم عامل ویندوز داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
- کارت گرافیکی 64 گیگا بایت


کاربردهای Flash

زماني که با یک صفحه ی وب برخورد ميکنيم ایده های مختلفی برای ساختن یک وب سایت جالب ،در ذهنمان ايجاد ميشود. با وجود بخشهاي گوناگون در يک وب سايت در مورد تصاوير و رنگها قانونی کلی وجود دارد. در Flash ابزارهايي وجود دارد که به وسیله ی آنها ميتوان به راحتي تصاوير مختلفي خلق کرد. تصاوير برداري خيلي بهتر از نقشه های بيتي هستند. تصوير برداري نه تنها از لحاظ اندازه کوچکتر است بلکه در هنگام کوچک و بزرگ شدن به هيچ وجه کيفيت خود را از دست نميدهد. ولي زماني که يک نقشه بيتي را بزرگ ميکنيم تصاوير مات به نظر ميرسند. تصاویر Flash همانند یک فیلم بر روی صفحه ی وب گذاشته می شود . هرگاه که مرورگر وب شما با يک فيلم Flash روبرو ميشود به طور اتوماتيک Flash player را اجرا می کند.

نكته

به ياد داشته باشيد که فيلم هاي Flash به واسطه برداري بودنشان کم حجم تر از تصاویر نقشه بیتی خواهند بود.

متحرک سازي در سايت وب

در گذشته در سايتهاي وب به علت اينکه انيميشن نداشتند ، بسیار خسته کننده به نظر می رسیدند. ولي نرم افزار Flash به آساني انيميشن را توسط فرآیندی به نام Tweening ايجاد ميکند. در اين مرحله شما به Flash نقطه آغاز و پايان ميدهيد و تصاوير بين اين دو نقطه به طور اتوماتيک به صورت فريم ( Frame ) ايجاد خواهند شد. مثلاً اگر يک تصوير کامپيوتري براي کامل شدن احتياج به 10 فريم داشته باشد تنها لازم است به آن دو فريم شروع و پايان را بدهيم ( فريم 1 و فريم 10) ، خود نرم افزار Flash فريم هاي ما بين آن را ميسازد.
علاوه بر آن ميتوانيد يک Motion Tween براي آن شيء بسازيد.

ساخت فيلم هاي محاوره اي :

در Flash علاوه بر انيميشن هاي ساده ميتوانيد وب سايتهاي محاوره اي نیز بسازید. به عنوان مثال ميتوان فيلم فلشي را ايجاد کنيد که در آن فيلمهاي کوتاه و Track هاي موسيقي متعدد قابل انتخاب وجود داشته باشد زيرا Flash کاملاً شيء گرا ميباشد.

نکته :

در يک فيلم Flash منظور از محاوره اي بودن اين است که کاربر قادر به انتخاب کليپ هاي ويدئويي يا Track موسيقي دلخواه باشد.

تغيير شکل اشياء و متون متحرک :

يکي از تکنولوژي هاي انيميشن در Flash این است که به شما اجازه ی تغییر يک شکل به شکل ديگر را ميدهد ،به اين فرآیند Shape tween ميگويند. بدون شک متون متحرک را در سايت هاي مختلف مشاهده کرده ايد. اين متون درون یک جعبه از نقطه اي به نقطه ديگر حرکت ميکنند. از اين Effect در سرفصل روزنامه ها و تبليغات فروشگاهها استفاده ميشود. ايجاد يک متن متحرک در Flash کار بسیار ساده ای است . بدين منظور جهت رسیدن به نتیجه ی مطلوب باید تکنیک های فیلم سازی Flash را با هم ترکیب کنیم ، به این صورت که ابتدا یک Motion Tween ایجاد کرده ، بوسیله آن متنی را داخل جعبه از این سمت به آن سمت برده و سپس یک Mask اضافه می کنیم. توسط اين ماسک ميتوانيم متن داخل جعبه را کنترل کنيم. اين بدان معني است که شما قادر خواهيد بود هر قسمت از متن دلخواه خود را قابل مشاهده کنيد.

درک و يادگيري اصول پايه اي Flash

Flash داراي يک سري عناصر اوليه است که در طول کارتان شما را همراهي ميکند. شکل زير نماي اوليه اي از عناصر اوليه Flash ميباشد.

صفحه کاري ( Work Place ) در Flash :

صفحه کاري منطقه اي است که در آن قلم هاي Flash را ايجاد ميکنيد. این صفحه ی کاری در واقع آن منطقه سفيد رنگي است که در قسمت مياني پنجره Flash واقع شده است.

نکته :

به طور پيش فرض اندازه اين صفحه 550*400 پيکسل ميباشد. اطراف صفحه کاري بوسيله يک حاشیه خاکستري که محيط کاري است پوشانده شده است. اشياء روي محيط کاري ظاهر میشوند، مگر اينکه آنها را بر روي صفحه کاري منتقل کنيد.

Timeline :

Timeline ( خط زمان ) يکي از ابزار هاي Flash است که فريم هاي درون آن را کنترل ميکند. شکل زير قسمتهاي مختلف Timeline را به تصوير ميکشد.



Play head :

براي ديدن گزینه های Flash مورد نظر Play head را بوسيله اشاره گر ماوس بر روي این Flash بکشيد. بدين منظور شما ميتوانيد يک Frame دلخواه را بر روي Timeline کليک کنيد که آن به صورت اتوماتيک Play head ميشود.

Frame Number :

همان نما هاي شما براي کار کردن در Timeline ميباشند. Frame line شما را قادر ميسازد تا مکان صحیح اشیاء در فریم را مشخص کنید.

Timeline Menu :

از طريق اين متد ميتوان به تعداد گزينه هايي که براي تنظيم چگونگي مشاهده Timeline استفاده ميشوند دسترسي پيدا کرد.

Center Frame :

قسمت مرکزي قابل ديد در Timeline ميباشد.

Onion Skin View :

توسط اين گزينه ميتوان فريم هاي مختلف يک انميشن ترتيبي را مشاهده کرد. در واقع ميتوان تشکيل فريم هاي مياني را ملاحظه نمود.

Onion Skin Outline view :

اين گزينه نيز مانند Onion Skin View ميتواند تعداد فريم هاي اول تا آخر را نشان دهد .اما این گزینه بیشتر براي منحني ها استفاده ميشود.

Edit Multiple Frames :

اين گزينه شما را قادر ميسازد تا هر بخش از يک انيميشن را که بر فريم هاي مختلفی تقسيم شده اند ، ويرايش کنيد.

Modify Onion Markers :

منويي را نمايش ميدهد که توسط آن شما ميتوان تعداد فريم هاي دلخواه را در Onion Skin View نمايش داد.

Current Frame :

در اين قسمت ساده فريم جاري نمايش پيدا ميکند.

Frame Rate :

این گزینه تعداد فريم هاي نمايش داده شده را نشان ميدهد.

Playback Time :

این گزینه مدت زمان سپري شدن فيلم را نشان ميدهد.

Scroll Bars :

بوسيله این گزینه ميتوان فريم هاي لايه هاي قبلي را مشاهده نمود.

p30mehdi
14-12-2005, 08:03
آقا دستت درد نکنه
دمت گرم

zodiac
14-12-2005, 09:45
سلام آقاي طالب لو

آموزش شما كاربردي است / لطفا ادامه دهيد
متشكرم - موفق باشيد

Lovelyman
14-12-2005, 15:58
منم موافقم ادامه بده از شاهين كينگ عزيز هم در خواست كمك به ايشون رو دارم چون شاهين جان عالي توضيح مي دن
موفق باشي

Elfin-D
14-12-2005, 18:31
متاسفانه تا اطلاع ثانوي از ارائه هر گونه اموزش معذورم.اميدوارم كه من رو ببخشيد

STAYWITHME
15-12-2005, 21:27
يک فيلم با کنار هم چيده شدن چندين Frame درست می شود.

قسمت سمت راست Timeline مربوط به فريمها است.اجزای اين قسمت عبارت هستند از:

کلیدهای Onion skinning:

کلیدهای Onion skinning برای نمایش چند Frame فریم در يک زمان بکار ميروند. هنگام فعال سازی اين کليد ها در Timelineشکلی نظير اين ظاهر ميشود:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اين شکل محدوده فعاليت کلیدهای Onion skinning را نشان ميدهد.شما ميتوانيد با گرفتن و کشيدن دايره های اين قسمت ، اين محدوده را تغيير دهيد.

کليد های Onion skinning به اين شرح هستند:

Onion Skin[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] :

اين کليد Frameها را به صورت کم رنگ نشان ميدهد.


Onion Skin outlines [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اين کليد فقط خطوط خارجی شکلهايی را که در Frameها وجود دارند را نشان ميدهد.


Edit Multiple Frames [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اين کليد به شما اين امکان را ميدهد که چند Keyframe را در يک زمان ببينيد و ويرايش کنيد.


Modify Onion Markers :

اين منو برای تنظيم علامت هايی که هنگام فعال ساختن کليدهای Onion Skinning ظاهر ميشود به کار ميرود.گزينه اين منو اينها هستند:


Always Show Markers:

اگر اين گزينه فعال باشد حتی اگر کليدهای Onion skinning فعال نباشند علامت ها نشان داده ميشوند.


Anchor Onion:

به طور طبيعی محدوده فعاليت کليدهای Onion skinning با تغيير مکال Frame جاری جابجا ميشود اما اگر اين گزينه فعال باشد اين محدوده ثابت ميماند.


Onion 2:

اين گزينه محدوده فعاليت کليدهای Onion skinning را از دو Frame قبل تا دو Frame بعد از Frame جاری قرار ميدهد

Onion 5:

اين گزينه محدوده فعاليت کليدهای Onion skinning را از پنج Frame قبل تا پنج Frame بعد از Frame جاری قرار ميدهد.


Onion all:

اين گزينه همه Frameها را در محدوده فعاليت کليدهای Onion skinning قرار ميدهد.

منو طريقه نمايش فريمها[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]


پنج گزينه اول عرض Frameها را تغيير ميدهد.


گزينه Short ارتفاع Frameها را کم ميکند.


گزينه Tinted Frames رنگ KeyFrameها و Frameهای ميانی را تغيير ميدهد.


گزينه های Preview و Preview in context پيش نمايشی از KeyFrameها را در Timeline نشان ميدهد. Preview فقط آن قسمتی از Keyframeها را نشان ميدهد که شامل شکلی باشد ولیPreview in context تمام قسمتهای Keyframeها نشان ميدهد.

طريقه ايجاد Frameهای جديد:

در Timelineروی مکانی که ميخواهيد Frame جديد ايجاد شود کليلک راست کنيد سپس از منويی که ظاهر ميشود گزينه Insert frame را انتخاب کنيد با اين کار از آخرين Keyframe تا آنجا Frameهايی ساخته خواهد شد.

STAYWITHME
15-12-2005, 21:41
لايه ها شبيه به ورقهای شفافی هستند که بر روی هم قرار می گيرند.گاهی شما می خواهيد اشکال مختلفی را جدا از هم به حرکت وا داريد برای اين کار بايد هر کدام از اشکال را در يک لايه قرار دهيد.

برای کار بر روی لايه ها از قسمت لايه ها TimeLine استفاده ميشود.شرح اين قسمت در تصوير زير مشاهده ميکنيد:


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

STAYWITHME
15-12-2005, 21:49
ناحيه کاری

در اين ناحيه اشکال کشيده ميشود.دور اين ناحيه يک ناحيه خاکستری رنگ وجود دارد که اين قسمت هنگام نمايش فيلمهای فلاش به نمايش در نخواهد آمد از اين قسمت ميتواند برای قرار دادن اشکالی که کم کم وارد صحنه ميشوند استفاده کرد.

برای تغيير رنگ و اندازه ناحيه کاری از کادر گفتگوی «Movie properties» استفاده ميشود.گزينه Movie از منو Modify اين کادر را ميآورد.

تغيير مقياس و جابجايی صفحه

ليستی که در گوشه پايين سمت چپ هر کدام از پنجره های ويرايش قرار دارد مقياس صفحه را تعيين ميکند مورد اول از اين ليست (Show Frame) کل صفحه را نشان ميدهد و مورد دوم (Show All)تمام اشکال را نشان ميدهد.

از ذره بين (در قسمت View) هم ميتوانيد برای تغيير مقياس صفحه استفاده کنيد. هنگامی که ذره بين انتخاب شود در قسمت Option دو ذره با علامت مثبت و منفی ظاهر ميشود. اگر ذره بين منفی انتخاب شده باشد ذره بين صفحه را کوچک و وقتی ذره بين مثبت انتخاب شده باشد ذره بين صفحه را بزرگ ميکند.

در صورتی که با ذره بين در قسمتی از صفحه يک مستطيل رسم کنيد آن قسمت بزرگ ميشود.

در کنار ذره بين يک دست قرار داد با اين دست ميتوانيد صفحه را جابجا کنيد برای اين کار دست را انتخاب و علامت موس را روی صفحه بياوريد بعد دکمه موس را بگيريد و موس را بکشيد.

خط کش

برای نمايش يا پنهان کرن خط کش از منو View گزينه Rulers را انتخاب کنيد.

Grid(شبکه)

شبکه به شما کمک ميکند که اشکال را دقيقتر بکشيد. برای نمايش شبکه اين گزينه را از منو انتخاب کنيد:View>Grid>Show Grid

توجه داشته باشيد که در هنگام نمايش فيلم شبکه نمايان نميشود.

ToolBox(جعبه ابزار)




اين قسمت که معمولا در سمت چپ صفحه قرار دارد شامل اين قسمتهاست:


قسمت sاToo:

در اين قسمت ابزار هايی برای رسم و تغيیر رسم اشکال و جود دارد.


قسمت View:

اين قسمت شامل دو دکمه است: ذره بين و دست.


ذره بين:

با استفاده از ذره بين ميتوانيد در صد بزرگ نمايی صفحه را تعيين کنيد .در هنگام انتخاب ذره بين در قسمت Options دو ذره بين با علامت های مثبت و منفی ظاهر ميشود با استفاده از اين کليدها ميتوانيد تعيين کنيد که ذره بين عمل بزرگ نمايی را انجام دهد يا کوچکنمايی.


دست:

در مواقعی که ناحيه کاری را خيلی بزرگ ميکنيد فقط ميتوانيد قسمتی از ناحيه کاری را ببينيد با استفاده از ابزار دست ميتوانيد مکان اين قسمت را تغيير دهيد. برای استفاده از ابزار دست ، ابزار دست را انتخاب کنيد و سپس علامت موس را به ناحيه کاری ببريد و بعد دکمه موس را بگيريد و موس را بکشيد.


قسمتColors :

در اين قسمت ميتوانيد رنگ خطها و پرکننده را تعيين کنيد.اجرای اين قسمت به اين شرح هستند:


Stroke Color [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

با کليک کردن روی فِلِش اين قسمت ميتوانيد رنگ خطها را انتخاب کنيد.


Fill Color[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] :

در اين قسمت ميتوانيد رنگ پرکننده ها را انتخاب کنيد.


Default Colors[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] :

اين دکمه رنگ خطها را سياه و رنگ پرکننده ها را سفيد ميکند.


No Color :

با استفاده از اين کليد در هنگام استفاده از ابزارهای مستطيل و بيضی ميتوانيد تعيين کنيد خطهای اطراف شکل و پرکننده های داخل شکل رسم شود يا نه.

برای رسم شکلهايی بدون خط خارجی ابتدا ابزار مستطيل يا بيضی را انتخاب کنيد سپس روی مداد قسمت Stroke color کليک کنيد و بعد روی اين دکمه کليک کنيد[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

برای رسم شکلهايی بدون پرکننده همين کار را انجام دهيد ولی بجای کليک کردن روی مداد قسمت Stroke color ، روی سطل رنگ قسمت Fill Color کليک کنيد.



Swap Color :

اين دکمه رنگ پرکننده ها و رنگ خطها را با هم جابجا ميکند.






قسمت Options:

هنگام انتخاب بعضی از ابزارها دکمه هايی برای تنظيم رفتار آن ابزار در اين قسمت ظاهر ميشود.

برای نمايش ToolBox از منو Window گزينه Tools را انتخاب کنيد.




[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

Elfin-D
28-12-2005, 21:52
سلام
مرسي از اموزشهاتون.عكسها براي من نمياد.اگه ممكنه تصحيح كنيد

STAYWITHME
29-12-2005, 13:02
این آموزش ها مال من نیستن من نه وقت دارم ونه حوصله که بشینم این همه تایپ کنم .

دیدم تاپیک زدی گفتم این آموزش ها به ای تاپیک می آن .

هر کی می خواد ببینه بره تو این سایت :

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

البته اگه هنوز چنین سایتی باشه .

به هر حال من اینا رو از اینجا گرفتم .

Elfin-D
29-12-2005, 13:28
سلام
ممنون .من اين سايت رو چك كردم.سايت خوبيه و اموزشهاي كاربردي خوبي داره.

STAYWITHME
29-12-2005, 23:12
خواهش می کنم .

ولی آموزش هاش خیلی مقدماتی .

600 طبقه زیر سطح تو

Lovelyman
31-12-2005, 16:52
لطفا بازم ادامه بديد
ممنون ميشم

nokia6230i
03-01-2006, 20:32
دستت درد نکنه

ETI.:.IT
27-08-2007, 13:43
سلام چرا هیچکدوم از لینکها فعال نیست .
من آخرین ورژن فلش رو میخوام.
آیا تصاویر متحرک gif در فلش ساخته میشه؟

flashman
27-08-2007, 14:17
سلام دوسته من


من آخرین ورژن فلش رو میخوام.


برای دریافت آخرین ورژن فلش به نظر من دنبال سایت نرید بهتره اگه اونو خودتون خریداری کنید بهتره



آیا تصاویر متحرک gif در فلش ساخته میشه؟

میوتنید وقتی که از فایل خودتون خروجی می گیرید اونو با پسوند GIF ذخیره کنید .

موفق باشی

ETI.:.IT
28-08-2007, 18:33
ممنون از جوابتون.
بقیه سوالها رو در قسمت سوال و جواب میپرسم.

Manager_66
07-09-2007, 12:00
ممنوم آموزش جالبي بود

موفق باشيد...

end_of_world
06-03-2008, 14:10
ممنون لطفا بهترين نرم افزار براي ساختن فلش را معرفي كنيد

vahid78
20-03-2008, 07:09
اگه آموزشهاتونا با فرمت pdf بذارین تا بچه ها بتونند دانلود کنن عالی میشه ممنون

alisubzero
26-03-2008, 08:24
دستت درد نکنه ولی آموزش فوق پیشرفته را بگذار