flash (بخش ۹)

 

 هفته ٩

 

این هفته کار با لایه هدایت کننده یا ( Guide Layer ) را یاد خواهیم گرفت که کاربرد فراوانی در طراحی انیمیشن با فلش دارد و تقریبا غیر ممکن است در یک انیمیشن از لایه هدایت کننده استفاده نشود.

اگر طی دو هفته گذشته و بعد از آموزش Motion Tween سعی به بکار بردن مطالب آموزش داده شده کرده باشید، بطور حتم متوجه شده اید که وقتی قصد انتقال یک شئ از جایی به جای دیگر را دارید و می خواهید برای اینکار از Motion Tween استفاده کنید، فلش همیشه یک خط راست فرضی از مبدا به مقصد شئ شما میکشد و شئ شما را روی آن خط حرکت میدهد. برای اینکه مسیر بین مبدا و مقصد را بطور دلخواه تعیین کنیم، از لایه هدایت کننده استفاده میکنیم.

انواع لایه در فلش:

لایه ها در فلش از نظر نوع به 6 گروه تقسیم میشوند:

1. عادی ( Normal ): همان لایه های معمولی و عادی که تا به اینجا با آنها سر و کار داشتیم.

2. هدایت کننده ( Guide ): این نوع از لایه ها مسیر حرکت یک شئ را کنترل میکنند و باید مشخص شود که کدام لایه ها باید توسط لایه مربوطه هدایت شوند.

3. هدایت شونده ( Guided ): در این نوع از لایه ها شئ مورد نظر که قرار است حرکت داشته باشد، قرار میگیرد و Motion Tween نیز در این لایه قرار دارد.

4 و 5. پنهان کننده ( Mask ) و پنهان شده ( Masked ): در مورد این 2 نوع لایه در آینده صحبت خواهیم کرد.

6. پوشه ( Folder ): برای مرتب کردن لایه ها بکار می رود. می توان چندین لایه را داخل یک پوشه قرار داد. این کار به لایه های ما حالت درختی می دهد.

لایه هدایت کننده ( Guide Layer ):

فرض کنید قصد حرکت دادن یک دایره از سمت چپ تصویر به سمت راست تصویر در یک مسیر مارپیچ را دارید. برای این کار مجبور هستید که مسیر حرکت را برای فلش تعریف کنید و از شئ بخواهید که در طول مسیر حرکت کند.

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

نکته: فرقی نمی کند که ابتدا مسیر را طراحی کنید یا ابتدا شئ را، اما همیشه لایه هدایت کننده باید بالای لایه هدایت شونده در Timeline قرار بگیرد.

استفاده از لایه هدایت کننده:

حال بصورت عملی طرز استفاده از لاه های هدایت کننده را بررسی میکنیم.

ابتدا یک دایره در سمت چپ stage ترسیم کنید. با دبل کلیک کردن روی آن، آن را بحالت انتخاب در آورده و با استفاده از کلید F8 آن را به حالت سیمبل تغییر دهید. حال با کلیک کردن بر روی آیکون کوچک بشکل یک برگ کاغذ همراه با یک علامت بعلاوه که در سمت چپ و پایین Timeline است یک لایه جدید بسازید. برای ساخت لایه جدید از روش زیر نیز میتوانید استفاده کنید :

Insert à Timeline à Layer

توجه داشته باشید که لایه جدیدی که ساخنه اید در Timeline در بالای لایه ایی که در آن دایره شما قرار دارد، قرار بگیرد.

برای طراحی در لایه جدید کافیست لایه را در Timeline بحالت انتخاب در آورید، از آن لحظه به بعد تمامی اشیائی که طراحی کنید در لایه جدید ترسیم میشوند. با دبل کلیک کردن بر روی نام لایه میتونید نام لایه را تغییر دهید. سعی کنید از نامهای با معنی و مرتبط با اشیای درون لایه استفاده کنید، این کار کمک میکند که در آینده که برای ویرایش فایل فلش خود مراجعه کرد براحتی متوجه شوید که در کدام لایه کدام اشیا قرار گرفته اند.

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

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

فریم آخر در لایه زیرین را انتخاب کنید. باز هم با کلیک بروی مرکز دایره و پایین نگاه داشتن دکمه ماوس آن را حرکت دهید اما اینبار آن را به انتهای خط مارپیچ در سمت راست ببرید. یکی از فریمهای میانی در لایه زیرین را انتخاب کرده و دکمه راست ماوس را زده و گزینه Create Motion Tween را انتخاب کنید. این عمل مانند استفاده از Motion Tween است و فرقی با آن ندارد.

اگر فایل فلش خود را اجرا کنید خواهید دید که دایره شما بدون توجه به مسیر مارپیچ در یک مسیر راست از ابتدای خط به انتهای خط میرود. برای تعریف کردن لایه بالایی که خط ماپیچ در آن قرار دارد بعنوان لایه هدایت کننده باید روی نام لایه در Timeline راست کلیک کنید و گزینه Properties را انتخاب کنید. در پنجره ایی که باز میشود Type را برابر با Guide قرار دهید. آیکون لایه از شکل یک کاغذ سفید به شکلی شبیه به خط کش T تغییر پیدا میکند. حال بر روی نام لایه زیرین در Timeline راست کلیک کنید و Properties را انتخاب کنید. اینبار در پنجره باز شده Type را برابر با Guided قرار دهید.

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