آموزش فلش در سه قسمت(به طور منظم)
آموزش فلش (بخش اول )
ماکرومديا فلش ( 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 : بوسيله این گزینه ميتوان فريم هاي لايه هاي قبلي را مشاهده نمود.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
آموزش فلش (بخش دوم )
لايه ها لايه ها به مانند صفحات شفافي بر روي صفحه کاري قرار گرفته اند . اشياء بر روي اين لايه ها به صورت مستقل عمل ميکنند. به اين صورت شما ميتوانيد هر کدام از اشياء روي لايه هاي مختلف را دستکاري کنيد و يا اينکه يک لايه را به جلو يا پشت لايه مورد نظر انتقال دهيد ،بدون اینکه اشیاء دیگر خراب شوند . با توجه به شکل زير به اجزاي لايه نگاهي دقيقتر بيندازيد : Layer Names : در اينجا نام لايه ها را مشاهده ميکنيد. براي تغيير نام یک لایه است روي آن دو بار کليک کرده و نام آن را عوض کنيد. Add a layer : براي ايجاد يک لايه جديد از اين گزينه استفاده ميشود. Add a Motion Guide Layer : اين گزينه شما را قادر ميسازد تا يک لایه ی راهنما ايجاد کنيد.بنابر اين ميتوان اشياء را در يک مسير حرکت داد که اين مسير الزاماً مستقيم نميباشد. Add a Layer Folder : توانايي شما را در افزودن پوشه هايي به سازماندهي لايه ها افزايش ميدهد. Delete a Layer : به وسيله اين آيکون ميتوان لايه مربوطه را حذف کرد. Show or Hide Layer : با کليک کردن روي جعبه ها ، لايه ها قابل مشاهده ميشوند. اگر فقط ميخواهيد لايه خاصی را امتحان کنيد بر روی همان لايه کليک کنيد. Lock or Unlock Layer : با کليک کردن در اين ستون تمام لايه ها قفل شده و براي لايه ها و Frame ها امکان هيچ ويرايشي وجود ندارد. ( ميتوان تک تک لايه ها را نيز قفل کرد ) Show Layer as Outline : با کليک بر روي اين ستون ، اشياء بصورت يکپارچه در مي آيند. اهمیت این حالت را زمانی درک خواهید کرد که مشاهده کنید اشیاء مختلف از لایه های متفاوت چگونه با هم پیوند می خورند . جعبه ابزار جعبه ابزار Flash مجموعه ای از ابزار ترسیم و انتخاب اشکال است . با کمک شکل زیر می توان با عملکرد هر کدام از ابزارها آشنا شد . Arrow Tool : اين ابزار براي انتخاب اشکال به کار ميرود و بوسیله ی آن می توان قسمتي از شکل يا تمام آنرا جابجا کرد. Sub Select Tool : به وسيله اين ابزار ميتوان خطوطي که توسط ابزار Pen ترسیم شده اند را ويرايش و يا ترميم نمود. Line Tool : بوسيله اين ابزار ميتوان خط هاي گوناگون با نوع قلم متفاوت رسم کرد. ( اگر هنگام کار با اين ابزار کليد Shift را نگه داريم ميتوانيم خطهاي کاملاً عمودي و يا حتي 45 درجه رسم کنیم. Lasso Tool : برای انتخاب یک ناحیه ی نامنظم می توان از این ابزار استفاده نمود. Text Tool : به وسيله اين ابزار ميتوان به Flash متن هايی را اضافه نمود. Oval Tool : به وسيله اين ابزار ميتوانيم بيضي رسم کنیم و اگر هنگام رسم کليد Shift را پايين نگه داريم ميتوانيم دايره رسم کنیم. Rectangle Tool : به وسيله اين ابزار ميتوان مستطيل رسم نمود ، اگر در هنگام رسم کليد Shift پايين نگه داشته شود ميتوان مربع رسم نمود. Pencil Tool : با استفاده از اين ابزار ميتوان سه نوع خط نامنظم و شکسته رسم کرد . Brush Tool : با استفاده از این ابزار می توان اشکال خاصی نظیر پیکر انسان و غیره ترسیم نمود . نکته : با استفاده از ابزارهاي ديگری نیز می توان عملیات فوق را انجام داد ، ولی این ابزار کار را ساده تر انجام می دهد . Free Transform Tool : به کمک این ابزار می توان تصویر را کوچک یا بزرگ نمود و یا آنرا چرخاند . Fill transform Tool : اين ابزار براي عوض کردن طيف اشيایی که توسط Flash رسم ميشوند به کار ميروند. Ink Bottle Tool : با استفاده از این ابزار می توان خطوط موجود در اشیاء Flash را رنگی نمود . Paint Bucket Tool : با استفاده از این ابزار می توان اشیایی که توسط Flash رسم شده اند را رنگی نمود و یا رنگ آنها را تغییر داد . Eyedropper Tool : به کمک اين ابزار ميتوان رنگ دلخواه خود را از يک تصوير يا شيء انتخاب نمود. Eraser Tool : این ابزار برای پاک کردن قسمتی از یک شی ء بکار می رود ، توسط Option های این ابزار می توان حالت پاک کردن را انتخاب نمود . Hand Tool : به کمک اين ابزار امکان جابجا کردن Work Space وجود دارد . Zoom Tool : با استفاده از این ابزار کادر فیلم Flash را کوچک و بزرگ می کنیم . Stroke Color : با انتخاب اين گزينه جعبه رنگ باز ميشود و رنگ خطوط اشیاء به رنگ دلخواه در می آید . Black and White : با انتخاب اين گزينه خود Flash به طور اتوماتيک رنگ Stroke را مشکي و رنگ Fill را سفيد ميکند. No Color : با استفاده از اين گزينه در واقع هيچ رنگي براي کار خود انتخاب نميکنيد. Swap Color : با کمک اين گزينه ميتوان جاي Stroke را با جاي Fill عوض کرد. Tools / Options : در اين مکان کارايي و حالت مختلف بعضي از ابزار ها نمايش داده میشود که از بین آنها می توان مورد خاصی را انتخاب نمود . Panels : در واقع يک پانل يک جعبه محاوره اي است که نياز به بسته شدن ندارد. زماني که در پانل هاي Flash تغییراتی ايجاد ميکنيد، نیاز به بستن پانل ها نیست ، تغييرات فوراً اعمال ميشوند. نکته : ممکن است بعضي از پانل ها مخفي باشند ، توسط منوي Window ميتوان آنها را فعال نمود. Properties Panel : توسط اين پنل ميتوان مشخصات ابزار انتخاب شده را تعيين کرد. مثلاً در شکل زير ، پانل خصوصيات Text Tool را ميبينيد. Color- Mixer Panel : توسط اين Panel ميتوان رنگهاي دلخواه خود را براي استفاده در خطوط و داخل سطوح ايجاد نمود. زماني که رنگ مورد نظر خود را انتخاب ميکنيد اشياء جديد به اين رنگ در خواهند آمد. Color Swatches Panel : اين Panel محدوده ی رنگ بیشتری را به ما نشان می دهد . Components Panel : توسط اين Panel ميتوان عناصر واسطه اي را به فيلم اضافه نمود ،اين عناصر توسط يکسري کد اسکريپت کنترل ميشوند. اين عناصر به شما کمک ميکنند تا بتوانيد به سادگی فيلمهاي Flash تهيه کنيد. Action Panel : توسط اين Panel ميتوان جهت استفاده از اشیاء ، کد اسکريپت مورد نظر را به فريم هاي Timelines اضافه نمود. همچنین توسط اين زبان برنامه نويسي ميتوان حرکات اتوماتيک را به Flash اضافه کرد.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
آموزش فلش (بخش پاياني)
ذخيره سازي فايهاي Flash منظور از فايلهاي Flash چيست ؟ هر موضوعی که در نرم افزاری خلق می شود چه در شکل برداري و چه در شکل گرافيکي و غيره در يک فايل اصلي ذخيره ميشود که فقط توسط همان نرم افزار ميتوان آن را مشاهده نمود. ( در اصل Source پروژه است.) ولي ميتوان آن فايل اصلي را به قالب فايلهاي شناخته شده در آورد تا در هر مورد قابل مشاهده باشد. مثال : در نرم افزار Photoshop فايل اصلي دارای پسوند .pst است ولي ما آنها را با پسوند هاي .jpg و يا .gif ذخيره ميکنيم. حال در نرم افزار Flash فايلهاي اصلي با پسوند .fla ذخيره ميگردند و Source اصلي برنامه همين فايل .fla ميباشد. در اینجا پروژه ها به جايي رسيده اند که ميخواهيم آنها را با پسوند .fla ذخيره کنيم . بايد به منوي File رفته و گزينه Save را انتخاب کرد ، هنگام انتخاب اين گزينه پنجره اي باز ميشود که باید اسم فايل و مسير مورد نظر رابه آن داده و سپس کلید Save را فشار دهیم . فايلهاي .swf : هنگامي که بخواهيم فيلم Flash را به یک فایل که خود لایه نیز ایجاد کرده ، تبدیل کنیم بايد آن را به حالت .swf در آوريم . اگر به ياد داشته باشيد در فايل اصلي يا همان .fla گفتيم که تمامي اشياء و اجزاء در لايه ها و فريم هاي متفاوتي ايجاد ميشوند و شايد بعضي اوقات به ده ها Layer احتياج پيدا کنيم. ولي حال ميخواهيم کد اصلي .swf را بدانيم. هنگامی که فايلهاي .fla به .swf تبديل ميشوند ، اولين کاري که انجام می شود اینست که تمامي اجزاء فيلم Flash به يک Layer تبدیل شده و در نتیجه حجم فايل .swf بارها سبک تر از فايل اصلي .fla خواهد بود. نکته : فايلهاي .swf هنگامي اجرا ميشوند که آن سيستم هم نرم افزار Flash را نصب کرده باشد ولي ما ميتوانيم فايلهاي .swf را به کمک HTML Source آن Upload کرده و يا هر سيستمي حتي آن که Flash ندارد را مشاهده کنيم. در قسمت هاي بعدی راجع به فايلها و چگونگی بارگذاري آنها بر روي Web توضیحات بیشتری خواهیم داد . ذخيره فايل .swf از .fla : براي انجام اين کار فايل .fla را باز کرده ، به منوي فايل رفته و از آنجا گزينه Publish setting را انتخاب مينماييم. هنگامي که اين گزينه را اجرا ميکنيم پنجره اي ظاهر ميشود. در اين پنجره گزینه ای به نام Format وجود دارد که در قسمت Type آن نوع فايلي که ميخواهيم Publish کنيم را وارد می کنیم . اگر ميخواهد فقط .swf از آن بگيريد ، .swf را تيک زده، دکمه Publish را فشار داده و سپس OK را بزنید. در مسير فايل .fla فایلی با همین اسم ، با پسوند SWF و با حجم بسیار پایین تر ایجاد می گردد. ذخيره فايلهاي .exe : همه ما ميدانيم که فايلهاي .exe فايلهاي اجرايي شناخته شده در هر سيستم عامل هستند. يعني بدون احتياج به هيچ نرم افزار خاصي به راحتي ميتوانيم توسط سيستم عامل مورد نظر آن را مشاهده کنيم. نرم افزار Flash اين قابليت را نيز در خود دارد ، براي ساخت فايل .exe تمامي مراحل .swf را انجام ميدهيم به انضمام اينکه تيک Windows Projector (ex) را انتخاب کرده و سپس آن را Publish می کنيم. ساخت فايلهاي HTML : جهت ساخت يک فايل HTML از طريق زير عمل مينماييم : File/ Publish Setting از سربرگ Format گزينه HTML را انتخاب مينماييم . در اين حالت سربرگ HTML فعال ميگردد که در آن ميتوان تنظيمات مربوطه را انجام داد. :roll: :shock: :lol:
