УРОК СОЗДАНИЯ ЭФФЕКТНОЙ КНОПКИ С СЮРПРИЗОМ В SOTHINK SWF QUICKER.

Среда, 11 Октября 2017 г. 22:37 + в цитатник

Цитата сообщения Cadmii

Прочитать целиком В свой цитатник или сообщество!

Урок создания эффектной кнопки с сюрпризом в 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-Татьяна.

А здесь, еще немного пофантазировав, я сделала для Вас сюрприз.

Итак, жмите на кнопочку!

Надеюсь Вам понравилось!

Серия сообщений "= Уроки флеш анимации":
Часть 1 - *** ДЕЛАЕМ ПЛЕЕРЫ В ПРОГРАММЕ Aleo Flash MP3 Player Builder (MP3-конвертор) ***
Часть 2 - УРОК. ДЕЛАЕМ КЛИКАБЕЛЬНЫЕ ФЛЕШ КНОПКИ В ПРОГРАММЕ SOTHINK SWF QUICKER.
...
Часть 6 - FLASH INTRO BANNER MAKER V3.8 РУСИФИЦИРОВАННАЯ
Часть 7 - ВИДЕО УРОК - ЭФФЕКТ СНЕГА В SOTHINK SWF EASY
Часть 8 - УРОК СОЗДАНИЯ ЭФФЕКТНОЙ КНОПКИ С СЮРПРИЗОМ В SOTHINK SWF QUICKER.
Часть 9 - СЛАЙД-ШОУ В ALEO FLASH INTRO BANNER MAKER ВСТРОЕННЫМ ЭФФЕКТОМ..)
Часть 10 - ДЕЛАЕМ ЗАГОТОВКУ ДЛЯ ФЛЕШ-КАЛЕНДАРИКА В ADOBE FLASH CS6..)!ПЕРЕПОСТ!
Часть 11 - УКРАШЕНИЕ РАБОТ"РАНДОМНЫМ"ЭФФЕКТОМ В ADOBE FLASH.
Часть 12 - ИСПОЛЬЗОВАНИЕ АНИМИРОВАННОЙ МАСКИ В ADOBE FLASH

<a href="https://www.liveinternet.ru/users/olga_streltsova/post422962518/">РЈР РћРљ РЎРћР—Р”РђРќРРЇ РР¤Р¤Р•РљРўРќРћР™ РљРќРћРџРљР РЎ РЎР®Р РџР РР—РћРњ Р’ SOTHINK SWF QUICKER.</a><br/>РЈСЂРѕРє СЃРѕР·РґР°РЅРёСЏ СЌС„С„РµРєС‚РЅРѕР№ РєРЅРѕРїРєРё СЃ СЃСЋСЂРїСЂРёР·РѕРј РІ Sothink SWF Quicker.

РЈСЂРѕРє :РЎРґРµР»Р°С‚СЊ СЌС„С„РµРєС‚РЅСѓСЋ РєРЅРѕРїРєСѓ СЃ СЃСЋСЂРїСЂРёР·РѕРј
		
			
			
			
			
			
			
			Р’ СЌС‚РѕРј СѓСЂРѕРєРµ Р’С‹ РЅР°СѓС‡РёС‚РµСЃСЊ РґРµР»Р°С‚СЊ РІРѕС‚ С‚Р°РєСѓСЋ, РёР»Рё СЃРѕРІСЃРµРј РґСЂСѓРіСѓСЋ, Рё С‚РѕР¶Рµ СЌС„С„РµРєС‚РЅСѓСЋ РєРЅРѕРїРєСѓ СЃ СЃСЋСЂРїСЂРёР·РѕРј. РЈСЂРѕРє РЅРµ СЃР»РѕР¶РЅС‹Р№, РЅРѕ С‚СЂРµР±СѓРµС‚ РЅРµРјРЅРѕРіРѕ РІРЅРёРјР°С‚РµР»СЊРЅРѕСЃС‚Рё. Рђ РµСЃР»Рё Р’С‹ РїСЂРёРІР»РµС‡РµС‚Рµ РµС‘ РІРµР»РёС‡РµСЃС‚РІРѕ РњСѓР·Сѓ, С‚Рѕ РїРѕСЂР°РґСѓРµС‚Рµ Р’Р°С€РёС… РґСЂСѓР·РµР№ СѓРЅРёРєР°Р»СЊРЅРѕР№ РєРЅРѕРїРєРѕР№ Рё Р’Р°С€ СЃСЋСЂРїСЂРёР· Р±СѓРґРµС‚ РїРѕ РґРѕСЃС‚РѕРёРЅСЃС‚РІСѓ РѕС†РµРЅРµРЅ РїРѕР»СѓС‡Р°С‚РµР»РµРј.
			
			РќР° СЌС‚РѕР№ РєР°СЂС‚РёРЅРєРµ РЅР°СЂРёСЃРѕРІР°РЅС‹ Р’Р°С€Рё С€Р°РіРё РґР»СЏ СЃРѕР·РґР°РЅРёСЏ РєРЅРѕРїРєРё.
			
				&nbsp;
			
				РћРЅР° СѓРІРµР»РёС‡РёРІР°РµС‚СЃСЏ РїРѕ РєР»РёРєСѓ.
			
				
		... <a href="https://www.liveinternet.ru/users/olga_streltsova/post422962518/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

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

-Рубрики

-Цитатник

-Фотоальбом

-Метки

-Музыка

-Друзья

-Сообщества

УРОК СОЗДАНИЯ ЭФФЕКТНОЙ КНОПКИ С СЮРПРИЗОМ В SOTHINK SWF QUICKER.

Урок :Сделать эффектную кнопку с сюрпризом