طراحی و انیمیشن

آموزش و قبول سفارش انواع طراحی و انیمیشن دو بعدی و سه بعدی

طراحی و انیمیشن

آموزش و قبول سفارش انواع طراحی و انیمیشن دو بعدی و سه بعدی

آموزش فلش - متحرک کردن متن

8- یک لایه دیگر بالای لایه Layer 1 ایجاد کنید. برای انجام این کار، روی آیکون New Layer در پایین پنل لایه کلیک کنید.

ایجاد لایه جدید


9- سپس لایه 1 را غیر قابل رویت کنید. برای انجام این کار، در آن لایه زیر آیکون چشم کلیک کنید تا علامت ظاهر شود.


غیر قابل رؤیت کردن لایه

10- روی فریم 40 در لایه Layer 2 کلیک کرده و کلید F6 را فشار دهید. متن مورد نظر را تایپ کرده و سپس آن را مانند متن قبلی روی صفحه ترسیم تراز کنید.

11- پس از انتخاب متن، کلید F8 را در صفحه کلید فشار داده و در پنجره باز شده گزینه Movie clip را انتخاب نمایید. با انجام این کار، یک نماد دیگر از متن در داخل پنل Library ظاهر می شود.

12- روی فریم 80 در لایه Layer 2 کلیک کرده و کلید F6 را فشار دهید. پس از فشار دادن کلید F6 مشاهده می کنید یک قاب کلیدی ایجاد می شود.

13- فریم 40 را انتخاب کنید. سپس ابزار شکل دهی را انتخاب کرده و با گرفتن کلید Shift و گرفتن دستگیره های گوشه ای متن را کوچک نمایید. فریم 80 را انتخاب کرده و پس از انتخاب ابزار شکل، متن را به اندازه مورد نظر بزرگ نمایید.

ابزار شکل دهی
ابزار شکل دادن

14- بین فریم های 40 و 80 کلیک راست کرده و گزینه Create Classic Tween را انتخاب نمایید.

ایجاد Classic Tween

15- یک لایه دیگر بالای لایه Layer 2 ایجاد کنید.

16- روی فریم 80 در لایه Layer 3 کلیک کرده و کلید F6 را فشار دهید. متن دیگری را تایپ کرده و سپس آن را دوباره روی صفحه ترسیم تراز کنید.

17- پس از انتخاب متن، کلید F8 را در صفحه کلید فشار داده و در پنجره باز شده گزینه Movie clip را انتخاب نمایید.

18- روی فریم 120 در لایه Layer 2 کلیک کرده و کلید F6 را فشار دهید. پس از فشار دادن کلید F6 مشاهده می کنید یک فریم کلیدی ایجاد می شود.

19- فریم 120 را انتخاب کنید. سپس ابزار شکل دهی را انتخاب کرده و با گرفتن دستگیره های عمودی و کلید Shift متن را به اندازه شکل زیر بکشید.

تغییر شکل متن
تغییر در نوار زمان

20- با فشار دادن کلیدهای Ctrl+Enter تکنیک را تست و مشاهده نمایید.

مشاهده انیمیشن
منبع:
http://persiangfx.com/fa/tutorials/flash/basics/lesson8-animating-the-text-with-different-styles/


نظرات 0 + ارسال نظر
ایمیل شما بعد از ثبت نمایش داده نخواهد شد