-Всегда под рукой

 -Метки

 -Поиск по дневнику

Поиск сообщений в Legionary

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.05.2009
Записей:
Комментариев:
Написано: 27469


Использование масок во flash

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

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


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

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

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

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

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

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

Встанем на первый кадр нового слоя:
 (217x68, 6Kb)

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

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

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


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

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

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

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

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




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

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

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

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

На всякий случай кликнем по квадрату мышкой и в панеле properties дадим ему имя qwe:
 (221x64, 6Kb)

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




Всем удачи:-)
Рубрики:  Уроки по flash
Метки:  

Процитировано 158 раз
Понравилось: 29 пользователям

С-ве-тик   обратиться по имени Среда, 13 Октября 2010 г. 16:31 (ссылка)
Спасибочки!!!:mms_kiss:
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Среда, 13 Октября 2010 г. 16:33 (ссылка)
Я СТАЛА СКАЧИВАТЬ, А У МЕНЯ ЯНДЕКС БАР ЗАКАЧАЛСЯ. И НЕ ТАК КАЧАЛСЯ КАК НАДО. НЕ ПРОСИЛ КУДА ЕГО ПОСТАВИТЬ.
Ответить С цитатой В цитатник
REMEUR   обратиться по имени Среда, 13 Октября 2010 г. 16:35 (ссылка)
Спасибо попробую!
Ответить С цитатой В цитатник
полынька   обратиться по имени Среда, 13 Октября 2010 г. 16:49 (ссылка)
Спасибо большое, для такого профана как я,который даже плеер не может себе в днев вставить, это бесценно. Благодарю.
Ответить С цитатой В цитатник
Inmira   обратиться по имени Среда, 13 Октября 2010 г. 17:03 (ссылка)
Сипасиб)))
Ответить С цитатой В цитатник
Н_НИНА   обратиться по имени Среда, 13 Октября 2010 г. 18:42 (ссылка)
спасибо за урок, стоит поучиться
Ответить С цитатой В цитатник
ЭМИЛЛИ   обратиться по имени Среда, 13 Октября 2010 г. 19:31 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
love_amor   обратиться по имени Четверг, 14 Октября 2010 г. 01:02 (ссылка)
Вот это вещь)))) Супер! Сейчас придумаю что-нибудь)))
Ответить С цитатой В цитатник
galinaiv   обратиться по имени Четверг, 14 Октября 2010 г. 01:59 (ссылка)
Спасибо!:mms_ok:
Ответить С цитатой В цитатник
Леди_Муррр   обратиться по имени Четверг, 14 Октября 2010 г. 14:45 (ссылка)
Legionary, сделала Пасиб за урок)))
Правда,без нервов не обошлось))Злилась на себя,на тебя,на прогу)))Хех))Ведь так и есть,-усё забыла)))Даже забыла,как сохранять..И потом по первому уроку посмотрела..Чет не нашла у себя такого..Хм)Сохранила,но по-другому))Я тока не вспомню,как можно в комменте показать то,что сделала... Похвастаться хотела...
Ответить С цитатой В цитатник
redakt0r   обратиться по имени Четверг, 14 Октября 2010 г. 15:19 (ссылка)
Большое спасибо, я как раз книжки не сдал в библиотеку, а так прочёл и вспомнил!!!!
Ответить С цитатой В цитатник
татьяна_татуревич   обратиться по имени Четверг, 14 Октября 2010 г. 19:14 (ссылка)
Ответить С цитатой В цитатник
Kapitoshka_N   обратиться по имени Суббота, 16 Октября 2010 г. 14:00 (ссылка)
Legionary, спасибо за очередной урок))) Утащила себе!!! Всё-таки когда-нибудь сяду за учёбу))) Отличного отдыха, Лёш)))
Ответить С цитатой В цитатник
Ирина-Ирочка   обратиться по имени Суббота, 23 Октября 2010 г. 21:55 (ссылка)
спасибо за ваши уроки, все очень доступно и понятно
Ответить С цитатой В цитатник
в_поисках_любви   обратиться по имени Среда, 20 Апреля 2011 г. 12:59 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
NikaLive   обратиться по имени Вторник, 11 Октября 2011 г. 20:21 (ссылка)
СПАСИБО !!!
Ответить С цитатой В цитатник
musjusik   обратиться по имени Пятница, 28 Октября 2011 г. 17:25 (ссылка)
Спасибки)
Ответить С цитатой В цитатник
Та_ещё_штучка_Я   обратиться по имени Понедельник, 28 Ноября 2011 г. 03:29 (ссылка)
Спасибушки за урок!



