Lesson flash

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

Основное отличие Flash от остальных графических редакторов при работе с текстом, заключается в том, что есть два разных состояния текста. Текст сам по себе, т.е. просто текстовый блок, всегда доступный для редактирования, ра-боты с языком сценариев (ActionScript) и имеющий ограниченные возможности для визуального оформления - изменение размера, цвета и наклона. И второе состояние текста, в котором по сути дела мы имеем отношение не с самим тек-стом, а с его графическим представлением - "разбитый текст".

Посмотрим, чем нас может порадовать Flash и как применить к тексту уже полученные знания.

Текст с границами, или очерчивание букв. Напишите Ваше имя, используя размер кегля более 50-ти с включенным режимом Bold, черного цвета. Разо-бьем текст Modify / Break Apart [Ctrl+B]. Выберем инструмент Ink Bottle [Ctrl+I]. Установим цвет, например красный и толщину линий 2. Выделим текст, если он до сих пор не выделен и применим к нему чернильницу. Текст приобрел границу. Удалив сами буквы, вы можете оставить только их очерта-ние, полученное в результате использования Ink Bottle.

Интересный эффект получится, если разбить границу и применить Ink Bottle еще раз, но другого цвета. После разбивки границ Вы можете применить к ним градиентную заливку.

Очень популярен эффект "хромирования" текста. После того как Вы напи-сали текст и разбили его, возьмите карандаш (того же цвета) и нарисуйте вол-нистую линию вдоль текста. Выделите верхнею часть текста и закрасьте ее гра-диентной заливкой, при необходимости измените направление градиента - на вертикальное. Проделайте то самое с нижней частью текста. Возьмите инстру-мент Arrow и двойным щелчком выделите нарисованную ранее линию. Удалите ее. Перед Вами хромированный текст, полученный путем разбивания текста и эффекта сегментирования.

А, какие еще варианты можно придумать при работе с текстом? Присы-лайте Ваши примеры.

После того, как Вы научились вдыхать душу в свои рисунки, анимирую их, используя трансформацию движения - Motion Tweening, настала пора научить-ся замечательному чуду - Shape tweening (трансформация фигуры).

Что же такое Shape tweening? - "Легким движением руки, брюки превра-щаются... превращаются брюки...". Вот этим мы сейчас и займемся :-) Нет, я не имел в виду, что мы станем сейчас немножечко шить. Таки совсем нет! Мы научимся преобразовывать одну фигуру в другую. Несомненно, Вы не раз ви-дели подобные эффекты в интернет. Морфинг объектов замечательная вещь, если применять ее в разумных пределах. Как уже стало традицией, не будем за-ниматься тратой времени, а возьмем в руки верную мышь, пахнущую порохом после былых сражений, и приступим. Прежде чем, что-то начать нужно знать, что нам предстоит делать. На этот раз, мы займемся волшебной геометрией. Превратим треугольник в квадрат, а его в свою очередь в круг и завершим чу-деса возвращением треугольника. В первом кадре нарисуйте инструментом Line [L] треугольник. Создайте пустой ключевой кадр (например 20) Insert / Blank keyframe [F7]. Нарисуйте в нем инструментом Rectangle [R] квадрат без заливки. Вновь, создайте пустой ключевой кадр (например 40) Insert / Blank keyframe [F7]. Нарисуйте в нем инструментом Oval [O] круг, тоже без заливки. Создайте еще один пустой ключевой кадр (например 60) Insert / Blank keyframe [F7]. И нарисуйте в нем последнею фигуру - треугольник. Теперь начинается самое интересное! Осталось немного поворожить и показать изумленным гла-зам своих домашних, Ваше новоиспеченное чудо. Дважды щелкнем левой кнопкой многострадальной мышки на первом кадре Timeline. Откроется окно Frame Properties (параметры кадра).

Выберем уже знакомую нам закладку Tweening. В выпадающем меню tweening, выбираем Shape (фигура). Кроме знакомой вам по прошлому выпуску шкалы Easing (ускорение), появится пункт Blend type (тип преобразования) с двумя параметрами: Distributive - для плавных линий и Angular - для более же-сткого преобразования. Выберем второе значение. Нажмем ОК. На Timeline появится стрелка к следующему ключевому кадру, на этот раз на зеленоватом фоне, символизирующем анимацию Shape tweening. Повторите пункты с зада-нием параметров трансформации для каждого следующего ключевого кадра (кроме последнего). Экспериментируя с разными значениями Blend type и Easing. В результате у Вас получиться мультик, показывающий превращение одной фигуры, в другую.

Если применить морфинг к фигурам с разным цветом, то во время транс-формации будет происходить изменение цвета. Следует заметить, что подоб-ным образом можно трансформировать только объекты рабочего уровня (чи-тайте об этом в предыдущих выпусках). Маленькая хитрость: в том случае, ес-ли Вам необходимо преобразовать один объект наложенного уровня в другой, то их необходимо предварительно разбить и при необходимости разгруппиро-вать.

Домашние задание: Проиллюстрируйте пословицу - "Делать из мухи - сло-на".

Уверен, что это не вызовет у Вас затруднения.