Направете своята безплатна регистрация и се възползвайте от пълните възможности, които предлага iTSchool

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

Две снимки в една

Две снимки в една




1. Настройте документ(Ctrl+J) с размери 420х320 и 24 frames.

2. Сменете името на слоя на image frame.

3. Направете правоъгълник в някакъв цвят(без border) и направете следните настройки:



4. Направете още един правоъгълник с друг цвят и други размери :



5. Изберете вторият направен правоъгълник и му задайте размери:



6. Изберете пак същия правоъгълник и настройте в Align Panel-Точка 3 и така той ще застане върху първият правоъгълник.

7. Цъкнете някъде другаде с мишката ,за да deselect-нете правоъгълника,след това пак го изберете и натиснете Delete:



Изберете си две снимки с размери 400х300 и от File > Import > Import to Library изберете двете снимки.

8. Създайте слой с име image 1 и го сложете под image frame:



9. От Library придърпайте снимката към листа и настройте в Align Panel-Точка 3:



10. Създайте нов слой между другите два и го наречете image 2 .

11. Придърпайте снимка 2 пак в документа и направете настройките в Align panel-a.

12. Заключете всички слоеве.


13. Създайте слой между image 2 u image frame наречен mask:



14. Създайте правоъгълник с размери 400х300 и трябва да го нагласите така :



15. Този правоъгилник го направете Movie Clip (F8) и instance name u го наречете imageMask.

16. Заключете този слой и дясно копче и Masc:



17. Направете слой actions,трябва да е най-отгоре.Заключ.

19. На първият frame ,в Actions Напишете:

[color=blue]speed = 14;
imageMask.onEnterFrame = function() {
if ((this._width + this._x) < _xmouse) {
if (this._width + this._x >= _xmouse - 0.8) {
this._x = _xmouse - this._width;
} else {
this._x += (_xmouse - (this._width + this._x)) / speed;
}
} else if ((this._width+this._x) > _xmouse) {
if ((this._width + this._x) <= _xmouse + 0.8) {
this._x = _xmouse - this._width;
} else {
this._x -= ((this._width + this._x) - _xmouse) / speed;
}
} else {
this._x = _xmouse - this._width;
}
};

Краен резултат

Превод : tuger
Източник : www.Lukamaras.com

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




Урокът е добавен от: Красимир!

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

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