Выбираем flash-программу
Почему-то всем, кажется, что для веб-дизайна продукт от Макромедиа просто не заменим. Так ли это? Совершенно нет. В последнее время появилось много небольших программ, с помощью которых можно создавать удобные меню, кнопки, баннеры и даже сложносоставные сайты!
Примером таких программ можно привести Alligator Flash Designer 5. Эта небольшая программа, конечно, не обладает всеми свойствами монстра от Макромедиа, но отлично справляются со всеми необходимыми веб-дизайнеру задачами.
Рассмотрим несколько программ работающих с flash и отвечали следующим параметрам: объем дистрибутива не превышает 5 Мб; возможность создания баннера, меню навигации и странички в целом.
Я отобрал следующие программы: Alligator Flash Designer 5, Toon Boom Studio V2 Express, SWiSH v2.01 и CoffeeCup Flash Firestarter. Все эти программы не превышают 5 Мб, кроме Toon Boom Studio V2 Express -16,2 Мб. В этот обзор я ее взял, так как она была под рукой и хотелось сравнить ее с другими программами.
Итак, начнем обзор.
Первой и возьмем Toon Boom Studio V2 Express. Кратко охарактеризовать можно ее как одну из мощнейших программ для создания анимации. Создание мультфильма происходит в двух режимах: в сценарном и в режиме рисования. Работа во втором режиме напоминает работу реальных художников мультипликаторов. Рисуя с помощью кисти, полилиний или геометрических фигур как на кальке, вы видите полупрозрачное изображение в предыдущем слое. Набор инструментов для рисования не очень велик, но достаточен для выполнения всех самых распространенных операций: рисование от руки, вырезание частей изображения, создание векторных фигур.
Возможности и ограничения
Создавать ролики можно, импортируя наработки в такие форматы, как SWF, AI, PSD, JPEG, TGA и GIF. А чтобы мультфильм получился действительно динамичным и захватывающим, в него можно добавить саундтреки WAV, AIFF или MP3 и синхронизировать их с изображением. К сожалению, в версии Express отсутствует интересный и полезный инструмент, привязывающий движения губ рисованных персонажей к звуковой дорожке. Возможности данной версии также ограничены 1000 фреймами, чего, впрочем, более чем достаточно для создания баннеров, заставок или даже коротких мультфильмов.
Дальше идет SWiSH
Программа для создания флэш-анимации объединяет в себе профессиональные качества Macromedia Flash MX и других подобных продуктов с возможностями применять к сценам готовые эффекты и интерактивные действия. Освоение программы занимает немного времени. Тем, кто уже работал в подобных программных продуктах, будут знакомы окно Timeline, наборы инструментов для рисования и браузер объектов. Готовых эффектов у программы насчитывается более 150. Тут и различного рода трансформации изображения, эффекты движения, размытие, и все это можно применить как к одному, так и к группе объектов. Готовые ролики экспортируются в формат SWF.
Теперь взглянем на CoffeeCup Flash Firestarter.
«Если вы не брались за создание флэш-анимации по той лишь причине, что это когда-то было сложным процессом, самое время изменить свое мнение и потратить час на освоение программы CoffeeCup Firestarter. Теперь ваши возможности ограничены лишь фантазией». Так рекламируют сей продукт его создатели.
Программа и впрямь удивительна, поэтому поговорим подробнее:
Новый проект.
После запуска программы вам будет предложено выбрать размер и задать свойства будущего ролика. Здесь принципиальными являются лишь свойства прозрачности и цвета фона. Лучше установить первое как 100% (это будет означать, что ваш ролик не прозрачен), а второе как цвет страницы, на которой ролик будет опубликован. Остальные свойства принципиально важными не являются и могут изменяться для каждого элемента в отдельности.
Элементы.
После того как вы задали основные свойства, в документ можно добавлять различные элементы. Сделать это очень просто - достаточно щелкнуть правой клавишей мыши по полю ролика и выбрать необходимое. После этого для элемента можно устанавливать различные свойства, перемещать его по листу и задавать его местоположение на временной линейке внизу экрана. Если вы хотите, чтобы элемент появился на экране по прошествии какого-то времени после начала ролика, вам следует, используя кнопку с изображением кусочка кинопленки, добавить на временную линейку свободное пространство. Чтобы в некоторый момент времени убрать изображение элемента из документа, также следует воспользоваться ею.
Эффекты.
Все анимационные возможности Flash в Firestarter собраны в пункте контекстного меню "Add Effect". После его выбора открывается окно, в котором предлагается указать разновидность анимации. После этого становится доступным предварительный просмотр вводимых для элемента эффектов. Задав таким образом все изменения, которые будут происходить с элементами документа, можно сохранить ролик в формате Flash и получить код для включения его в HTML-страницу, нажав кнопку "View HTML" в правой верхней части окна программы.
Также программа дает возможность создать баннеры различного размера, которые уже вложены по умолчанию, остается только выбрать. Множество эффектов разнообразят ваши кнопки.
И, напоследок, программа Alligator Flash Designer
Эта программа специально заточена под Web. В ней есть шаблоны всего, что может понадобится для создания сайтов: кнопки, баннеры, прелоадеры, формы отправки почты, часы и многое другое. Уже при запуске программа спросит вас, чего вы изволите? По умолчанию можно выбрать чистый лист (по умолчанию 400*300 точек) слайд-шоу, интро для сайта или шаблоны. Кстати, шаблоны вы можете делать и свои.
Полученные вами проекты можно сохранить либо в виде SWF, либо в виде HTML, что удобно если вы хотите просто выложить для всеобщего обозрения свое творение, а может дать возможность кому-либо его скачать.
Отдельно рассмотрим Flash Image Builder
Утилита для конвертирования GIF, JPG, PNG и AVI-файлов в формат SWF. Также можно создать слайд-шоу из статичных изображений. В ролики можно добавить защиту от копирования и внедрить гипертекстовую ссылку. На выходе получается flash и HTML-файл, код которого можно легко вставить в страницу. Однако есть существенный недостаток - весь звук отрезается и полученный от AVI SWF-файл увеличивается в 5-7 раз.
На этом обзор заканчивается. Все возможности данных программ в одной статье не опишешь, поэтому лучше самому попробовать их в действии. Я лично для себя выбрал Alligator Flash Designer 5, так как он проще в обращении. Да и в плане создания SWF ничем не хуже других. Впрочем и не Flash MX тоже. Короче решать вам.
Защита flash работ от кражи Предположим, вы сделали баннер, небольшую игру или ещё что-то на заказ, и пришло время показать это заказчику. В наше время, мне кажется, вы будете опасаться того, что заказчик, получив работу, но не заплатив за неё, просто заберёт её себе (конечно, если это не ваш хороший знакомый, но предположим, что сотрудничаете вы удалённо).
Естественно, нужно себя как-то обезопасить. Самый простой способ - поверх всех слоёв создать ещё один с небольшой надписью в углу "не оплачено". Рассмотрим способ, при котором заказчик сможет полностью оценить баннер без этой надписи, но воровать работу не будет смысла, так как на следующий день баннер перестанет работать.
Для этого нужны базовые знания actionscript 2.0. Существует класс Date, при помощи которого мы можем узнать текущее время на машине пользователя. Сначала нужно создать обьект этого класса:
var time:Date=new Date();
Теперь мы можем получать дату таким способом:
time.getHours() - возвращает часы
time.getMinutes() - минуты
time.getSeconds() - секунды
time.getDate() - число
time.getMonth() - месяц
time.getYear() - год
То есть, вы можете сделать проверку по дате, и, если она будет больше, чем вы отвели заказчику на просмотр, с баннером будет твориться что-нибудь неладное
При этом важно помнить, что отсчёт ведётся е с нуля, а с единицы. То есть, январь - 0 месяц, декабрь - 11. Аналогично с числами, часами, минутами и секундами.
Допустим, сегодня 10 марта, вам нужно отправить баннер заказчику на утверждение, вы хотите, чтобы завтра баннер перестал работать. Для этого в первом кадре повесьте скрипт:
var time:Date=new Date(); // конструктор класса
if (time.getDate()>9 & time.getMonth()>3) { // проверка даты.
// Если месяц больше 3 (март, отсчёт с нуля) и число больше 10, то выполнится stop();
stop(); // и ролик остановится на первом кадре
}
То есть, в принципе заказчик может использовать баннер на своём сайте, но на завтрашний день пользователи увидят только первый кадр, который можно просто оставить пустым =)
Ещё один довольно интересный приём. Код тот же, но вместо
stop();
набираем вот что:
import TextFormat; // импорт класса
this.createTextField("pole",100,0,0,450,70);// создаём текстовое поле.
//100-глубина, 0,0-координаты по х и у, 450-ширина, 70-высота
pole.text = "не оплачено"; // то, что будет отображаться в этом текстовом поле
pole.textColor = 0xFF0000; // Задаем цвет шрифта
var format:TextFormat = new TextFormat(); // Создаем новый стиль
format.size = 60; // Задаем размер шрифта
pole.setTextFormat(format); // применяем стиль к полю
Теперь на следующий день на баннере появится огромная красная надпись "не оплачено". Вы можете изменить размер, цвет и координаты текста по вашему усмотрению.
Естественно, это одни из самых простых фишек, включайте фантазию