Skip to content
RussianEnglish
Оживим Ваш веб-сайт при помощи FLASH

Web-страницы перестали быть статичными уже довольно давно. Однако по-настоящему они ожили с появлением Flash-анимации. Причем, вопреки распространенному заблуждению, создать Flash-ролик не так уж сложно.

Если вы хотите придать своему Web-сайту некоторую экстравагантность и динамизм, то HTML и Java-Script вряд ли смогут вам помочь. А вот пакет создания Web-анимации Flash 5 компании Macromedia - именно то, что нужно. Flash 5 имеет функциональные возможности, способные удовлетворить любого профессионала. В то же время очень многое в ней можно сделать, не написав ни единой строчки кода. Симпатичные мультипликационные персонажи, динамические эффекты, вращающиеся логотипы, сложные пользовательские интерфейсы - все это доступно тому, кто познакомится с Flash 5. Более того, Flash поможет вам не только вдохнуть жизнь в домашнюю страничку, но и сделать ее по-настоящему интерактивной. Посетитель вашего Web-сайта больше не будет пассивно сидеть перед компьютером, он сможет сам вмешиваться в происходящее на экране действо.

Можно создать, например, музыкальные кнопки, которые не только ведут посетителя по Web-сайту, но и приветливо попискивают при контакте с указателем мыши. Можно предложить компактные игры вроде Тетриса. А если создаваемая Flash-программа достаточно сложна и интерактивна (скажем, это online-магазин или трехмерная игра), можно воспользоваться языком программирования Actionscript.

Компактно и доступно
Огромный успех Flash в Internet связан с двумя основными факторами. Во-первых, Flash ориентирован на работу с векторной графикой, причем изображения в нем можно не только создавать, но и импортировать их из графических редакторов Freehand, Fireworks, Corel Draw! или Adobe Illustrator. Характерная для векторной графики компактность очень важна для Internet, ведь она прямо влияет на время загрузки страниц.

Второй фактор, способствовавший успеху Flash, - это независимость от типа платформы и операционной системы. Если при создании HTML-файлов приходится учитывать особенности различных браузеров, то с Flash-файлами все куда проще. Безразлично, в какой системе создана и с помощью какого браузера просматривается ролик - изображение повсюду выглядит совершенно одинаково. Более того, в современных версиях браузеров поддержка Flash-анимации встроена изначально.

Приведенные ниже примеры создания Flash-роликов составлены таким образом, чтобы вы могли обучиться принципам работы с Flash 5. Одновременно вы сможете составить первое впечатление о возможностях этого пакета.

Как заставить мышку бегать
В первом примере этого практикума мы заставим графический объект перемещаться по экрану. Во Flash этот метод анимации объекта называется Motion Tweening. Все, что от вас требуется при применении этой техники, - задать по одному ключевому изображению для начального и конечного состояния временной линейки, а Flash автоматически рассчитает все промежуточные ключевые изображения.

Объект анимации можно взять из библиотеки, а можно создать самостоятельно как средствами Flash, так и во внешнем редакторе. Причем он не обязательно должен быть векторным. Импорт растровых и векторных изображений осуществляется с помощью команды File| Import; размещаются они в библиотеке символов (Window|Library). В нашем примере в качестве подвижного объекта будет использовано взятое из общей библиотеки Flash изображение мышки, которая должна будет ожить и пробежать через весь экран.

Запустите Flash 5 и последовательностью команд Modify (Модифицировать) и Movie (Фильм) откройте диалоговое окно Movie Properties (Свойства фильма). В окне свойств укажите ширину и высоту рабочего поля (можно оставить параметры по умолчанию - 550 и 400). Соответствующий фон для ролика можно просто выбрать из цветовой палитры, щелкнув по пиктограмме фона.

Пометьте первое изображение во временной линейке и откройте библиотеку графики, воспользовавшись командами Window|Common Libraries|Graphics. Выберите символ Mouse и, нажав клавишу мыши, перетащите экземпляр символа на рабочую поверхность. В результате вы получите первое ключевое изображение и зададите начальную точку своей анимации.

В целом вся анимация должна состоять из десяти отдельных изображений. Щелкните на десятом изображении во временной линейке этого же самого слоя. Теперь с помощью команд Insert|Keyframe вставьте второе ключевое изображение. Мышка из первого ключевого изображения автоматически скопируется во второе. Затем переместите вашу мышку в любое другое место рабочего поля.

Теперь нужно показать движение объекта - для этого используется операция Tweening. Снова пометьте первое изображение на временной шкале и вызовите окно Frame с помощью команд Window|Panels|Frame. Откройте вкладку Frame и под записью Tweening выберите строку Motion. После этого Flash самостоятельно рассчитает отсутствующие промежуточные изображения и создаст соответствующие кадры на временной шкале, отметив их фиолетовым цветом.

Теперь можно посмотреть ваш первый Flash-фильм, используя для этого команды Control|Test Movie. Вы увидите ролик в таком виде, в каком он будет представлен в браузере.


 

Authorization






Lost Password?

News Export

Stats

Rambler's Top100
Рейтинг каталога сайтов Хмельницкого региона
Rambler's Top100