مقدمه

ماكرومديا فلش ( Macromedia Flash) يكي از بهترين نرم افزار هايي است كه شما ميتوانيد جهت افزودن افكت های مخصوص و انیمیشن های كامپیوتری به وب سایت از آن استفاده كنید .در این جزوه سعی شده تمامی نكات با ذكر مثال و انیمیشن برای شما ارائه گردد . امید است این منبع جهت استفاده ی شما عزیزان مفید واقع شود.

برای مطالعه ی این دوره ی آموزشی نیاز است كاربران محترم آشنایی با سیستم عامل ویندوز داشته باشند .

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

- حداقل سیستم مورد نیاز پنتیوم 233

- 16 مگابایت Ram

- حدود 600 مگا بایت فضای آزاد

- كارت گرافیكی 64 گیگا بایت

زماني كه با یك صفحه ی وب برخورد ميكنيم ایده های مختلفی برای ساختن یك وب سایت جالب ،در ذهنمان ايجاد ميشود. با وجود بخشهاي گوناگون در يك وب سايت در مورد تصاوير و رنگها قانونی كلی وجود دارد. در 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 اضافه می كنیم. توسط اين ماسك ميتوانيم متن داخل جعبه را كنترل كنيم. اين بدان معني است كه شما قادر خواهيد بود هر قسمت از متن دلخواه خود را قابل مشاهده كنيد. ( توضيح بيشتر 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 اضافه كرد.

Frame چيست ؟
هر فريم در Flash نشان دهنده چشم اندازي از فيلم است كه در يك فاصله زماني نمايش پيدا ميكند . اگر شما به طور پيش فرض از 12 فريم در ثانيه استفاده كنيد هر فريم در يك دوازدهم فاصله زماني نمايش پيدا ميكند.
يادگيري انواع Frame
نرم افزار Flash داراي دو نوع Frame است. فريم هاي معمولي و فريم هاي كليدي. اختلاف و شباهت بين دو نوع به شرح زیر می باشد:
- در زمان نمايش فيلم كليه فريم ها در زمانهاي مساوي نمايش داده ميشوند. ( مگر اينكه شما با نوشتن قطعه كد اسكريپت مشخص كنيد كه يك فريم چه زماني طول بكشد تا نمايش يابد).
- آيتم هاي مختلف را فقط به فريم هاي كليدي ميتوان اضافه نمود. اين اهميت ندارد كه چه چيزي را مي خواهيد اضافه كنيد، بلكه باید به یاد داشت كه به فريم هاي كليدي ميتوان آيتم نيز اضافه نمود.
كليد هاي ميانبر براي Form ها :

نكته :

قبل از اینكه فریم ها را به نقطه ای دیگر انتقال دهید ، بهتر است یك Motion Tween ساخته و سپس فریم را به نقطه ی دلخواه انتقال داد .

حالت لايه ها

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

اضافه كردن لايه ها :

در زمانیكه می خواهید لایه ای را به Timeline اضافه كنید می توانید از منوی Flash گزینه ی Insert و سپس گزینه ی Layer را انتخاب كنید . برای ایجاد سریعتر می توان از دكمه ای كه در سمت چپ و پایین Timeline قرار دارد استفاده كرد .

نامگذاري لايه ها :

زماني كه لايه جديدي را به Timeline اضافه ميكنيد Flash به طور اتوماتيك نامي را براي لايه انتخاب ميكند .

معمولا این نامها بصورت Layer2 ، Layer1 ، ... می باشند . البته این نامها پیش فرض بوده و شما می توانید برای بیان كار خاص هر لایه نام مشخصی برای آن تعیین كنید . به عنوان مثال برای لایه پس زمینه نام Background Layer را انتخاب كنید .

لايه هاي ماسك –Mask

لایه ی مهمی كه در Flash می توان ایجاد نمود لایه ی Mask می باشد . این لایه همانند پنجره ای بر روی دیگر لایه ها عمل می كند و زمانی كه فیلمی نمایش داده می شود این لایه محدوده ی مورد نظر را نمایش می دهد .

لايه هاي راهنما :

به كمك این لایه انیمیشن می تواند در Motion Tween در جهات مختلف حركت كند ، اگر از Motion Tween استفاده نشود انیمیشن در یك مسیر حركت می كند .

كشيدن خطوط و پر كردن سطوح :

كشیدن اشیاء در فلش با فریم آنها در سایر برنامه های گرافیكی تقارن زیادی ندارد . ابزار مناسب ترسیم را انتخاب كرده ، سپس اشیاء را روی صفحه ی كار ترسیم كنید . البته فلش در مقایسه با دیگر برنامه های ترسیمی تفاوت های مهمی دارد . یكی از این تفاوتها این است كه اشیاء نقاشی شده در فلش پایه ی برداری داشته و بهتر از تصاویر نقشه بیتی عمل می كنند .

انتخاب خطوط متفاوت :

اصطلاح Stroke در فلش به معنای Line است . توسط این ابزار یا ابزارهای Pen و Pencil می توان خطوط را ایجاد نمود .

اضافه كردن خطوط منحني پيچيده

درست است كه ابزار Pen و Sub Select حقيقتاً قدرتمند هستند اما استفاده از آنها براي رسيدن به نتيجه واقعي زمان زيادي ميبرد . همچنين شما ميتوانيد از ابزار Arrow براي اصلاح اشياء استفاده كنيد . به كمك اين ابزار ميتوان گوشه اشياء را حركت داده و به خوبي خطوط را به داخل خم كرد. از دو ابزار Sub Select , Arrow ميتوانيد براي تغيير شكل اشياء استفاده كنيد. ضمناً ميتوان از ابزار Free Transform نيز استفاده كرد. اين ابزار نيز همانند ابزار Arrow براي اصلاح اشياء كشيده شده استفاده ميشود. به طور مثال شما ميتوانيد عمليات تغيير اندازه ، چرخاندن ، كج كردن و پيچ دادن يك شيء را توسط Free Transform انجام دهيد.

كنترل كردن پيكر بندي آلفا :

پيكر بندي آلفا دقيقاً يك پيكر بندي رنگ نيست . اما برخي چيزهاي آن به رنگ مرتبط ميشود . در واقع آلفا يك درجه بندي براي شفافيت يك شيء ميباشد. يك شيء كه درجه پيكر بندي آلفاي آن 10 درجه ميباشد كاملاً مات است . در صورتي كه اين درجه پيكر بندي به صفر برسد آن شيء كاملاً شفاف است. در مثال زير كاملاً ميتوانيد مشاهده كنيد.

براي تنظيم مدار آلفاي اشياء مراحل زير را دنبال كنيد :

1- ابزار Arrow را از جعبه ابزار Flash انتخاب كنيد

2- بر روی شكل مورد نظر كلیك كنید تا انتخاب شود .

3- از منوی Window گزینه Color Mixer را انتخاب كنید .

4- به آلفا مقداری عددی بدهید . یا از طریق وارد كردن عدد مورد نظر كه بصورت درصدی نمایش داده می شود و یا توسط دكمه ی لغزنده ی سمت راست می توان مقدار عددی دلخواه را به آلفا داد .

چرخاندن ، كج كردن و تغيير اندازه دادن

چرخش اشياء :

چرخش يك شيء در واقع دور زدن شيء به حول نقطه مركزي شیی و در جهت حركت عقربه هاي ساعت ميباشد. وقتي كه شما يك شيء را ميچرخانيد شيء در همان اندازه باقي ميماند و زواياي شيء هيچ تغييري نميكند. شما ميتواند يك شيء را با ماوس بچرخانيد. براي انجام اين كار مراحل زير را دنبال كنيد :

1- ابزار Arrow را انتخاب كنيد .

2- بر روي شيء مورد نظر دوبار كليك كنيد .

ضمناً هر دوي خط و سطح محور شيء را انتخاب كنيد.

ضمناً براي راحتي كار ميتواند توسط ابزار Arrow يك جعبه فرضي را دور شكل مورد نظر خود بكشيد تا به حالت انتخاب در آيد.

3- از منوي Modify گزينه Transform و در نهايت گزينه Rotate and skews را انتخاب كرده تا دسته هاي راهنماي چرخش به شيء اضافه گردد. همچنين ميتوان بر روي شيء انتخاب شده كليك راست كرده و از منوي پديدار شده گزينه Rotate and skews را انتخاب كرد.

4- يكي از دسته هاي راهنماي گوشه تصوير را گرفته و شيء مورد نظر را بچرخانيد.

كج كردن اشياء :

براي انجام كار ابزار Arrow را انتخاب می كنیم. وقتي شيء مورد نظر و نوع خط آنرا انتخاب كرديد ابزار Envelope را هم انتخاب كنيد . وقتي كه دسته هاي راهنما بر روي شيء فعال گردید از هر گوشه شيء ميتوان آنرا كج كرد و همچنین ميتوان بر روي شيء مورد نظر كليك راست كنيد و گزينه Envelop را انتخاب كنيد.

تغيير اندازه اشياء :

يكي از ابزار هاي مهم كه در نرم افزار Flash كاربر فراوانی دارد ابزار Scale ميباشد. به كمك این ابزار ميتوان اندازه شیی را تغيير داد ، آنها را كوچك و بزرگ و يا طول و عرض آن را كم و زياد كرد. روش كار به اين صورت است كه ما اول ابزار Free transfer را انتخاب نموده و از منوی Option گزینه Scale را انتخاب ميكنيم ( در نظر داشته باشيد كه قبل از انجام كار بايد سطح شيء و خط انتخاب شده باشد ) با انتخاب گزینه Scale دسته هاي راهنما بر روي شيء مورد نظر ظاهر ميشود . می توان با انتخاب یكی از دسته هاي راهنما سايز شيء را كم يا زياد ميكنيم.

كشيدن خطوط توسط Flash

براي كشيدن خطوط در Flash می توان از روشها و ابزار هاي مختلفي استفاده نمود. اولين مورد به كمك ابزار Line ميباشد . بدين صورت كه ما از Toolbar ابزار Line tail را انتخاب ميكنيم .هنگام انتخاب اين ابزار ، شكل ظاهري ماوس تغيير ميكند. ماوس را به طرف محيطي كه در آن خط را ترسيم می كنيم ميبريم ، سپس از نقطه شروع ماوس را فشار داده و آن را ميكشيم تا پايان كار نباید دكمه ماوس را رها كنیم .

هنگامي كه ابزار Line را انتخاب ميكنيم پنل Properties فعال ميشود. از اين پنل در تغيير رنگ ، اندازه خط و نوع خط می توان استفاده كرد :

1- تغيير رنگ خط : براي تغيير رنگ خط اول خط مورد نظر را انتخاب مينماييم سپس از پنل Properties گزينه Stroke color را انتخاب كرده و بر روي آن كليك ميكنيم تا پالت رنگها باز شود. در قسمت بالاي آن كد رنگ را وارد كرده و یا از همان پالت ، رنگ مورد نظر خود را انتخاب كنيم.

2- تغيير اندازه : براي تغيير سايز خط از همان پنل Properties گزينه Stroke height را انتخاب كرده ، سایز آنرا مشخص ميكنيم.در كنار آن يك چرخه مانند وجود داردكه ميتوان از كم به زياد آن را اضافه كرد. اگر آن را به طرف پايين ببريم سايز آن كوچك ميشود و اگر به طرف بالا ببريم سايز ها بزرگ ميشود.

نكته :

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

تغيير نوع خط :

براي تغيير نوع خط در پنل Properties گزينه Stroke style را انتخاب می كنیم. در اين روش 7 نوع خط وجود دارد.براي تغيير نوع خط ، آنرا انتخاب كرده ، سپس يكي از خطوط را انتخاب ميكنيم .

Custom stock style

اين دكمه نيز در همان قسمت Properties وجود دارد هنگامي كه اين دكمه را فشار ميدهيم ميتوان تنظيمات مورد نظر را بر روي هر كدام از انواع خطوط انجام داد.

ساخت يك Motion Tween

براي شروع كار ابتدا با يك Animation ساده شروع می كنیم . ابتدا بايد Animation را بشناسیم و نيز مهمتر از آن اينكه كاربرد انیمیشن را در فلش بدانیم.

انيميشن در Flash

در Flash به هر گونه جابجايي در اشياء يا تصاوير ، كوچك و بزرگ شدن و تغيير حالت اشياء انيميشن گفته می شود. ابتدا به چگونگی كار انیمیشن پرداخته و سپس نحوه ی ساخت آنرا توضیح خواهیم داد.

Animation ها در Flash به چه صورت كار ميكنند :

تمام اشیاء و تصاویر را در فریم ها و لایه های مخصوص پیاده كرده و تغییرات را در آن اعمال می كنیم. حال به اجرای انیمیشن ها می پردازیم . همیشه در فلش اشیاء و تصاویر را بر روی Work Space و انیمیشن را بر روی فریم ها اعمال می كنیم . وقتی یك Movie را طراحی می كنیم به آن فرمت SWF Export می دهیم ، تمامی لایه ها و فریم ها به یك لایه تبدیل شده ، تمامی عناصر دست به دست هم داده و به یك لایه تبدیل می شوند . مثلا اگر در یك لایه 200 فریم وجود داشته باشد ، در قسمت movie بصورت یك عكس در آمده و پشت سر هم قرار می گیرند . در هنگام عبور Time Line از روی این فریم ها سرعت بالا بوده و تمامی این فریم ها را می توان پشت سر هم در فرمت یك انیمیشن مشاهده كرد .

شروع ساخت يك انيمشن :

در اين قسمت هدف مشخصی را مد نظر قرار داده ، براي انجام آن به محيط Flash رفته و كار را شروع می كنیم .

هدف :

ايجاد يك Animation كه در آن شكل يك توپ وجود دارد كه ميخواهيم از سمت راست وارد صفحه شده و از سمت چپ خارج شود.

شروع :

1- گزينه New را از منوی File انتخاب كرده تا محيط كار جديدی بارگذاري شود.

2- اشياء موجود در صفحه را در فريم هاي مورد نظر ترسيم كنيد.

3- انيميشن لازم را بر روی فريم ها اعمال كنيد.

حال ميخواهيم در 20 فريم توپی ترسيم كنيم كه از سمت چپ وارد صفحه شده و از سمت راست خارج گردد. ابتدا از Layer فريم 1 را انتخاب كرده و به وسيله Oval tool در آن فريم يك توپ ترسيم می كنيم. از اينجاي كار به بعد مبداً توپ مشخص شده است حال بايد مقصدي كه ميخواهيم توپ به آن جا برسد را كپي كرده و آن را به Frame 20 منتقل می كنیم.( زيرا گفته ايم در 20 فريم )

( روش كپي : روي فريم مورد نظر راست كليك كرده و Copy frame را انتخاب ميكنيم ،سپس بر روي فريم مورد نظر راست كليك كرده و گزينه Paste frame را انتخاب ميكنيم. ) حال تمام كارها انجام شده و به مرحله اي می رسیم كه ميخواهيم Effect مورد نظر را بر شيء اعمال كنيم.

از آنجایی كه ميخواهیم شيء از سمت چپ به سمت راست تغيير مسير دهد بايد از Motion Tween استفاده كنيم . پس از تعيين مبداء و مقصد شيء بر روي Frame1 راست كليك كرده و گزينه Create Motion Tween را انتخاب كنيد. هنگامي كه اين عمل را انجام ميدهيم كل 20فریم به رنگ بنفش در مي آيد .این بدان معناست كه Frame ها Motion يافته اند ولي به صورت نقطه چين .این حالت بیانگر این مطلب است كه به مبداء Motion داده ايم ولي به مقصد خير. حال همين كار را براي Frame20 يعني همان Frame مقصد انجام ميدهيم. ميبينيم كه بر روي بيست Frame يك Flash ظاهر شده و نقطه چينها از بین می روند. حال اگر Ctrl + Enter را فشار دهيد ميتوانيد Animation ساخته شده را مشاهده كنيد.حال با يادگيري Motion Tween ميتوانيد اشياء مختلف را با Effect هاي مختلف ساخته و نمايش دهيد.

Shape Tweens

نوع ديگر Animation در Flash ، Shape Tween است. تفاوتی كه بين Shape Tween و Motion Tween وجود دارد ، اين است كه Motion Tween براي حركت و جابجايي اشياء كاربرد دارد ولي Shape tween براي تغيير حالت اشياء به كار ميرود. به طور مثال يك دايره در حين حركت به شكل يك مستطيل در مي آيد.

شروع ساخت يك Shape Tween :

براي اين كار محيط جديدی باز نموده ( File / New ) و بعد از آن در Layer و فريم مورد نظر شيء را ترسيم مينماييم ، سپس در فريم مقصد ، شيء بعدي را ترسيم ميكنيم. در اینجا دو فريم با دو شيء متفاوت داريم مثلا اگر بخواهیم از دايره به مستطيل برسيم. ابتدا ابزار Arrow را انتخاب نموده و با يك بار كليك كردن بر روي فريم مبداء آن را انتخاب ميكنیم، هنگامي كه فريم مورد نظر انتخاب شد در Properties منویی به نام Tween ظاهر ميشود كه با استفاده از آن ميتوان به شيء Motion يا Shape دهيم. حال پس از انتخاب Frames در قسمت Properties گزينه Tween و ابزار Shape را انتخاب ميكنيم. در اینحالت فريم مورد نظر تغيير رنگ یافته و به رنگ سبز در مي آيد كه اين خود نشانه Shape Tween است. ولي تا اينجا كار ما كامل نشده چون به Frame مقصد Shape را نداده ايم. حال براي Shape دادن به آخرين Frame نيز تمامي اين مراحل را اجرا می كنيم. حال برای نمایش ،Ctrl + Enter را زده ، شكل در حين حركت از دايره به مستطيل تبدبل ميگردد.

Motion Guide

از Motion Guide به عنوان خطوط راهنما استفاده ميشود. براي اعمال Motionهاي مختلف ابتدا باید يك خط راهنما كه شيء بر روي آن حركت ميكند را ايجاد كرده و سپس انيميشن را بر روي آن سوار كنيم.

شروع كار :

1- ايجاد خط راهنما : ابتدا بايد در لایه و فريم مورد نظر خط راهنما را رسم نمود. براي مثال ميخواهيم خطی به سكل زیر رسم كنيم كه يك توپ به همين حالت از روي آن حركت كند.
نكته :

بعلت اینكه خط راهنما در Movie یكی از اجزاء اصلی نیست ، در Motion Guide قابل مشاهده نمی باشد .

اول بايد بر روي گزينه Add Motion Guide كليك كرده تا يك Layer مخصوص ايجاد شده و در همان Layer در فريم اول يا فريم مورد نظر خط راهنما را ترسيم كنيم. هنگامي كه خط ترسيم گشت حال يك Layer جديد ايجاد ميكنيم و انميشن شيء خود را بر روي آن Layer ايجاد ميكنيم خود Flash به صورت پيش فرض از مركز شيء براي Guide استفاده ميكند ( از ابتدا تا انتها ) حال Ctrl + Enter را فشار دهيد و Flash را مشاهده كنيد. به حالت زير ميباشد. ( خط راهنما منحني ميباشد. )

آوردن عكس در محيط Flash

در بسياري از Movie ها، به عكس و تصاوير احتیاج پيدا ميكنيم. نرم افزار Flash اين امكان را به ما ميدهد كه بتوانيم از تصاوير با قالبهاي متفاوت نيز استفاده كنيم.

طريقه آوردن عكس در 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 خود ايجاد مينماييم ، و متن را در داخل آن تايپ مينماييم.

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 گزينه هايي فعال ميگردند كه قسمتي از آن را براي شما توضيح خواهيم داد :

1. Static Text : در اين حالت هنگام تایپ متن هيچ عملي نميتوان بر روي آن انجام داد.
2. Dynamic Text : اگر در هنگام تایپ از اين گزینه استفاده كنيم متن ها به صورت Dynamic در مي آيند ، يعني شما این امكان را پيدا ميكنيد كه آنها را انتخاب كرده و از آنها كپي برداريد.

3. Input Text : اگر در هنگام تایپ از اين گزینه استفاده شود هنگام نمايش ميتوان متن هارا پاك كرده و يا حتي در آنها 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 فايل اصلي دارای پسوند .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 فعال ميگردد كه در آن ميتوان تنظيمات مربوطه را انجام داد.