Урок создания эффектной кнопки с сюрпризом в Sothink SWF Quicker.
Урок :Сделать эффектную кнопку с сюрпризом
В этом уроке Вы научитесь делать вот такую, или совсем другую, и тоже эффектную кнопку с сюрпризом. Урок не сложный, но требует немного внимательности. А если Вы привлечете её величество Музу, то порадуете Ваших друзей уникальной кнопкой и Ваш сюрприз будет по достоинству оценен получателем.
На этой картинке нарисованы Ваши шаги для создания кнопки.
Она увеличивается по клику.
А здесь я Вам расскажу подробности.
Открываем программу и из представленных шаблонов выбираем «Пустой документ».
Открывается вид рабочей среды. Находим окошко, где указываем размер будущей флеш и кол-во кадров (стандарт 12).
Примечание: Для того чтобы сохранился оригинальный цвет картинки, в параметрах публикации снимаем флажок «сжать ролик», а качество картинки Jpeg указываем 100%.
В первую очередь, стоя еще на первом (1-м) слое в первом (1-м) кадре, импортируем картинку в библиотеку, если она не содержит в себе эффектов (формат PNG, Jpeg).
Если же картинка в формате Gif, то Вам надо просто импортировать (а НЕ импортировать в библиотеку) картинку Gif. То же самое относится и к Футажу , Клипу…. Соглашаетесь с выпавшим предложением о том, что длина кадров будет отредактирована.
Слой с картинкой можно удалить, т.к. он не будет нужен в дальнейшем, но предварительно создав новый слой и назвав его «Кнопки».
После того как картинка импортирована переходим к основной цели данного урока.
Становимся на 1 слой 1-го кадра основной сцены и из панели управления программой выбираем функцию «Вставка» , а из предложенного меню выбираем «Кнопка».
Открывается режим рабочей среды на котором есть всего лишь один слой с кадрами:
1-"UP" (первый кадр) – стартовый вид кнопки.
2-"OVER" (второй) – вид и цвет кнопки при наведении на нее курсора.
3-"DOWN" (третий) – вид и цвет при нажатии на кнопку.
4-"HIT" (четвертый) - рабочая область кнопки.
Выбираем в панели управления символ круга или прямоугольника (обычно слева).
1) Находясь на 1-м слое в 1-м "UP" кадре рисуем первую фигуру круга или прямоугольника (растягиваем символ). Подбираем цвет и размер.
2) Переходим на 2-й кадр "OVER" и правой кнопкой мыши из выпавшего меню выбираем вставить пустой ключевой кадр-это важно ("insert blank keyframe")! Рисуем новый круг или прямоугольник, подбираем цвет и размер.
3) Переходим на 3-й кадр "DOWN" и выбираем вставить пустой ключевой кадр-это важно("insert blank keyframe")! Вновь рисуем новый круг или прямоугольник, подбираем цвет и размер.
4) Переходим на 4-й кадр "HIT" и завершая оформление кнопки жмем F6.
На этом этапе рисование кнопки завершено!
Возвращаемся на основную сцену (туда где будет флеш) и созданный символ (кнопка) переносим из библиотеки в рабочее поле флеш.
Теперь можно тестировать созданную флеш (кнопку) нажав на зеленый треугольник воспроизведения. Кнопка меняет цвет и вид при нажатии.
Вам приятно и мне приятно. Результат достигнут. Поздравляю!
Ну а теперь начинаем фантазировать и включаем позитивные эмоции!
Нажимаем на кнопку курсором мышки и видим, что она выделилась синей рамкой. Это важный момент! Выбираем редактировать кнопку-символ. Нас возвращает на сцену, где мы рисовали фигуры. Переименовываем слой и даем имя «Кнопки».
Создаем еще 3 (Три) дополнительных слоя поверх первого и называем их Текст1, Текст2 . Картинка.
1) В 1-м "UP" кадре 2-го слоя инструментом текст (из панели управления выбираем функцию «Т» (текст) вписываем вопрос, который хотим задать. Указываем размер, цвет и вид шрифта. Переходим на второй кадр.
2) Во 2-м "OVER" кадре 2-го слоя выбираем из меню управления программой или правой кнопкой мыши «Вставить пустой ключевой кадр». И вновь пишем текст (на Ваше усмотрение).
3) Переходим на 3-й слой и становимся на 3-й кадр "DOWN". Выбираем «Вставить пустой ключевой кадр». Опять инструментом текст вписываем нужное.
И заканчивая оформление кнопки придаем изюминку для флеш.
4)Становимся на 4-й слой во 2-й кадр "DOWN" и из библиотеки перетягиваем импортированную туда картинку. Располагаем её в нужном месте.
Пока картинка выделена синей обводкой её надо преобразовать в символ видеоролика –Это ВАЖНО! - (мувиклип- правой кнопкой мыши или из панели управления программой,обычно внизу справа в колонке под размером и кол-вом кадров, выбираем «преобразовать»).
Из окна панели управления программой (обычно вверху), выбираем «Создать стильный эффект» и подбираем нужный.
Ну вот и всё.
Вы создали кнопку с изюминкой
.
Таким образом, проделывая все повторно, но уже на 2-м слое основной сцены, Вы можете создать и расположить совершенно другие кнопки и картинки, которые также будут открываться при наведении на кнопку и нажатие кнопки.
Желаю Всем неограниченной фантазии и творческих успехов!
Ваша Cadmii-Татьяна.
А здесь, еще немного пофантазировав, я сделала для Вас сюрприз.
