• Авторизация


Использование масок во flash 13-10-2010 15:59 к комментариям - к полной версии - понравилось!


Простенький урок-просто показывающий как сие делать. А уж куда и как это использовать, решаем сами:-)
Напоминаю,- учимся мы в программе Sothink SWF Quicker. Это первый пост с уроком по этой программе, там же и ссылки на ее скачку.

Открываем программу. Работать будем прямо на сцене, чтоб не усложнять:-)
Для начала подберем картинку, на вкус и цвет естественно:-) Я взял небольшую картинку, но вы можете выбрать любую.
Импортируем ее в библиотеку:
[228x198]
[270x330]


Как видите, эта картинка появилась у нас в списке library (справа снизу):
[204x154]

Удерживая левую кнопку мыши,- перетаскиваем картинку на сцену. Сразу подгоним размер нашей сцены под размер картинки. Кликните по картинке мышью, справа отобразятся размеры нашей картинки:
[233x212]

Запомнили эти значения. Теперь кликаем по самой сцене и проставляем ей размер такой же,как у картинки:
[400x314]

Сцена наша изменилась в размере, теперь разместим нашу картинку ровно по белому окошку сцены.Кликаем по картинке мышью и удерживая кнопку перестаскиваем в нужное положение, для более точной подгонки используем кнопки со стрелками на клавиатуре.

Подготовка закончилась. Сразу встанем на 60-ый кадр слоя с нашей картинкой и нажмем f5 на клавиатуре (или правой кнопкой мыши по кадру,пункт insert frame). Получится так:
[396x32]

Создадим новый слой:
 (159x179, 6Kb)

Встанем на первый кадр нового слоя:
[217x68]

Теперь нарисуем на сцене какую-либо фигуру. Овал,круг,прямоугольник-это не важно, все на ваше усмотрение. Я выбрал квадрат. Если не помните,-инструмент "прямоугольник" тут:
[62x271]

Нарисовали, расположим нашу фигуру в левом верхнем углу ( это только сейчас, в дальнейшем вы можете поставить ее куда захотите). Получится так:
 (200x192, 13Kb)

Теперь анимируем наш квадрат. Для этого встанем на 15 кадр второго слоя, нажмем f6 (или правой кнопкой мыши- insert keyframe). Кликнем по квадрату и передвинем его в верхний правый угол.
[219x219]


Теперь кликнем правой кнопкой мыши на слое с квадратом на любом кадре между 1-ым и 15-ым, выберем пункт create motion twenn:
[219x151]

Повторим эту процедуру до 60 кадра. Т. встанем на тридцатый, передвинем куда-нибудь квадрат, сделаем create motion twenn. Потом на 45 кадр, потом на 60.

Маска
Теперь кликаем правой кнопкой мыши по слою с квадратом и выбираем mask:
 (187x164, 11Kb)

Далее кликаем по первому слою, с картинкой, правой кнопкой мыши и выбираем masked:
[172x205]

Вот и все, жмем превью и смотрим, что у нас получилось:-) Должно быть примерно так:




Второй способ

Наверно более интересный. Начинаем все так же, только не прибавляем 60 кадров и не делаем анимацию квадрата. Т.е. два слоя (с картинкой и квадратом) и у каждого слоя всего по одному кадру. Сразу делаем по уроку пункт Маска.
Затем создаем третий слой, в окошке action вписываем код:
[290x109]

qwe.onPress=function()
{
this.startDrag(true);
};
qwe.onRelease=function()
{
this.stopDrag();
};

Теперь вернемся к нашему нарисованному квадрату. Кликнем по нему правой кнопкой мышки и выберем пункт Convert to simbol, movie clip:
[208x236]
[296x256]

На всякий случай кликнем по квадрату мышкой и в панеле properties дадим ему имя qwe:
[221x64]

Вот и все, жмем превью. Теперь наш квадратик двигается мышью в любом направлении:




Всем удачи:-)
вверх^ к полной версии понравилось! в evernote
Комментарии (32): вперёд»
Я СТАЛА СКАЧИВАТЬ, А У МЕНЯ ЯНДЕКС БАР ЗАКАЧАЛСЯ. И НЕ ТАК КАЧАЛСЯ КАК НАДО. НЕ ПРОСИЛ КУДА ЕГО ПОСТАВИТЬ.
REMEUR 13-10-2010-16:35 удалить
Спасибо попробую!
полынька 13-10-2010-16:49 удалить
Спасибо большое, для такого профана как я,который даже плеер не может себе в днев вставить, это бесценно. Благодарю.
Н_НИНА 13-10-2010-18:42 удалить
спасибо за урок, стоит поучиться
love_amor 14-10-2010-01:02 удалить
Вот это вещь)))) Супер! Сейчас придумаю что-нибудь)))
Legionary, сделала Пасиб за урок)))
Правда,без нервов не обошлось))Злилась на себя,на тебя,на прогу)))Хех))Ведь так и есть,-усё забыла)))Даже забыла,как сохранять..И потом по первому уроку посмотрела..Чет не нашла у себя такого..Хм)Сохранила,но по-другому))Я тока не вспомню,как можно в комменте показать то,что сделала... Похвастаться хотела...
redakt0r 14-10-2010-15:19 удалить
Большое спасибо, я как раз книжки не сдал в библиотеку, а так прочёл и вспомнил!!!!
Kapitoshka_N 16-10-2010-14:00 удалить
Legionary, спасибо за очередной урок))) Утащила себе!!! Всё-таки когда-нибудь сяду за учёбу))) Отличного отдыха, Лёш)))
спасибо за ваши уроки, все очень доступно и понятно
Niema 15-02-2012-13:39 удалить
Подскажите, пожалуйста, какой скрипт нужно прописать в "Действие", чтобы просто перетащить объект с одного места на другой. Есть фоновая картинка, есть объект, нужно только одно действие - перетащить.
Niema 15-02-2012-13:48 удалить
Ответ на комментарий Niema # Всё, разобралась) Спасибо за урок!
Спасибо большое вам за уроки.
talialka 01-05-2012-15:52 удалить
спасибо большое за урок,всё получилось(конечно не с первого раза)-помучилась,как говорится:"через тернии к звёздам"
[600x494]
muaddibar 31-10-2012-12:09 удалить
Получилось! 3 часа пыхтел, все классно! Большущее спасибо!!!
ОГО КЛАДОВАЯ УРОКОВ!! Буду цитировать!
Большое спасибо!
koreckolga 08-01-2013-12:22 удалить
Алексей, спасибо!!!!!!!!!!!!!!!!


Комментарии (32): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Использование масок во flash | Legionary - Legionblog | Лента друзей Legionary / Полная версия Добавить в друзья Страницы: раньше»