آموزش فلش و اکشن اسکریپت

معرفی منابع اکشن اسکریپت و فلش و آموزش کار با فلش

آموزش فلش و اکشن اسکریپت

معرفی منابع اکشن اسکریپت و فلش و آموزش کار با فلش

ایجاد افکت آب در فلش


ایجاد افکت آب






در این آموزش شما یاد می گیرید که چگونه یک افکت آب در فلش و با استفاده از mask  کردن ایجاد کنید .برای ساختن این درس شما مجبور نیستید که از اکشن اسکریپت استفاده کنید .

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


گام اول : یک صفحه جدید در فلش بساز .file<new<actionscrip3<ok

 

Step 2Import any picture in flash (Ctrl+R), on which you want to apply the water effect.


گام دوم : یک عکس را که می خواهی افکت آب را روی آن بوجود بیاوری به فلش وارد کن:

file>import>import to stage<open




Step 3While your picture is still selected, press F8 key (Convert to Symbol) to convert it into a Movie Clip.


گام سوم : عکس خود را انتخاب کنید و دکمه F8 را انتخاب کنید (برای تبدیل آن به سمبل مووی کلیپ )، یا اینکه روی آن راست کلیک کنید و covert to cymbol را انتخاب کنید و در منویی که باز می شود گزینه ی movie clip را انتخاب کنید ، به این ترتیب عکس ما به یک سمبل مووی کلیپ تبدیل می شود.



Step 4Double click on a new made Movie Clip (picture) or choose right click and Edit in Place.


گاه چهارم : روی عکس که حالا تبدیل به یک مووی کلیک شده دابل کلیک کنید (double click).

یا روی آن راست کلیک کرده و از منوی باز شده Edit in place را انتاخب کنید .


Step 5While your picture is still selected, press F8 key to Convert it into a Graphic symbol.


گام پنجم : حالا ما در درون این مووی کلیپ هستیم ، دوباره عکس را انتخاب کرده و کلید F8 را انتخاب کنید و در منویی که باز می شود GRAPHIC را انتخاب کرده و OK را کلیک کنید .

حال ما یک سمبل مووی کلیپ داریم که در داخل آن یک سمبل گرافیک وجود دارد.




After that, double click on layer1 to rename its name in mianPicture. Then, click on frame 1, choose right click and Copy Frames.


بعد از انجام این کار روی لایه 1 دابل کلیک کن و نام آن را به mianPicture تغییر بده . بعد روی فریم 1 کلیک کن ، سپس راست کلیک کن و از منوی باز شده گزینه ی Copy Frames را انتخاب کن .

به این ترتیب عکس و خصوصیات لایه ی mianPicture کپی می شود .


Step 6

Insert a new layer and name it picture. Click on frame 1 and choose right click and Paste Frames.


گام ششم : یک لایه ی جدید دیگر درج کن و نام آن را picture بگذار . در این لایه ی جدید ، فریم 1 را انتخاب کرده و روی آن راست کلیک کنید و  از منوی باز شده گزینه ی Paste Frames را انتخاب کنید . به این ترتیب خصوصیات و عکس موجوود در فریم 1 از لایه ی mianPicture به فریم 1 از لایه ی picture  کپی می شود .


Step 7

Insert a new layer again, and name it waterEffect.


گام هفتم : یک لایه جدید دیگر در بالای لایه ی picture درج کرده و نام آن را waterEffect بگذارید .




Step 8

Take the Rectangle Tool (R), Stroke color must be switched off, under Fill color choose any color and draw a "rectangle" over the picture. Then, take the Selection Tool (V), and do like it is shown on the picture below.


گام هشتم : ابزار مستطیل(Rectangle Tool) را انتخاب کنید و از پانل properties  ، جعبه ی stroke color را انتخاب کرده و در منوی باز شده در گوشه ی بالا و سمت راست ، آیکون سفید رنگ را انتخاب کنید تا stroke color  غیر فعال شود و برای کشیدن مستطیل دور آن خطی ایجاد نشود . حالا برای مستطیل یک رنگ دلخواه انتخاب کنید و دور عکس یک مستطیل بکشید .

حالا ابزار selection را انتخاب کرده و مثل تصویر زیر مستطیل های کوچکی را بکشید و بعد از هر بار کشیدن دکمه ی delete را فشار دهید ، این عمل را تکرار کنید تا مستطیل بزرگ تبدیل به یک شکل راه راه شود .



Finally, you'll need to get this:


در آخر باید چیزی شبیه به این داشته باشد :




Step 9

Click on frame 10, 20 and 30 of layer waterEffect and press F6 (Keyframe).


گام نهم : روی هرکدام از فریم های ، 10،20 و 30 از لایه ی waterEffect کلیک کرده و دکمه ی F6 را فشار دهید تا در هریک از این نقاط ، فریم کلیدی اضافه شود .




Step 10

Go back on frame 10, and using the arrows key on the keyboard, move the "effect" a little down. After that click on frame 30, and move the "effect" a little up.


گام دهم : به فریم 10 بروید و با استفاده از کلید های جهت دار(جلو و عقب و بالا و پایین ) روی صفحه کلید ، مستطیل راه راه را  کمی پایین بیاورید . بهد به فریم 30 بروید و مستطیل راه راه را کمی به بالا ببرید .


Step 11

Select the waterEffect layer, and in Properties Panel under Tween choose Shape.


گام یازدهم : لایه ی waterEffect را انتخاب کنید . در بین فریم 1 و 10 راست کلیک کرده و گزینه ی create shape tween  را انتخاب کنید ، این کار را نیز برای فریم های کلیدی 10و20 ، 20و30 انجام دهید .



Step 12

Select waterEffect layer and convert it to a mask by right-clicking on the waterEffect layer and selecting Mask.


گام دوازدهم : لایه ی waterEffect را انتخاب کنید و روی آن راست کلیک کنید و گزینه ی mask  را انتخاب کنید .





Step 13

Click on frame 30 of layer picture and main_picture and press F5 on the keyboard.


گام سیزدهم : فریم 30 را در لایه ی picture و لایه یmain_picture انتخاب کرده و F5 را فشار دهید یا روی فریم 30  در هر دو لایه راست کلیک کرده و گزینه ی INSERT FRAME را انتخاب کنید . 



دکمه های CTRL+ENTER را فشار دهید و ار کار خود لذت ببرید .

نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد