Хотите создать себе сайт в Кратчайшие сроки, но абсолютно не знаете как это делается?

Специально для Вас был создан обучающий курс по современному конструктору сайтов - Joomla!

80 видеоуроков + уникальная система обучения на практике = результат.

Новинка! Хотите Узнать о Потрясающем и Эффективным Методе Изучения Фотошопа, Не Посещая Курсы, Не Читая Самоучители?!

15 Часов Практических Уроков Записанных с Экрана Монитора с Подробными Аудио-Комментариями сделают из Вас настоящего Фотошоп-мастера!

Подробнее.. - https://disc.photoshop-master.ru/mgraphics

Macromedia Flash

Интерактивная иконка на флэше

Условия перепечатки материалов
Статью можно обсудить на форуме!

Рейтинг статьи: 1010101010
Проголосовал 1 человек.
Оцените статью:

Интерактивная иконка на флэше.

В этом уроке вы научитесь создавать интерактивные иконки, которые можно использовать в любом сайте на флэше

Шаг 1

Создайте новый документ (Ctrl+J ) 200x150px. В Document Properties поставьте Frame rate 32.

Шаг 2

Нарисуйте какую-нибудь иконку (пример см.ниже)

Интерактивная иконка на флэше

Шаг 3

Используя Text Tool (T), напишите подпись (например - "flash icon")

Интерактивная иконка на флэше

Шаг 4

Выберите иконку и текст (Ctrl+A) и нажмите F8 (или тыкните Modify > Convert to Symbol), чтобы сделать конвертировать иконку и текст в movie clip symbol.

Интерактивная иконка на флэше

Шаг 5

Можете использовать фильтры, если хотите сделать более привлекательную иконку.

Интерактивная иконка на флэше

Шаг 6

Выберите иконку.

В Properties Inspector (еще называется Properties panel, под сценой), в левой части. Там вы можете назвать мувик.

Интерактивная иконка на флэше

Шаг 7

Кликните два раза на мувике с Selection tool (V) или выберите правой кнопкой и правьте там

Интерактивная иконка на флэше

Сейчас вы должны быть внутри мувиклипа.

Интерактивная иконка на флэше

Шаг 8

Выберите только текст ("flash icon"), жмите Ctrl+X (Cut), Создайте новый слой(layer2), Кликните на втором кадре и жмите Ctrl+Shift+V (Paste in Place). После этого заблокируйте layer2 (text layer). Выберите layer 1 и жми F8 (Convert to Symbol), чтобы сконвертировать только иконку (без текста) в Movie Clip.

Интерактивная иконка на флэше

Шаг 9

Выберите 10 кадр и жмите F6. Теперь, используя мышку или клаву подвиньте иконку немного вверх.

Шаг 10

Иконка должна быть выбрана. Перейдите в Property inspector. Справа вы увидите Color menu. Выберите цвет и поставьте там 43%.

Интерактивная иконка на флэше

Шаг 11

Кликните правой кнопкой в любом месте между ключевыми кадрами на  timeline и выберите Create Motion Tween из появившейся менюшки.

Интерактивная иконка на флэше

Шаг 12

Залочьте layer 1, выберите layer 2, кликните на 10 кадре и жмите F6. Далее выберите Selection Tool (V), и двиньте "текст" под "иконку". См. картинку ниже.

Интерактивная иконка на флэше

Шаг 13

Кликните правой кнопкой в любом месте между ключевыми кадрами на  timeline и выберите Create Motion Tween из появившейся менюшки.

Интерактивная иконка на флэше

Шаг 14

Кликните на 10 кадре, откройте Action Script Panel (F9), и пишите это: stop();

Шаг 15

Возьмите Selection Tool (V), и используя метод "drag and drop" , передвиньте layer 2 под layer 1.

Шаг 16

Вернитесь к главной сцене (Scene1), вставьте новый слой, назовите Invisible Button, выберите его создайте Invisible Button поверх иконки. См. картинку ниже.

Интерактивная иконка на флэше

Интерактивная иконка на флэше

Шаг 17

Выберите Invisible Button, откройте Action Script Panel (F9), и вставьте текст:

on (rollOver) {
_root.mouse_over_icon = true;
}

on (rollOut) {
_root.mouse_over_icon = fstartlse;
}

on (release){
getURL("https://www.toxiclab.org/", "blank");
}

Шаг 18

Создайте новый слой и назовите его AS. Кликните на первом кадре и  откройте Action Script Panel (F9), вставьте следующий скрипт:

_root.icon.onEnterFrame = function() {
if (mouse_over_icon) {
_root.icon.nextFrame();
} else {
_root.icon.prevFrame();
}
};

Перевод сделан MGRaphics.RU

Источник: www.toxiclab.org

Разместил: Vadim Yermolin
Опубликовано: 27.02.2007
Статья "Macromedia Flash - Интерактивная иконка на флэше" прочтена 7356 раз.

Оставьте ваше мнение о статье

Имя:
E-mail:
Сайт:
3 + 8 = (цифры, напр-р, 6 + 5 = 11)
Комментарий:

Последние новости
Последние темы на форуме
Хостинг от 17 руб, скидки +10%, бесплатные домены - https://detalk.ru/index.php?showtopic=7480
Ключи к антивирусу Касперского - https://detalk.ru/index.php?showtopic=6396
Лучшие Фильмы 2009-2010[hd Dvd]! - https://detalk.ru/index.php?showtopic=7583
Играем в ассоциации - https://detalk.ru/index.php?showtopic=1331
Хостинг от Fairyhosting.com - https://detalk.ru/index.php?showtopic=7636 Сервис по поиску музыки и аудиозаписей vMuke.Ru - https://detalk.ru/index.php?showtopic=7850
Наклейки для Illustrator - https://detalk.ru/index.php?showtopic=7844
Adobe Photoshop Corel Draw 3d Flash Графика Продвижение сайтов - https://www.siteprojects.ru/

Яндекс.Метрика