PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آموزش مقدماتي Adobe Flash CS 3



mehraboOon
08-19-2011, 01:37 PM
آموزش مقدماتي Adobe Flash CS 3



http://forum.designator.ir/imgup/4/1254811175_4_32fc82843f.jpg




نام این دوره : آموزش Adobe Flash CS ۳ - قسمت اول

آموزش توسط : علیرضا خالقی نیک (forum.designator.ir)

مباحث آموزش : بررسی محیط اصلی نرم افزار ، Document properties ، Publish setting ، ابزارهای ترسیم سمت چپ ، نکاتی بسیار مهم برای بالا بردن دقت ترسیم و اصلاح اشکال ، تفاوت Paste و Paste in place ، معرفی Duplicate

قسمت اول :

بعد از نصب نرم افزار فلش آن را اجرا می کنیم و با پنجره زیر مواجه می شویم:



برای ديدن تصویر در اندازه واقعی بر روی آن كليك كنيد. اندازه واقعی: 497 * 647


http://forum.designator.ir/imgup/4/1254811279_4_007f0271dd.jpg


روی گزینه ای که در تصویر مشخص شده کلیک کنید
حال وارد محیط اصلی نرم افزار شدیم چیزی شبیه به تصویر زیر:



برای ديدن تصویر در اندازه واقعی بر روی آن كليك كنيد. اندازه واقعی: 578 * 956


http://forum.designator.ir/imgup/4/1254811540_4_32e7e1fc46.jpg

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

http://forum.designator.ir/imgup/4/1254811692_4_49fa6e0df8.jpg

Dimensions : اندازه stag را مشخص می کند.

Frame rate : تعداد فریمی که در ثانیه اجرا می شود را نشان می دهد – مثلا اگر این مقدار را بر روی عدد ۳۰ قرار دهید معنی آن این خواهد بود که در مدت یک ثانیه ۳۰ فریم از این فیلم پخش می شود – هرچه میزان fps(مخفف Frame per second) بیشتر باشد انیمیشن شما راحت تر و روان تر اجرا خواهد شد ولی توصیه ما به شما این است که این مقدار را روی ۳۰ قرار دهید. البته چشم انسان ۱۶ فریم در ثانیه با بالا را پیوسته می بیند ولی در این حالت پدیده چشمک زدن خود نمایی میکند.

- از منوی فایل گزینه ی Publish setting را انتخاب کنید ، پنجره ای ظاهر می شود که مخصوص خروجی گرفتن از انیمیشن ساخته شده می باشد که دارای سه تب می باشد که در تصاویر زیر توضیح داده شده شده اند :

http://forum.designator.ir/imgup/4/1254811990_4_2f26691ee8.jpg

http://forum.designator.ir/imgup/4/1254812015_4_1d18ebd075.jpg

http://forum.designator.ir/imgup/4/1254812083_4_57e8da9b67.jpg

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

http://forum.designator.ir/imgup/4/1254812188_4_fc5d1a0580.jpg

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

به تصویر زیر نگاه کنید :

http://forum.designator.ir/imgup/4/1254812267_4_c7ed367367.jpg


از این گزینه جهت ترسیم اشکالی مثل مربع ، مستطیل ، دایره و چند ضلعی استفاده می شود

نکاتی بسیار مهم برای بالا بردن دقت ترسیم و اصلاح اشکال :
در هنگام ترسیم اشکال با نگه داشتن کلید Shift دقت ترسیم بالا می رود.
در هنگام ترسیم اشکال با نگه داشتن کلید Alt نقطه آغاز رسم میشود همان نقطه مرکزی شکل .
در اصلاح کردن اشکال هم همین قضایا صادق است برای مثل در هنگام اصلاح اندازه تصویر با ابزار Free Transform Tools اگر کلید Shift را به صورت همزمان نگه دارید طول و عرض تصویر متناسب با هم کم یا زیاد می شوند.

