Преглед на урок

"Маска" на снимка - Flash

"Маска" на снимка - Flash




В този урок ще ви покажа, как да си направите така наречената "маска" на снимка. Урокът е интересен и полезен, стига да разберете как се прави точно.

Да започваме:

Първо ви давам снимката, която използвах за този урок. Ако желаете, можете да използвате и нея.



1. Отворете нов документ. Нагласете Document Properties както е показано:



2. Сега създайте още 2 Layer-а в Timeline. Озаглавете ги, какво е показано на картинката:



3. Сега да поставим снимката, която искаме. Това става по начина, който е показан на следващата картинка:



4. Превърнете тази снимка в символ (F8). Нагласете, както е показано:



5. Уверете се, че Properties на Movie Clip-a са ето така:



6. Сега идва ред на нашата "маска". Тя представлява едно най-обикновено кръгче, или някаква друга геометрична фигура, която фактически ще ни открива частите на снимката. Обърнете внимание!!! Кръгчето, което ще нарисуваме сега е ВЪЗМОЖНО да се появява от долната страна на снимката. Така че, ако това е така, трябва да преместите малко снимката, и тогава да превърнете кръгчето в Символ. За това ще обясня по-подробно в следващата стъпка!



7. Сега превърнете кръгчето в Символ. Натискаме го 2 пъти, и след това F8 (Modify > Convert to Symbol). Настройте, както е показано на картинката:



8. Уверете се, че настройките долу са точно така, както е показано!



9. След всички блъсканици по кръгчето (фигурата), трябва да сте получили ето това, ако сте работили вярно:



10. Сега в Layer "ActionScript" натиснете F9. Чрез функцията Copy > Paste, въведете следния скрипт:

masked_mc.setMask("myMask_mc");
myMask_mc.startDrag(true);

11. За по-голяма сигурност, съм въвел и картинка:



12. Това е и последната стъпка. Вече сме готови, нашата "маска" е готова! Сега дайте Ctrl + Enter, и се насладете на крайния резултат.

А ето какво се получи при мен. Ако сте работили вярно, ще получите същия резултат:

[html]
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="350" height="350" title="studio-bg.com">
<param name="movie" value="http://itschool.bg/application/uploads/tutorials/img/f/my_mask/my_mask.swf" />
<param name="quality" value="high" />
<embed src="http://itschool.bg/application/uploads/tutorials/img/f/my_mask/my_mask.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="350" height="350"></embed>
</object>[/html]

Източник: [link]http://tutorialoutpost.com[/link]

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: bubsss

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.