آموزش Flash / قسمت پنجم

استفاده از نوار زمان

کادر زير که نوار زمان نام دارد برای متحرکسازی و تعيين لايه های نمايش و تنظيمات مربوط به آنها به کار می رود. لايه ها در طراحی و متحرکسازی کاربرد فراوانی دارند. شما می توانيد هر شيئی را در يک لايه قرار دهيد، بدين ترتيب می توانيد فقط شیء مورد نظر را حرکت دهيد و ساير اشياء ثابت بمانند.

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

اگر بر روی نقطه جلوی نام هر لايه و زير علامت چشم کليک نماييد ، آن لايه مخفی می گردد.

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

فريم ها

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

برای افزودن فريم يا فريم کليدی و همچنين حذف آنها کافی است بر روی خانه مورد نظر در نوار زمان کليک راست نماييد تا منوی زير ظاهر گردد و کار مورد نظر را از اين منو انتخاب نماييد. علاوه بر اين منو ، با فشردن کليد F5 از صفحه کليد می توان يک فريم ايجاد کرد و با فشردن کليد F6 ، يک فريم کليدی اضافه نمود.

متحرک سازی فريم به فريم

يکی از تکنيک های متحرک سازی در فلش، متحرکسازی فريم به فريم می باشد. به جای هر گونه توضيح اضافی، اين متحرکسازی را در مثال زير با هم بررسی می کنيم.

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

سپس نام لايه ای که مستطيل را در آن رسم کرده ايد را floor بگذاريد.

سپس بر روی فريم 30 در نوار زمان کليد F5 را فشار دهيد. تا يک فريم ايجاد گردد.

لايه floor را قفل نماييد. تا غير قابل انتخاب و تغيير گردد . چون در اين انيميشن اين لايه ثابت می باشد.

لايه جديدی به نام ball ايجاد نماييد. همانطور که مشاهده می نماييد طول لايه ball نيز 30 فريم می گردد.

در لايه ball يک توپ مانند شکل زير رسم نماييد.

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

در لايه ball بر روی فريم های 5 - 10 - 15 -20 - 25 - 30 رفته و کليد F6 را فشار دهيد تا فريم های مذکور به فريم کليدی تبديل شوند.

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

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

گزينه Anchor Onion را از منوی نشان داده شده در شکل زير انتخاب نماييد.

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

پس از تعيين مکان توپ ها در فريم های کليدی، کليه فريم های ساده را به فريم کليدی تبديل نماييد. می دانيد که برای اينکار کافی است که برروی فريم مورد نظر رفته و کليدF6 را فشار دهيد.

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

در اين انيميشن قوائد فيزيک را نيز رعايت کرده ايم بدين صورت که توپ با هر بار برخورد به زمين به اندازه نصف ارتفاع قبل از برخورد بالا می رود.

استفاده از ماسک ها

شيوه ايجاد ماسک در فلش

يک ماسک هر گاه برروی چيزی قرار گيرد آن را می پوشاند. و تنها قسمت هايی از شیء زيری قابل رويت می باشد. به عنوان مثال در ماسک های زير تنها دهان و چشمان شخصی که ماسک را به صورت خود می زند قابل رويت می باشد.

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

همانطور که در تصوير زير می بينيد، دو لايه ايجاد شده است. لايه starsplash شامل شکل يک ستاره و لايه earth شامل تصوير کره زمين می باشد.

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

حال برروی لايه starsplash کليک راست می نماييم و گزينه Mask را انتخاب می کنيم.

با تبديل starsplash به ماسک نوار زمان به صورت شکل زير می شود.

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

ماسک ها در متحرک سازی

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

توسط Color Mixer يک رنگ Gradient مانند شکل زير ايجاد نماييد.

لايه ای با نام Gradient ايجاد کرده و در آن توسط رنگی که ساختيد، مستطيلی مانند شکل زير ايجاد کنيد.

ابزار Fill Color را بکار ببريد تا نواری مانند شکل زير ايجاد گردد.

لايه text را روی لايه gradient قرار دهيد. در فريم 60در لايه text يک فريم کليدی و در فريم 60 لايه gradient يک فريم ساده ايجاد کنيد. حال در فريم يک، متن را کمی پايين تر از نوار رنگی قرار دهيد.

همچنين در فريم 60 متن را کمی بالاتر از نوار رنگی بگذاريد.

حال بروی لايه text کليک راست نموده و از منوی ظاهر شده Mask را انتخاب کنيد.

بر روی فريم يک در لايه text رفته و از کادر تنظيمات در قسمت Tween گزينه Motion را انتخاب نماييد. تا نموار زمان به صورت شکل زير گردد.

سمبل های متحرک

ايجاد يک سمبل متحرک

سمبل های متحرک در مرتب سازی نوار زمان کمک زيادی به ما می کنند. به عنوان مثال به جای اينکه نوار زمان شلوغی داشته باشيم، می توانيم چندين سمبل متحرک ايجاد کنيم و نوار زمان ساده ای داشته باشيم. برای تبديل اشکال به سمبل متحرک، شکل مورد نظر را انتخاب کرده و از منوی Insert گزينه Convert to Symbol را انتخاب کرده يا کليد F8 را از صفحه کليد فشار دهيد.

پس از انتخاب گزينه Convert to Symbol کادر زير باز می گردد. در قسمت Name نام سمبل مورد نظر را بنويسيد و در قسمت Behavior نوع آن را مشخص کنيد. در مباحث قبلی نوع Graphic را بررسی کرديم، در اين قسمت از Movie Clip استفاده می کنيم.

برروی سمبل ايجاد شده دوبار کليک نماييد تا به نوار زمان مخصوص اين سمبل دست يابيد. ما در اينجا سمبل يک چرخ را ايجاد کرده ايم.

نوار زمان اين چرخ را به صورت شکل زير ايجاد نماييد. در اين انيميشن يک حرکت از نوع Motion Tween و با چرخشی در جهت حرکت عقربه های ساعت و 5 دور گردش داريم.

حال برروی Scene1 در شکل بالا کليک نماييد تا نوار زمان اصلی ظاهر گردد. و در فريم 30 يک فريم ساده مانند شکل زير ايجاد نماييد.

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

ويرايش يک سمبل متحرک

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

سپس برروی فريم 10 کليک راست نموده و گزينه Remove Frame را انتخاب نماييد تا فريم 10 حذف گردد.