Vectorboom
Советы / Инструменты / Comments: 4

Создаем хипстерский логотип инструментами от Astute Graphics

Ярослав Лазунов
19.11.2014

Сегодня мы научимся создавать динамический Hipster логотип, используя VectorScribe, InkScribe, Rasterino и символы. Используя полученные знания, вы с легкостью создадите коллекцию логотипов, имея всего один шаблон.

Шаг 1

Нарисуем форму бейджа. Для этих целей мы будем использовать Dynamic Shapes Tool (VectorScribe плагин ). Создадим Dynamic Shapes с заливкой коричневого цвета и установим параметры в панели Dynamic Shapes, показанные на рисунке ниже.

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

Шаг 2

Копируем полученный объект и вставляем его вперед (Cmd/Ctrl + C; Cmd/Ctrl + F). Отключаем у нового объекта заливку и включаем обводку белого цвета. Выбираем Dynamic Circle и устанавливаем новые параметры, показанные на рисунке ниже, в панели Dynamic Shapes.

Выбираем опцию Dashed Line в панели Stroke.

Шаг 3

Копируем последнюю Dynamic Shape, затем вставляем его вперед. Уменьшим диаметр окружности в панели Dynamic Shapes, затем увеличим толщину обводки и отключим опцию Dashed Line в панели Stroke.

Шаг 4

Атрибутами любого Hipster logo являются надписи, такие как имя, год и так далее. Создадим новую окружность и при помощи Type on a Path Tool напечатаем вдоль нее слово HIPSTER. Здесь я использовал Brothers font.

Теперь при помощи Type Tool напечатаем “LOGO” и “2014”. В этом случае я использовал Futura Bold font.

Шаг 5

На Hipster logo обычно изображают символы, такие как усы, молнию, звезду и так далее. Давайте нарисуем усы. Для создания подобной формы я использую InkScribe Tool (InkScribe плагин), который является более удобным и универсальным инструментом, чем старый добрый Pen Tool. Посмотрите гиф анимацию, чтобы убедиться, как быстро он справляется с формой одного уса.

Теперь создадим копию этой формы при помощи Reflect Tool (O)

Шаг 6

Я создал еще несколько символов, ими я смогу заменять усы в дальнейшем. Для создания символа шестеренки, я, конечно, использовал Dynamic Shapes Tool.

Выделим поочередно все созданные символы и сохраним их в панели Symbols.

Шаг 7

В качестве фона для логотипа я использовал Creased paper background с Shutterstock. Вставим это изображение в текущий документ (File > Place…). Как вы можете видеть, растровое изображение выходит за пределы раббочей области.

Давайте его обрежем прямо в Adobe Illustrator. Сделать это просто, если вы используете плагин Rasterino. Выделяем фон, затем нажимаем на кнопку Embed в панели Control. Берем Crop Image Tool, который находится в одной группе с ластиком в панели Tools. Создадим площадь кадрирования и нажмем на клавишу Enter.

Шаг 8

Выделим и сгруппируем все объекты белого цвета. Выделяем коричневую форму и группу с белыми объектами. Теперь нажимаем на Make Mask или выбираем Make Opacity Mask во всплывающем меню панели Transparency.

Отключим опцию Clip и включим Invert Mask в панели.

Не смотря на применение Opacity Mask, все объекты логотипа остаются динамическими. Мы можем изменить форму бейджа, используя панель Dynamic Shapes; отредактировать текст при помощи Type Tool (T); и заменить символы, используя функцию команду Replace Symbol в панели Symbols.

Цель урока достигнуты – мы получили динамический Hipster logo!

Всего комментариев: 4
0
1  
Ярослав, можете рассказать как делать gif анимацию например как в этой статье http://ru.vectorboom.com/Tutorials/Hipsterlogo/07.gif

0
2  
Уже рассказывал http://ru.vectorboom.com/load....1-0-321

0
3  
Помогите! Не могу найти Dynamic Shapes Tool на сайте VectorScribe

0
4  
Dynamic Shapes это один из инструментов (панель) плагина VectorScribe

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.