دریافت فایل - Mo
Download
Report
Transcript دریافت فایل - Mo
Macro media flash
مقدمه :
)( Macromedia Flash
يکي از بهترين نرم افزار هايي است که شما ميتوانيد از آن استفاده کرده تا
افکتهاي مخصوص و انيميشن هاي کامپيوتري را به وب سايت خود اضافه
کنيد .اين نرم افزار يک محيط گرافيکی برنامه نويسی بسيار پيشرفته برای
ساخت وب سايت های محاوره ای ،تجربه محيطی ديجيتال و محتوايی
متحرک می باشد .با اين نرم افزار فلش شما قادر خواهيد بود به صورت
حرفه ای طراحی کرده و به خلق فعل و انفعاالت با شکوه به صورت
تصويری ،گرافيکی ،و انيميشن برای منحصر به فرد جلوه دادن ،وب سايتی
دلنشين ،معرفی يا نمايش با محتويات متحرک بپردازيد .اين نرم افزار شامل
افکت های شگفت انگيز ،کد گذاری دسته جمعی و تکی ويدئو ها با قابليت
پيش نمايش ،کيفيت باالی رندر کردن متن بدون کوچکترين بی کيفيتی ،ابزار
پيشرفته متن می باشد.
چه کارهايي را ميتوان به وسيله Flashانجام داد؟
زماني که با وب برخود ميکنيم هزاران عقيده مختلف درباره اينکه چطور يک وب سايت جالب
ساخته ميشود ،در ذهنمان ايجاد ميشود .با وجود اين در همه بخشهاي گوناگون در يک وب
سايت يک قانون کلي در مورد تصاوير و رنگ ها وجود دارد که به راحتي ميتوان تصاوير
مختلفي خلق کرد .تصاوير برداري خيلي بهتر از نقشه بيتي هستند .نه تنها تصاوير برداري از
لحاظ اندازه کوچکتر هستند بلکه در هنگام کوچک و بزرگ شدن به هيچ وجه کيفيت خود را از
دست نميدهند .ولي زماني که يک نقشه بيتي را بزرگ ميکنيم تصاوير مات به نظر ميرسند.
تصاوير : Flash
به عنوان قسمتی از يک فيلم ذخيره می شوند و يک Flashچيزی است که روی محتويات وب
گذاشته ميشود .هرگاه که مرورگر وب Flashروبرو ميشود ،خود به خود به طور اتوماتيک
با يک فيلم flash playerشما را بار گذاری می کند .
نکته :
به ياد داشته باشيد که فيلم هاي Flashبه واسطه برداري بودنشان فيلمي کم حجم تر از تصاوير نقشه
بيتی خواهند بود .
چه کارهايي را ميتوان به وسيله Flashانجام داد؟
متحرک سازي در سايت وب :
قبال در سايت های وب به علت اينکه انيميشن وجود نداشت ،سايت ها بسيار کسل کننده بودند .ولی
نرم flashانيميشن را به اسانی توسط يک پروسه به نام Tweeningايجاد می کند .مثال اگر
افزار
يک تصوير کامپيوتری برای کامل شدن احتياج به 10فريم داشته باشد ،تنها الزم است که 2فريم
شروع و پايان را به آن بدهيم ( .فريم 1و فريم . ) 10ديگر خود نرم افزار flashفريم های ما را
بين آن می سازد .عالوه بر آن ميتوانيد يک Motion tweenبرای آن بسازيد .
ساخت فيلم هاي محاوره اي :
عالوه بر انيميشن هاي ساده ميتوانيد از Flashبراي ساخت وب سايهاي محاوره ای استفاده کنيد .
به عنوان مثال فلشی درست کرد که در آن فيلم های کوتاه و trackهای موسيفی متعدد قابل انتخاب
وجود داشته باشد ،زيرا فلش کامال شی گرا است .
نکته :
منظور از محاوره اي بودن در يک فيلم Flashاين است که کاربر قادر به انتخاب کليپ هاي
ويديويی يا Trackموسيقی دلخواه باشد .
چه کارهايي را ميتوان به وسيله Flashانجام داد؟
تغيير شکل اشياء و متون متحرک :
يکي از تکنولوژي هاي انيميشن در Flashبه شما اين اجازه را ميدهد که يک شکل را به شکل
ديگر تغيير دهيد .به اين Shape tweenمی گويند . .بدون شک شما متون تحرک را در سايت
های مختلف مشاهده کرده ايد .اين متون از نقطه اي به نقطه ديگردرون يک جعبه حرکت ميکنند .
از اين Effectبرای سر فصل روزنامه ها و تبليغات فروشگاهها استفاده ميشود .ايجاد يک متن
متحرک در Flashبسيار اسان است .بدين منظور شما مجبور هستيد يک زوج از تکنيک فيلم ساز
Flashرا ادغام کنيد تا به نتيجه مطلوب برسيد .بدين منظور يک motion tweenرا ايجاد کرده
و بوسيله آن يک متن داخل جعبه را از اين سر به آن سر ميبريم .سپس يک Maskاضافه می کنيم .
توسط اين ماسک ميتوانيم متن داخل جعبه را کنترل کنيم .اين بدان معني است که شما قادر خواهيد
بود هر قسمت از متن دلخواه خود را قابل مشاهده کنيد .
Macro media flash صفحه اصلی
درک و يادگيري اصول پايه اي Flash
Flashداراي يک سري عناصر اوليه است که شما را در طي کارتان همراهي ميکند :
صفحه کاری (: ) Work place
يک صفحه کاري منطقه اي است که در آن شما قلم هاي Flashرا ايجاد می کند .در واقع آن
منطقه سفيد رنگي که درقسمت مياني پنجره Flashقرار گرفته است .
نکته :
به طور پيش فرض اندازه اين صفحه 400*550پيکسل ميباشد . .اطراف صفحه کاري بو سيله
يک ناحيه خاکستري که محيط کاری است پوشانده شده است .اين کامالً منطقي است که اشياء کامالً
روي محيط کاري ظاهر شوند مگر اينکه آن را بر روي صفحه کاری منتقل کنيد .
: Timeline
يکي از ابزار هاي Flashميباشد که فريم هاي درون Flashرا کنترل می کند .
درک و يادگيري اصول پايه اي Flash
: Play head
براي ديدن محتويات Flashبوسيله اشاره گر ماوس Play aheadرا بروی Flashبکشيد .بدين
منظور شما ميتوانيد يک Frameدلخواه را بر روي Time lineکليک کنيد که آن بصورت
اتوماتيک Play aheadمی شود .
:Frame Number
همان نما هاي شما براي کار کردن Time lineمی باشد Frame line .شما را قادر ميسازد تا
در
جای اشياء را در Frameبه درستي مشخص کنيد .
: Timeline Menu
از طريق اين متد ميتوانيد به تعداد گزينه هايي که براي تنظيم چگونگي مشاهده Time line
استفاده ميشوند دسترسي پيدا کنيد .
: Center Frame
درک و يادگيري اصول پايه اي Flash
: Onion Skin View
توسط اين گزينه ميتوانيد فريم هاي مختلف يک انميشن ترتيبي را مشاهده کنيد .در واقع ميتوانيد
تشکيل شدن فريم هاي مياني را مالحظه کنيد .
:Onion Skin Outline view
تعداد فريم هاي اول تا آخر را نشان دهد اما بيشتر براي منحني ها استفاده ميشود .
: Edit Multiple Frames
اين گزينه شما را قادر ميسازد تا هر قسمت از يک انيميشن را که بر فريم هاي مختلف تقسيم شده
است ،ويرايش کنيد .
:Modify Onion Markers
منويي را نمايش ميدهد که توسط آن شما ميتوانيد تعداد فريم هاي دلخواه را Onion Skin View
در
نمايش دهيد .
درک و يادگيري اصول پايه اي Flash
: Current Frame
در اين قسمت ساده فريم جاري نمايش پيدا ميکند .
:Frame Rate
تعداد فريم هاي نمايش داده شده را نشان ميدهد .
:Scroll Bars
بوسيله آن ميتوانيم فريم هاي اليه هاي قبلي را مشاهده کنيم .
:Playback Time
مدت زمان سپري شدن فيلم را نشان ميدهد .
در اساليد بعدی تمام موارد باال نشان داده شده است .
بعد از زدن دکمه Flash documentدر تب Create newصفحه زير باز می شود :
اليه ها
اليه ها به مانند صفحات شفافي بر روي صفحه کاري ميباشند .اشياء بر روي اين اليه ها به
صورت مستقل عمل ميکنند .به اين صورت شما ميتوانيد هر کدام از اشياء روي اليه هاي
مختلف را دستکاري کنيد بدون اينکه اشياء ديگر خراب شوند و يا اينکه يک اليه را به جلو يا
پشت اليه مورد نظر انتقال دهيد .با توجه به شکل زير نگاهي دقيقتر به اجزاي اليه بيندازيد :
: Layer Names
در اينجا نام اليه را مشاهده ميکنيد .براي تغيير نام آنها کافي است روي آنها دو بار متوالي کليک
کرده و نام آنها را عوض کنيد
:Add a layer
براي ايجاد يک اليه جديد از اين گزينه استفاده ميشود .
: Add a Motion Guide Layer
اين گزينه شما را قادر ميسازد تا يک راهنماي اليه ايجاد کنيد.بنابر اين ميتوان اشياء را در يک
مسير حرکت داد که اين مسير الزاما ً مستقيم نميباشد .
:Add a Layer Folder
توانايي هاي شما را در اضافه کردن پوشه هايي به سازماندهي اليه ها افزايش ميدهد .
اليه ها
: Show or Hide Layer
با کليک کردن روي جعبه ها ،اليه ها قابل مشاهده ميشوند .اگر فقط ميخواهيد اليه مورد نظر خود
را امتحان کنيد همان اليه را کليک کنيد .
:Delete a Layer
به وسيله اين آيکون ميتوان اليه مربوطه را حذف کرد .
:Lock or Unlock Layer
با کليک کردن در اين ستون تمام اليه ها قفل ميشوند و امکان هيچ ويرايشي براي اليه ها و فريم ها
وجود ندارد ( .می توان تک تک اليه ها را قفل کرد ) .
: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
با کمک اين ابزار ميتوان خطهاي نامنظم و شکسته رسم کرد که خود اين ابزار به 3صورت خط
رسم ميکند .
: Brush Tool
به کمک اين ابزار ميتوانيم اشکال مورد نظر خود را که حالت خاصي دارند را ترسيم کنيم ( .مثال
:کشيدن پيکر انسان) .
جعبه ابزار
نکته :
توسط ابزارهاي ديگر هم چنين کاري ممکن است ولي اين ابزار کار را براي ما ساده تر ميکند .
:Free Transform Tool
به کمک اين ابزار و Optionهای اشياء را کوچک و يا بزرک نمود و يا حتی آن شی را چرخاند
و يا اينکه گوشه هاي آن را کشيد .
:Fill transform Tool
به وسيله اين ابزار ميتوان خط هاي موجود در اشياء Flashرا رنگ کرده و يا رنگ آنها را
عوض کرد .
: Paint Bucket Tool
با کمک اين ابزار ميتوانيم داخل اشيايي که Flashرسم گشته را رنگ کنيم و يا رنگ آنها را
توسط
تغيير دهيم .
:Eyedropper Tool
جعبه ابزار
:Eraser Tool
همانطور که از اسم اين ابزار مشخص است براي پاک کردن قسمتي از يک شيء به کار ميرود که
توسط optionهای آن يک سري کنترل بر روي پاک کردن اشياء داريم .
: Tools / View
: Hand Tool
به کمک اين ابزار ميتوان کل Work spaceرا جابجا کنيم .
: Zoom Tool
به کمک اين ابزار ميتوان بر روي فيلم Flashزوم کرد يعني هم ميتوان آن را کوچک و هم بزرگ
کرد .
: Stroke Color
با انتخاب اين گزينه جعبه انتخاب رنگ باز ميشود و هر رنگي را انتخاب کنيد به جاي رنگ
خطهاي اشياء مينشيند .
Tools/view
:Black and White
با انتخاب اين گزينه Flashبطور اتوماتيک رنگ Strokeرا مشکی و رنگ Fillسفيد ميکند
خود
: Swap Color
با کمک اين گزينه ميتوانيم جاي Strokeرا با Fillعوض می کنيم .
: Tools / Options
در اين مکان کارايي ها و حالت هاي مختلف بعضي از ابزار هاي نمايش داده شده و ما با انتخاب
آن ميتوانيم از آن استفاده کنيم
:Panels
در واقع يک پانل يک جعبه محاوره اي است که نياز به بسته شدن ندارد .زماني که شما تغييراتی
در پانل های flashايجاد ميکنيد بدون اينکه شما پنل ها را ببنديد تغييرات فوراً اعمال می شوند .
نکته :
ممکن است بعضي از پانل ها مخفي باشند که توسط منوي windowميتوانيم آنها را فعال کنيم .
Tools/view
:Properties Panel
توسط اين پنل ميتوانيد مشخصات ابزار انتخاب شده را تعيين کنيد .
: Color- Mixer Panel
توسط اين پانل ميتوانيد رنگهاي دلخواه خود را براي استفاده از خطوط و داخل سطوح ايجاد کنيد .
زماني که رنگ مورد نظر خود را انتخاب ميکنيد اشياء جديد به اين رنگ در خواهند آمد .
: Color Swatches Panel
اين پانل به شما اجازه ميدهد تا بازه زيادي از رنگهاي گوناگون را انتخاب کنيد .
: Components Panel
توسط اين پانل ميتوانيد عناصر واسطه اي را به فيلم خود اضافه کنيد که اين عناصر توسط يکسري
کد اسکريپت کنترل ميشوند .اين عناصر به شما کمک ميکنند بتوانيد به راحتي فيلمهاي ساده
فلش را تهيه کنيد .
: Action Panel
توسط اين پانل ميتوانيد کد اسکريپت مورد نظر خود را براي فريم هاي Time lineتا اشياء استفاده
ميشوند را اضافه کنيد .توسط اين زبان برنامه نويسي ميتوانيد حرکات اتوماتيک را به Flash
اضافه کنيد.
Tools/view
در ضمن دونوع رنگ وجود دارد .رنگي براي داخل شكل كه به آن گويند Fill Colorو رنگي
براي خط دور شكل كه به آن می گويند Stroke Colorكه ما ميتوانيم در قسمت پايين نوار
ابزار ان ها رو ببينيم و رنگشان رو انتخاب كنيم .در ضمن با زدن كليدي كه يک خط قرمز
داخل آن است ،می توانيم ان رنگ را غير فعال كنيم( )No colorيا رنگها يمان رو سياه سفيد
كنيم .با زدن كليد كنار )Block And White color( No colorو همچنين با زدن كليد
Swap colorsميتوانيم جاي رنگ Fillو Strokeرو با هنم عوض كنيم.
panels
حال به معرفی پنل های موجود در Macro media flashمی پردازيم که شامل سه بخش
Library
color mixer
align
پنل اول Libtaryهست كه هر چي وارد فلش ميكنيم مانند صداها و تصاوير و غيره اينجا ذخيره
ميشود و می توانيم به دفعات ازآنها در كار استفاده كنيم بدون اينكه حجمي اضافه بشود.
پنل دوم Alignهست .اين پنل برای تنظيم مکان چيزهايی که در صفحه مان وجود دارد ،به کار
برده می شود ،مثال اگر بخواهيم که يک جسم دقيقا در مرکز قرار بگيرد .
نکته :
برای فعال سازی اين پنل بايد دکمه To stageرا بزنيم ( .شکل زير )
panels
پنل سوم Color mixerاست .در اين قسمت ميتوانيم رنگمان رو انتخاب يا بنا به نامي كه داره
مخلوط کنيم .همان طور كه قبال گفته بودم به رنگ دور شكل ها ميگويند Stroke colorو به
رنگ داخل Fill colirمی گويند كه دراين قسمت رنگ دور با يک قلم و رنگ داخل با سطل رنگ
مشخصه شده و ميتوانيم رنگ مورد عالقه مان را انتخاب كنيم.
همان طور كه ميبينيد در قسمت Typeچند گزينه وجود دارد :
none)1اگر باشد ،رنگمون غير فعال است
solid)2اگر باشد ،رنگمون معمولی است
linear)3كه به صورت خط راست براي ما يه طيف نور يا Gradientايجاد ميكنه كه کاربرد
زيادی براي زيبا سازي دارد و در قسمت پايين آن ميتوانيم نوع رنگها رو انتخاب كنيم
redial)4که مانند خطي عمل ميكند ولي به صورت دايره اي
قسمت bitmapهم ميتونيد به جاي رنگ عكس بذاريد
با استفاده از قسمت R , G , Bميتوانيم خودمان غلظت رنگ را مشخص کنيم .
قسمت Alphaهم برای شفافيت جسم به کار می رود .
(شکل در اساليد بعدی)
panels
panels
پايين ترين قسمت جايي هست كه ما ميتوانيم طيف نور را بسازيم .البته براي قسمت هاي linearو
. redialدر ابتدا دو رنگ سياه و سفيد هستند كه ما با كليك كردن روي هر كدام ميتوانيم رنگشان
را تغيير بدهيم .تو اين محدوده ميشود 8رنگ استفاده كرد .شما هرجای آن كليك كنيد يه رنگ
جديد ايجاد ميكند .و براي برداشتن ان رنگ ميتوانيد ان را به پايين بكشيد.
با جابه جا كردن اين رنگ ها ميتوانيد به طيف نوري دلخواه برسيد.
يک نمونه کاری به صورت زير
است :
Time line
بحث بعدی در مورد Time lineاست که قسمت بسيار مهمی است .
در تايم الين اليه ها و فريم ها وجود دارند .به آن خانه های مستطيلي فريم می گويند .
فريم ها سه نوع هستند :
-1فريم که به همان خانه های مسطيلی می گويند با کليد f5
blank key frame -2يا فريم كليدي خالي كه يک دايره تو خالي درون آن هست و تا زمانی که
اين فريم ها نباشند نميتوانيم چيزي را در صفحه اصلی قرار دهيم .با کليد f7
key frame -3که وقتي چيزي قرار داديم ،اين دايره توخالي تبديل به دايره تو پر
حال به توضيح يک مثال می پردازيم ...
Time line
توي فريم اول يک دايره بكشيد .االن ميبينيد كه يک فريم كليدي پر ايجاد شده .روي فريم شماره ده
كليك كنيد .ميبينيد وفتي انتخاب كرديد رنگش تيره می شود .حاال با زدن كليد f5ويا زدن
گزينه insert frameميتوانيد آن شكل را تا فريم 10ادامه بدهيد .يعني محتوای فريم 1تا 10
ادامه دارد .حاال اگر بخواهيم يک شكل ديگر ايجاد كنيم در فريم 1چه كار كنيم؟بايد يک فريم تو
خالی ايجاد کنيم با زدن کليد f7يا راست کليد کردن و زدن گزينه insert blank key frame
می توانيم شكلمان را داخل آن فريم بكشيم .توجه داشته باشيد وقتي ميخواهيد شكل بکشيد درون
آن فريم ،اول ان فريم رو انتخاب كنيد .وگرنه ممكنه توي فريم هاي ديگري كشيده بشه.
حاال براي تست كار كليد Enterرابزنيد و يا براي ديدن خروجي كليد . Ctrl+enterوقتی کليد
Enterرا زديد ميبينيد كه ان دسته شروع به حركت ميكند و روي هر فريمي که بره محتوای آن
نمايش داده می شود .چون فريم يك تا نه را يک دايره گذاشته بوديم از 1تا 9دايره نشان می
دهد و وقتی به فريم 10می رسد ،چون فريم كليدي ديگري ايجاد كرديم و شكل ديگري کشيديم
،داخل شکل را نشان می دهد .
نکته
براي اينكه بخواهيد شكل هاي ديگري بسازيد و كارتان نظم بيشتري داشته باشه ميتوانيد ار اليه ها
استفاده كنيد .گوشه پايين سمت چپ گزينه Insert layerاست كه عكسش را ميبينيد .در اينجا
ميتوانيد شكل هاي ديگری قرار بدهيد و خوبی ان اين است که اگه شكل اين اليه با قبلي روي هم
بيفتد ،ديگه قسمتهايی از ان پاك نميشود ،چون از هم جدا هستند .ولي نكته مهم اينجا اين است
كه اليه هاي بااليي ارجعيت دارند به اليه هاي پاييني و اول شكل انها نشان داده ميشود و بعد
بقيه .يعني اگر روي هم قرار بگيرند شكل اليه بااليي نشان داده ميشوند و ان شكلی که در زير
قرار دارد ،زير شكل اليه بااليي قرار می گيرد .
Animationچيست؟
در Flashبه هرگونه جابجايی در اشياء يا تصاوير
،کوچک و بزرگ شدن و تغيير حالت اشياء
انيميشن گفته می شود .ابتدا به چگونگی کار
انيميشن پرداخته و سپس نحوه ی ساخت آن را
توضيح خواهيم داد .
Animationدر فلش به چه صورت کار می کند
تمام اشياء و تصاوير را در فريم ها و اليه های مخصوص پياده کرده و تغييرات را در آن اعمال
می کنيم .حال به اجرای انيميشن ها می پردازيم .هميشه در فلش اشياء و تصاوير را بر روی
Work spaceو انيميشن را بر روی فريم ها اعمال می کنيم .وقتی يک Movieرا طراحی
می کنيم ،به آن فرمت swf exportمی دهيم ،تمامي اليه ها و فريم ها به يك اليه تبديلمی شوند.
مثالً اگر در يک اليه 200فريم وجود داشته باشد در قسمت movieبصورت يک عکس درآمده
و پشت سر هم قرار می گيرند .در هنگام عبور Time lineاز روی اين فريم ها سرعت باال
بوده و تمامی اين فريم ها را می توان پشت سر هم در فرمت يک انيميشن مشاهده کرد .
Animation
کال سه نوع انيميشن سازی در flashوجود دارد:
Frame by frame
Shape tween
Motion tween
: Frame by frame -1
اگه روش كارتون سازي هاي قديم رو ديده باشيد كه در سينماي حرفه اي نشان داده می شود ،حتما
ديديد كه براي ايجاد يك حركت تمام مراحل اون رو نقاشي ميكنند .و شايد براي ايجاد يك دقيقه
فيلم هزاران عكس هست كه پشت سر هم قرار ميگيرند و اجرا ميشوند و اين تفاوت عكسها مثل
اين است كه حركتي ايجاد شده .متحرك سازي فريم به فريم هم مثه همينه .يعني ما در هر
فريمي يک عكس ميگذاريم و نسبت به عكس قبلي تغييراتش را ايجاد ميكنيم و وقتي اجرا كنيم
انگار که داره حركت ميكند .حال به ذکر يک مثال می پردازيم...
در فريم اول يک دايره سمت چپ صفحه رسم كنيد .حاال برويد فريم 3و كليد ( f6ايجاد فريم
کليدی) را بزنيد .ميبينيد که محتواي فريم اولي انگار كپي شده در فريم سومي و ميتوانيد ان را
بدون تغيير در شكل فريم اولي ويرايش کنيد .ولی اگر (f5ايجاد فريم) را ميزديم همان فريم
اول بود كه ادامه پيدا مي كرد و ويرايش يكي از فريم هاي يك يا دو باعث تغيير در همه فريم هاي
مربوز ميشد .
Animation
خب حاال برويد فريم 3و شكل رو كمي به سمت راست بكشيد (مثال 2سانت فاصله بدهيد ) بعد به
فريم 5برويد و کليد (f5ايجاد فريم کليدی) رو دوباره بزنيد و مجدد شكل دخل ان را نسبت به
شكل فريم 2 3سانتی متر به سمت راست ببريد .اين كار را يكي در ميان تا فريم 15انجام بدهيد .
در نهايت کليد enterرا بزنيد تا نتيجه کار را ببينيد .
اگر ميخواهيد شكلتان نرم تر حركت كند ،بايد فاصله ي بين شكل ها را كمتر كنيد .مثال به جاي 2
سانتي متر فاصله را 0.5سانتيمتر تغيير بدهيد .خب اينطوري تعداد عكسها زيادتر ميشه وفريم
بيشتري هم نياز داريد.
فايل های swfخروجي هاي فلش هستند كه ما ميتوانم در اينترنت آنها را به نمايش در بياريم.
و باز زدن كليد هاي Ctrl +enterميتوانيد جايي كه پروژه را ذخيره كرديد فايل Swfرا هم ايجاد
کنيد .
Animation
: Shape Tweens -2
نوع ديگر Animationفلش Shape tween ،است .تفاوتی که بين Shape tweenو
Motion tweenوجود دارد ،اين است که Motion Tweenبرای حرکت و جابجايی اشياء
کاربرد دارد ،ولی Shape tweenبرای تغيير حالت اشياء به کار می رود .به طور مثال يک
دايره در حين حرکت به شکل يک مستطيل درمی آيد .
Animation
: Motion Guide-3
از Motion Guideبه عنوان خطوط راهنما استفاده می شود .برای اعمال Motionهای
مختلف ابتدا بايد يک خط راهنما که شیء بر روی آن حرکت می کند را ايجاد کرده و سپس انيميشن
را بر روی آن سوار کنيم .
شروع کاريک Motion guide
-1ايجاد خط راهنما :ابتدا بايد در اليه و فريم موردنظر خط راهنما را رسم نمود .برای مثال می
خواهيم خطی به شکل زير رسک کنيم که يک توپ به همين حالت از روی آن حرکت کند .
نکته :
به علت اينکه خط راهنما movieيکی از اجزاء اصلی نيست ،در Motion Guideفابل
در
مشاهده نمی باشد .
اول بايد بر روی گزينه Add Motion Guideکليک کرده تا يک Layerمخصوص ايجاد شده
و در همان اليه در فريم اول يا فريم موردنظر خط راهنما را ترسيم کنيم .هنگامی که خط ترسيم
گشت حال يک Layerجديد ايجاد می کنيم و انيميشن شیء خود را بر روی آن اليه ايجاد می کنيم
،خود فلش به صورت پيش فرض از مرکز شیء برای Guideاستفاده می کند .
حال Ctrl + Enterرا فشار دهيد و فلش را مشاهده کتيد .
شروع ساخت يک انيميشن :
هدف:
ايجاد يک Animationکه در آن شکل يک توپ وجود دارد که می خواهيم از سمت راست وارد
شده و از سمت چپ خارج شود .
شروع:
-1گزينه Newرا از منوی Fileانتخاب کرده تا محيط کار جديدی بارگذاری شود .
-2اشياء موجود در صفحه را در فريم های مورد نظر ترسيم کنيد .
-3انيميشن الزم را بر روی فريم ها اعمال کنيد .
حال می خواهيم در 20فريم توپی ترسيم کنيم که از سمت چپ وارد صفحه شده و از سمت راست
خارج گردد .ابتدا از ، layerفريم 1را انتخاب کرده به وسيله oval toolدر آن فريم يک
توپ ترسيم می کنيم .از اينجای کار به بعد مبدأ توپ مشخص شده است حال بايد مقصدی که می
خواهيم توپ به آنجا برسد را کپی کرده و آن را به فريم 20منتقل می کنيم (زيرا گفته ايم در فريم
روش کپی :
)20
روی فريم موردنظر راست کليک کرده و Copy frameرا انتخاب می کنيم ،سپس بر روی
فريم موردنظر راست کليک کرده و گزينه Paste frameرا انتخاب می کنيم
شروع ساخت يک انيميشن :
حال تمام کارها انجام شده و به مرحله ای می رسيم که می خواهيم Effectمورد نظر را بر شی
اعمال کنيم از آنجايی که ميخواهيم شیء از سمت چپ به راست تغيير مسير دهد بايد از
Motion Tweenاستفاده کنيم .پس از تعيين مبدأ و مقصد شیء بر روی فريم ، 1راست کليک
کرده و گزينه Create Motion Tweenرا انتخاب کنيد .هنگامی که اين عمل را انجام می دهيم
کل 20فريم به رنگ بنفش درمی آيد .اين بدان معناست که Motionها Frameيافته اند ولی به
صورت نقطه چين .اين حالت بيانگر اين مطلب است که به مبدأ Motionداده ايم ولی به مقصد
خير .حال همين کار را برای Frameيعنی همان فريم مقصد انجام ميدهيم .ميبينيم که بر روی
فريم 20يک فلش ظاهر شده و نقطه چينها از بين می روند .حال اگر Ctrl + enterرا فشار
دهيد می توانيد Animationساخته شده را مشاهده کنيد .
طریقه آوردن عکس درflash
اول از منوی Fileگزينه Importرا انتخاب کرده ،هنگامی که اين گزينه را انتخاب کرديد پنجره
ای باز می شود که مسير عکس مورد نظر را می خواهد .با آوردن مسير عکس و انتخاب آن دکمه
Openرا فشار داده و عکس موردنظر به محيط Work spaceانتقال می يابد .
نکته :
توسط اين گزينه نيز می توان فايلهای gif.متحرک را به داخل Movieآورد .ولی در Flashهر
قسمت فايل gif.متحرک به يک فريم تبديل می شود .در اينجا Frameها آماده نمايش در
Movieمی باشند .
اضافه کردن يک ماسک گرافيکی :
اين ماسک توسط يک شیء منحنی بسته ساخته می شود .می توان توسط ابزارهای مختلف از جعبه
ابزار يک ماسک گرافيکی ايجاد کرد .
شما برای ايجاد ماسک به دو اليه احتياج داريد .
-1ابتدا اشيائی را که می خواهيد در فيلم نمايش داده شوند رسم کنيد .
-2به وسيله کليک بر روی دکمه Insert Layerيک اليه جديد به اليه قبلی اضافه کنيد .
-3بر روی اليه جديد راست کليک کرده و از منوی پديدار شده برای تبديل آن اليه به اليه
ماسک گزينه Maskرا انتخاب کنيد .
-4برای خارج شدن از حالت قفل بر روی ستون قفل از اليه ماسک کليک کنيد .برای اينکه
اليه از حالت معمولی به ماسک تبديل شود Flash ،به طور اتوماتيک اليه ها را قفل می کند .
-5به ياد داشته باشيد که شکل انتخابی جهت تأثير ماسک بسته باشد .
حال می خواهيم با استفاده از ماسک يک Movieبسازيم که در آن دايره يا متن از محيط خارج
شود .
-1اشکال خود را که در فيلم می خواهيم استفاده کنيم ،ترسيم می کنيم .
-2يک اليه جدا برای Textخود ايجاد می نماييم ،و متن را در داخل آن تايپ می نماييم .
Mask
-3اليه ديگری برای Maskبر روی همان اليه Textايجاد می کنيم تا بتوانيم اعمال Mask
را در آن اليه انجام دهيم .
-4پس از نوشتن Textانيميشن Maskرا ايجاد می کنيم .ابتدا در اولين Frameدايره ترسيم
کرده از آن کپی گرفته و در فريم بعدی ( به طور دلخواه ) آن را Pasteمی کنيم و به اندازه
طول Fontمبدأ و مقصد را مشخص نموده و در آخرين قسمت Motionمربوطه را به
Frameها می دهيم .حال با زدن کليد Ctrl + Enterمی توان تغييرات را مشاهده نمود .
حذف : mask
برای از بين بردن حالت Maskبه دو صورت می توان عمل نمود :
-1حذف کامل اليه Mask
-2راست کليک کردن بر روی اليه موردنظر و برداشتن تيک گزينه Mask
نوشتن متن و ايجاد انيميشن بر روی آن :
برای نوشتن متن در ، Flashابتدا ابزار Text toolرا از جعبه ابزار ،انتخاب کرده ،سپس به دو
صورت می توان محيط نوشتن متن را فراهم کرد :
-1با بردن آن بر روی محيط موردنظر ،فشار دادن ،فشار دادن کليد ماوس و کشيدن آن می
توان محيط محدودی برای آن تعريف کرد .
-2می توان با يک کليک آن محيط را ايجاد کرده و بی نهايت کاراکتر تايپ کرد .
حال که متن را Typeکرديم در قسمت propertiesگزينه هايی فعال می گردند که قسمتی
از آن را برای شما توضيح خواهيم داد :
: Static Text -1در اين حالت هنگام تايپ متن هيچ عملی نمی توان بر روی آن انجام داد .
: Dynamic Text -2اگر در هنگام تايپ از اين گزينه استفاده کنيم متن ها به صورت
Dynamicدرمی آيند ،يعنی شما اين امکان را پيدا می کنيد که آنها را انتخاب کرده و از آنها
کپی برداريد .
: Input Text -3اگر در هنگام تايپ از اين گزينه استفاده شود هنگام نمايش می توان متن ها
را پاک کرده و يا حتی در آنها Typeنمود .از اين حالت بيشتر در Formها استفاده می شود
ّ : Fontاز اين گزينه در تعيين فونت استفاده می شود .به اينگونه که متن را Selectکرده ،
بر روی Fontموردنظر کليک کرده و آن را جايگزين Fontقبلی می کنيم .
نوشتن متن و ايجاد انيميشن بر روی آن :
: Character Spacingاز اين گزينه برای کم و زياد کردن فاصله بين کاراکترها در Font
استفاده می شود .اين کار به وسيله لغزنده کنار انجام می شود .
: Font Sizeتوسط اين گزينه می توان اندازه Fontرا از 8تا 98تغيير داده و آن را کوچک و
بزرگ کرد .البته به صورت دستی نيز می توان اعداد ديگری به آن داد .
: Text Fill Colorاين گزينه که همان Fill Colorاست برای تغيير رنگ Fontاستفاده می شود .
: Toggle Bold Styleاين گزينه برای Boldنمودن Textها به کار می رود .
: URL Linkاز اين گزينه برای لينک کردن يک متن ،يک آدرس استفاده می کنيم .به اين
صورت که مت را انتخاب کرده و سپس در محل URL Linkآدرس موردنظر را به آن Link
می کنيم .
انیمیشن Text
حال متن را با تنظيمات دلخواه Typeکرده و موقع آن رسيده که Animationموردنظر را بر
آن اعمال کنيم .در اينجا می خواهيم متن ما حول يک مرکز از کوچک به بزرگ تبديل شود .
شروع :
اليه موردنظر را ايجاد نموده به آن يک نام دلخواه داده و در فريم موردنظر متن را Typeمی کنيم
.از فريمی که متن در آن است يک کپی گرفته و در Frameموردنظر Pasteمی کنيم .
به دليل اينکه گفته ايم متن بايد از کوچک به بزرگ تبديل شود ،بايد در فريم اول سايز متنرا کوچکترين اندازه در نظر بگيريم .
حال Motionالزم را به آن داده و آن را مشاهده می کنيم . -در هنگام نمايش ، Movieمتنی را مشاهده می کنيم که از کوچک به بزرگ تبديل می شود
Symbol
Symbolها يا همان سمبل ها اشيائی هستند که در فيلم های Flashمورداستفاده قرار می گيرند .
در ميان Symbolها و اشياء معمولی تفاوتهايی به شرح زير وجود دارد :
-1می توان از هر Symbolيک کپی گرفته و هر کجا که الزم شد از آن استفاده نمود .
-2می توان در يک Symbolيك اليه Maskداشت ،به صورتی که در مواقع موردنياز ،
هم برای مرتب بودن و هم برای حجم کم بتوان از آن استفاده کرد .
-3ديگر آنکه بتوان آن را در کتابخانه Flashنگهداری کرد و در مواقع موردنياز از آن
استفاده نمود .
( Movie Clipسمبل های گرافیکی ) :
سمبلی است که در آن اشياء و يا حتی عکسهای بيتی موجود می باشند ومی توانيم از آنها استفاده
کنيم .مانند عکس يک جنگل که پشت زمينه باشد .
: Buttonيا همان سمبل های کليدی بيشتر برای ساختن کليدها به کارمی روند .اين کليدها
دستوراتی را می گيرند که در مراحل انجام Flashبه کار رفته اند و هر کليد برای فعال شدن
هر عمل و هر دستوری احتياج به يک سری دستورات خاص دارد که بر اساس Action
Scriptتعريف می شوند.
مثال :لينک دادن ،دکمه های Back / Nextو دکمه های ارتباطی و غيره .ایجاد Symbolها :
برای تهيه ی Symbolها به دو طريق می توان عمل نمود :
-1اولين مسير به اين صورت است که از منوی Insertگزينه Convert to Symbolرا
انتخاب می کنيم .در اين موقع پنجره ای بازمی گردد که حالت های Symbolرا نمايش می
دهد .هر کدام را که بخواهيم انتخاب نموده و يک Symbolايجاد می کنيم .
- 2در حالت دوم می توان از يک Short cutاستفاده نمود که Shortcutآن کليد F8است.
هنگامی که کليد F8را فشار می دهيم همان پنجره بازمی شود .نوع Symbolرا انتخاب کرده
و OKرا فشار می دهيم .
ذخيره سازی فايلهای Flash
منظور از فايلهای Flashچيبست ؟
هر موضوعی که در نرم افزاری خلق می شود چه در شکل برداری و چه درشکل گرافيکی و
غيره در يک فايل اصلی ذخيره می شود که فقط توسط همان نرم افزار می توان آن را مشاهده
نمود( .دراصل Sourceپروژه است ).ولی می توان آن فايل اصلی را به قالب فايلهای شناخته
شده درآورد تا در هر مورد قابل مشاهده باشد .
مثال :
در نرم افزار Photoshopفايل اصلی دارای پسوند psd.است ولی ما آنها را با پسوندهای 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ندارد را مشاهده کنيم .
ذخیره فایل swf.از : fla.
برای انجام اين کار فايل fla.را باز کرده ،به منوی فايل رفته و از آنجا گزينه Publish setting
را انتخاب می نماييم .هنگامی که اين گزينه را اجرا می کنيم پنجره ای ظاهر می شود .در اين
پنجره گزينه ای به نام Formatوجود دارد که در قسمت Typeآن نوع فايلی که می خواهيم
Publishکنيم را وارد می کنيم .اگر می خواهيد فقط swf.از آن بگيريد swf ،را تيک زده ،
دکمه publishرا فشار داده و سپس OKرا بزنيد .در مسير فايل fla.فايلی با همين اسم ،با
پسوند swfو با حجم بسيار پايين تر ايجاد می گردد .
Exeو Html
ذخیره فایلهای : exe.
همه می دانيم که فايلهای exe.فايلهای اجرايی شناخته شده در هر سيستم عامل هستند .يعنی بدون
احتياج به هيچ نرم افزار خاصی به راحتی می توانيم توسط سيستم عامل موردنظر آن را
مشاهده کنيم .
نرم افزار Flashاين قابليت را نيز در خود دارد ،برای ساخت فايل exe.تمامی مراحل swf.
را انجام می دهيم به انضمام اينکه تيک ) Windows Projector ( exرا انتخاب کرده و
سپس آن را Publishمی کنيم .
ساخت فایلهای : HTML
جهت ساختن يک فايل HTMLاز طريق زير عمل می نماييم :
File/ Publish Setting
از سربرگ Formatگزينه HTMLرا انتخاب می نماييم .در اين حالت سربرگ HTMLفعال
می گردد که در آن می توان تنظيمات مربوطه را انجام داد .