Веб-анимация и Flash. Анимированный логотип

Логотип является одним из важнейших атрибутов формирующих имидж компании. По логотипу мы можем безошибочно определить компанию, ее продукцию или предоставляемые услуги, другую полезную информацию. Следовательно логотип должен занимать в клипе место соответствующее своему статусу.

Создание логотипа

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

Создание логотипа относится к одной из самых сложных дизайнерских задач. Ниже приведены правила, которыми следует руководствоваться тем кто впервые сталкивается с этой задачей.

Основные виды логотипов

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

Выделим основные способы работы по созданию логотипа.

А теперь рассмотрим пример создания логотипа для строительной компании Комплекс СК-2001.

Если внимательно посмотреть на словосочетание СК-2001, то можно увидеть что-то похожее на мастерок. Возьмем этот фактор за основу в создании логотипа и совместим в нем графические элементы и название компании.

Создадим новый документ logo. С помощью инструмента Карандаш и Линия нарисуем буквы СК. С помощью инструментов Сглаживание и Выпрямление придадим им вид изображенный на рисунке.

Логотип

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

С помощью инструмента Текст напишем название фирмы.

Логотип

Варианты логотипа

Варианты логотипа

Для создания анимации данного логотипа воспользуемся приемом "Мерцающий текст".

Для этого комбинацией клавиш <Ctrl>+<B> преобразуем текст "омплекс" в заливку. Выделим СК и "омплекс" и вырежем их нажатием <Ctrl>+<X>. Вставим его в новый слой текст, выбрав в меню Редактирование ->Вставить на месте.

Создадим анимацию Движение как показано на рисунке.

Панель логотипа СК2001

На первом и последнем ключевых кадрах изменим тон и размер рисунка.

Протестируем ролик.

В окне веб-браузера это будет выглядеть ТАК.

Рассмотрим еще один пример, где логотип не будет менять своих собственных свойств и эффективно появится в клипе. Это будет эффективно, когда мы создаем заставку для сайта.

Создадаим новый документ.

Нарисуем еще один образец логотипа для строительной компании Комплекс СК-2001.

логотип компании Комплекс СК-2001

Создадаим новый слой шапка и расположим его под слоем логотип.

Нарисуем с помощью инструмента Прямоугольник прямоугольник без контуров. Выделим его и на панели Цвет выберем тип заливки Радиальный. Прямоугольник представляет голубое небо и имитирует восход. Добьемся этого с помощью Инструмент преобразования градиента Инструмента преобразования градиента.

шапка заставки

С помощью клавиши F8 преобразуем рисунок в символ типа Графика. Выделим логотип и в меню Изменить выберем пункт Группировать.

Далее создадим анимацию Движение, как показано на рисунке.

Панель Tineline заставки

На слое шапка, рисунок на первом ключеом кадре сожмем с помощью инстремента Маштаб до минимальных размеров. На втором ключевом кадре, рисунок примет начальный размер.

На слое логотип, первый ключевой кадр создадим на 10 фрейме и зададим с помощью свойства Цвет на панели Свойства, параметр Альфа равный 0. Сам логотип расположим в самом низу шапки.

На втором ключевом кадре (30 фрейм) переместим логотип в самый верх шапки. На третьем ключевом кадре переместим логотип на середину шапки и зададим параметр Альфа равным 100.

На последнем кадре установим скрипт stop().

Протестируем ролик.

В окне веб-браузера это будет выглядеть ТАК.

назадвверхвперед
Rambler's Top100