Часть 2. Создание собственного логотипа в After Effects при помощи шаблона

Аватар пользователя overload

Создание собственного логотипа в Adobe After Effects с помощью шаблона

Повторюсь, что использование шаблонов - самый простой путь сделать собственный титр, заставку или сюжет посложнее: фотоальбом, например.
Зачастую, сделав собственный фильм, нам хочется завершить его эффектным титром: "Сварганено Студией Васи Пупкина", например. Или, напротив, начать фильм не простеньким текстовым титром, а зашибательской въезжающе-улетающей заставкой в стиле "Матрицы" или "Трансформеров": "VasyaPupkin Studio представляет...".
Достаточное количество шаблонов, выпускаемых, например, фирмой VideoHive, даёт возможность создать логотип на любой вкус, цвет и стиль вашего фильма.
Сейчас мы рассмотрим один из способов создания такой заставки-логотипа. Вот - пример:




Наша задача - заменить слово "Envato" в этой заставке и рисуночек лепестка в ней на свои. Ну, и подписать собственный е-майл внизу.
Если мы найдём этот проект (он называется "Videohive Atomic Fire Light Logo") и проверим папку с его исходниками, то мы обнаружим, что слово Envato в этом проекте выполнено не как текст, а - рисунком с прозрачностью:


Важно: я специально сделал этому слову тени, так как оно выполнено как надпись белого цвета и на белом фоне форума оно просто не будет видно.
Логотип в проекте выполнен в виде файла векторного изображения с расширением .AI (с такими форматами обычно работают в программе Adobe Illustrator). Однако, поскольку After Effects - это тоже софт от фирмы Adobe, он прекрасно понимает файлы .AI. Впрочем, можно и не заморачиваться с векторным изображением, а сделать логотип в любом формате, поддерживающем альфа-канал (прозрачность): например, в .PSD (это - штатный файл Фотошопа) или в .PNG - Portable Network Graphic, тоже поддерживает прозрачность).
Хотя у меня тут нет задачи объяснять, как в Фотошопе сделать файл .PNG с надписью на прозрачном фоне, всё же, наверное, краткий курс по изготовлению такого логотипа придётся дать. Лично я сделал собственный логотип для данного примера вот таким способом.
1. Открыл в Фотошопе оригинал логотипа, взятый прямо из папки проекта:



2. Выбрал ластик и стёр слово Envato, а на его месте напечатал простым шрифтом свой текст:



3. Добавил внутреннюю и внешнюю тени надписи и для красоты присобачил прямо на лепесток картинку с изображением видеокамеры:



4. Сохранил способом File-Save As... (Сохранить как...) картинку в формате .PNG. Название сохраняемого файла может быть любым. Главное - не забыть, куда мы его сохранили.

Теперь открываем сам проект. В папке этого проекта есть аж два варианта: обычный, называется LIGHT STREAKS и второй, с допиской в названии: LIGHT STREAKS-PRERENDERED. Если вы хотите менять не только логотип, но и частицы, звёздочки-лучики, то открывать нужно обычный проект. Следует помнить, что все эти звёздочки-лучики не всегда делаются штатными средствами After Effects, а сторонними плагинами (например, Trapcode Particular или Optical Flares), которых в вашем компьютере может и не оказаться. Поскольку мы тут задались целью изменить только логотип, то откроем второй вариант, уже предпросчитанный (prerendered). В этом варианте проекта все красивости выполнены не плагинами эффектов, а в виде готовых футажей с альфа-каналом в формате .mov, Поэтому работа с таким проектом будет несравнимо легче - плагины типа Particular требуют весьма серьёзное количество ресурсов машины.



Поскольку у нас уже готов наш собственный логотип, то наша задача, в общем-то, проста: заменить существующий логотип на наш. Способов для этого существует несколько. Самый простой - Replace Footage (грубый и очень вольный перевод: разместить вместо этого элемента какой-то другой). Находим в папках проекта этот логотип. Здесь он называется Envato Network.ai:



Если щёлкнуть по названию этого файла правой кнопкой мыши, то выскочит всплывающее меню. Нам нужно в этом меню найти следующие строчки: Replace Footage - File:



Если выбрать этот пункт, то откроется Проводник. В этом проводнике мы ищем файл логотипа, который незадолго до этого сделали в Фотошопе и нажимаем на него. В результате файл в проекте поменяется: был Envato, стал - наш:



Логотип встал на место, однако он неправильно масштабирован. Это может случиться, если логотип, который мы сделали, отличается по пропорциям от оригинала. Это не страшно, логотип мы подмасштабируем до нужных пропорций. Для этого на таймлайне внизу выбираем слой с логотипом и ищем параметр Transform, а в нём - Scale:

У параметра Scale обращаем внимание на значок "звено цепочки" (на скриншоте это звено отмечено стрелочкой). Если это звено есть, то при изменении одного параметра scale (например, высоты, вторая цыфирка), ширина рисунка будет тоже изменяться, пропорционально. А нам надо уменьшить только высоту, оставив ширину нетронутой. Чтобы так сделать, мы снимаем это звено, щёлкнув по нему. Теперь мы можем изменить только высоту логотипа:



Изменяем высоту логотипа сообразно нашему проекту. Впрочем, в ряде случаев этого делать не придётся - если размер логотипа полностью соответствует размеру и пропорциям оригинала.
Nеперь - находим текстовый слой с интернет-адресом (здесь он - самый верхний в проекте).

Как мы видим, наш логотип получился несколько больше оригинала и немного перекрывает собой этот текстовый слой. Не страшно, мы этот слой сейчас опустим немного вниз. Раскрываем этот слой, нажав на треугольничек рядом с названием слоя и ищем параметр Position:



В этой строчке справа - жёлтые цифры: первая - позиция по горизонтали, вторая - по вертикали. меняем позицию по вертикали и опускаем текст немного ниже. Всё, теперь он встал на место. Осталось этот текст заменить на свой. Два раза быстро щёлкаем по буковке Т слева от названия текстового слоя. Слой выделится. Теперь можно напечатать свой текст вместо того, что был:



Проверяем получившийся проект, двигая курсор по таймлайну. Если нас всё устраивает, осталось отправить наш проект в модуль вывода в файл командой Composition-Add To Render Queue:



Выводим проект в файл с теми же настройками, которые я описывал в первой части. Если логотип делаем с прозрачностью (с альфа-каналом), то выбираем в выводном модуле: QuickTime, RGB+Alpha. Если просто как видеофайл, то можно AVI или MPEG-2 и - просто RGB, в этом случае файл будет без прозрачности, но - меньшего размера.
И - смотрим, что получилось:

 

 

Комментарии

Аватар пользователя AleksandrovichOS

Где скачать бесплатную версию

Все конечно занимательно и круто. Но хотелось бы уточнить, а бесплатная программа ли это? Такое ПО должно по идее дорого стоить. И еще вопрос, сколько времени займет создание такого логотипа? Заранее спасибо!
Аватар пользователя overload

Adobe

Конечно, она не бесплатная и весьма дорогая.

На оффсайте Adobe можно скачать триальную 30-дневную ознакомительную версию.

А создание этого логотипа у меня заняло 15-20 минут. Причём из них я 5 минут искал подходящую картинку с видеокамерой. И минуты полторы компьютер просчитывал финальный результат.

Гораздо дольше будете шаблоны подходящие выискивать.

Аватар пользователя madlen

Быстро и легко создать логотип

Можно быстро и просто создать любой логотип. Главное правельно подобрать программу нужную, и чтобы была к ней поэтапная инструкция. Вот только язык русский есть?
Аватар пользователя overload

Есть локализация

Русская локализация у адобовцев есть, но не во всех сборках.

Я бы рекомендовал работать на английских версиях - меньше глюков.

В Инете - куча обучающих Адобу сайтов, на которых расписаны все последовательности нужных команд как на русском, так и - дублировано - на английском.

 

Аватар пользователя ermvik

логотип

Adobe After Effects интересная программа. Я обычно в фотошопе делал, но с этой программой по моему получается намного лучше.
Аватар пользователя aske

Не знал что так легко можно

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

Аватар пользователя нет имени

проблема(

"Videohive Atomic Fire Light Logo" не получается найти его. не могли бы Вы скинуть ссылку, откуда его скачать?

Добавить комментарий

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
CAPTCHA
Этот вопрос задается для того, чтобы выяснить, являетесь ли Вы человеком или представляете из себя автоматическую спам-рассылку.
16 + 4 =
Решите эту простую математическую задачу и введите результат. Например, для 1+3, введите 4.