حال وقت آن رسیده که به سراغ دو گزینه پر کاربرد در منوی Edit برویم :
Paste in place : یعنی شی ء مورد نظر را بیاور و در همان مختصاتی که قبلا از آن کپی شده قرار بده (این گزینه در روش انیمیشن سازی Frame to frame کاربرد زیادی دارد ، ضمنا بهتر است کلید میانبر این عمل را که Ctrl+Shift+V میباشد را به خاطر بسپارید)
Duplicate : از آبجکت انتخاب شده کپی برداری می کند (با تمام خصوصیات آن آبجکت – کلید میانبر Ctrl+D)

mehraboOon
08-19-2011, 01:37 PM
ما توی فلش ۳ نوع Text داریم :

۱- Static : نوع معمولی که نه برنامه نویس میتونه تغییری توش بده نه کاربر (موقع اجرا)

۲- Dynamic : برنامه نویس میتونه تغییرش بده (مثل تاریخ ها ، سخن روز و ...)

۳- Input : هم برنامه نویس میتونه تغییر توش ایجاد کنه هم کاربر

نکته :

- با استفاده از راست کلیک روی Text و سپس گزینه Break Apart میتوان Text را خرد کرد (در اصطلاح شکست)

فایل زیر رو دانلود کنید حاوی نمونه های Text می باشد


http://forum.designator.ir/images/attachtypes/zip.gif Texts.zip (http://forum.patoghu.com/redirector.php?url=http%3A%2F%2Fforum.designator.i r%2Fattachment.php%3Faid%3D106) (اندازه: 22.26 KB / دانلودها: 1)


حال به سراغ تکنیک ماسک میرویم :

برای اینکه درک کلی از تکنیک ماسک و کاربردش براتون حاصل بشه لطفا فایل زیر را دانلود کنید و مشاهده بفرمایید :
[attachment=94]

همان طور که مشاهده میکنید با استفاده از این تکنیک چه صحنه زیبایی روی برگ اتفاق می افتد ! آیا تا به حال با خود فکر کرده بودید که افکت های نوری که از روی اجسام یا نوشته میگذرد چیست و چگونه اجرا میشود ؟ بله درست حدس زدید همین تکنیک ماسک است !

نحوه اعمال این تکنیک:

ما برای اعمال این تکنیک نیاز به حداقل ۳ لایه داریم : ۱- لایه ماسک ۲- لایه تحت ماسک ۳- لایه تصویر اصلی

به تصویر زیر دقت کنید :



برای ديدن تصویر در اندازه واقعی بر روی آن كليك كنيد. اندازه واقعی: 399 * 562


http://forum.designator.ir/imgup/4/1262796121_4_7e1de0beb8.jpg

هدف ما از اجرای تکنیک ماسک در این تصویر این است که نور یا خطی سفید را از بین آجر ها عبور دهیم (هدف ما فقط فراگیری پایه کار است در این آموزش قصد زیبایی کار را نداریم)برای این کار ابتدا سه لایه با اسم های تعیین شده (اسم ها مهم نیستند و شما تو نتیجه کار هیچ تاثیری ندارند ولی با شلوغ شدن پروژه و زیاد شدن لایه ها اسم های معنی دار هستند که پروژه را قابل فهم می کنند) ایجاد کنید و عکس را در لایه Pic وارد کنید (همانند شکل زیر)



برای ديدن تصویر در اندازه واقعی بر روی آن كليك كنيد. اندازه واقعی: 664 * 797


http://forum.designator.ir/imgup/4/1262796163_4_c3fff68672.jpg

حال روی فریم ۴۰ لایه اول ( Mask ) کلیک کرده و کلید F۶ را بزنید ، سپس به فریم اول از همون لایه اول برید و یک مستطیل عمودی کوچک رسم کنید و بعد روی همان فریم راست کلیک کنید و گزینه Create Motion Tween را انتخاب کنید و سپس روی فریم آخر کلیک کنید و مستطیل را به این سمت صفحه بکشید

حال روی لایه دوم کلیک کنید و یک خط راست سفید لایه آجرهای دیوار رسم کنید (در مسیر مستطیل ) (یادتان باشد که برای لایه های دوم و آخر هم باید همان عمل زدن کلید F۶ را انجام بدهیم - در مورد کلید های F۶ و F۵ و ... در آینده صحبت خواهیم کرد)

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