Ответить С цитатой В цитатник
Niema   обратиться по имени Среда, 15 Февраля 2012 г. 13:39 (ссылка)
Подскажите, пожалуйста, какой скрипт нужно прописать в "Действие", чтобы просто перетащить объект с одного места на другой. Есть фоновая картинка, есть объект, нужно только одно действие - перетащить.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 15 Февраля 2012 г. 13:48ссылка
Всё, разобралась) Спасибо за урок!
Лида_Юринец   обратиться по имени Пятница, 24 Февраля 2012 г. 16:37 (ссылка)
.
пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ (450x90, 27Kb)
Ответить С цитатой В цитатник
Ларочка_мечтательница   обратиться по имени Понедельник, 26 Марта 2012 г. 12:45 (ссылка)
Спасибо большое вам за уроки.
Ответить С цитатой В цитатник
talialka   обратиться по имени Вторник, 01 Мая 2012 г. 15:52 (ссылка)
спасибо большое за урок,всё получилось(конечно не с первого раза)-помучилась,как говорится:"через тернии к звёздам"
roze (600x494, 65Kb)
Ответить С цитатой В цитатник
ЛИДА_ЕГОРОВА   обратиться по имени Воскресенье, 27 Мая 2012 г. 13:19 (ссылка)
Спасибо за уроки!!!
Ответить С цитатой В цитатник
FaithMona   обратиться по имени Пятница, 26 Октября 2012 г. 23:18 (ссылка)
1 (500x465, 435Kb)
Ответить С цитатой В цитатник
muaddibar   обратиться по имени Среда, 31 Октября 2012 г. 12:09 (ссылка)
Получилось! 3 часа пыхтел, все классно! Большущее спасибо!!!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Среда, 21 Ноября 2012 г. 14:50 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
кудесница69   обратиться по имени Пятница, 28 Декабря 2012 г. 19:09 (ссылка)
ОГО КЛАДОВАЯ УРОКОВ!! Буду цитировать!
Большое спасибо!
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Вторник, 08 Января 2013 г. 12:22 (ссылка)
Алексей, спасибо!!!!!!!!!!!!!!!!
Ответить С цитатой В цитатник
alinotok90   обратиться по имени Понедельник, 24 Июня 2013 г. 13:30 (ссылка)
Спасибо! Учусь.
Ответить С цитатой В цитатник
lana_2010   обратиться по имени Sothink SWF Quicker Воскресенье, 12 Января 2014 г. 23:48 (ссылка)
Добрый вечер,Лёша! У меня не получаются в программе плееры и рисовать тоже.
В комментариях нашла про f5 и f6,
что можно заменить f5 ( либо правой кнопкой мыши, пункт "insert frame")
f6 ( либо правой кнопкой мыши, пункт "insert key frame")
В любом случае сразу видно последний кадр и музыка не включается,
но при наведении курсора на файл видно руку.
Когда нажимаю на компьютере f6,то появляется пятый слой и результат прежний.
Вот сделала скришот
//img-fotki.yandex.ru/get/9155/84362005.114/0_a5163_de19b81c_XL.png
Переустанавливала два раза, в чём причина не пойму.
Сижу днями и пытаюся выполнить хоть какой-нибудь урок, так хочется научиться...
Вот только из своей анимации делаю флеш и иду в Aleo Flash,чтобы вставить музыку.
Может дело в программе? Установку делала по уроку.
Сегодня скачала ещё раз по ссылке и установила,ключей не просила.
Просто установилась, но результатов нет.
Помогите пожалуйста разобраться!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку