Создаем эмблему для тренажерного зала в ретро стиле

Сегодня одним из явных трендов в создании эмблем является использование стиля ретро. И это не удивительно, потому что это — супер круто!) Просмотрев примеры винтажных эмблемок с круговой основой можно продумать механизм создания своей собственной, чем мы сегодня и займемся. Базовую структуру мы создадим, используя Illustrator, а затем придадим ей конечный винтажный вид при помощи Photoshop.

Лого будем рисовать для несуществующего тренажерного зала Powerhouse Gym (хотя, я не удивлюсь, если где-то такой уже существует). Эмблема будет сочетать множество типичных для такой ретро-винтажной направленности элементов, включая различные окантовки, кольца разной толщины и окраса и другие детали по типу звездочек и точек. Текст и слоган будут идти по окружности эмблемы, в то время как пиктограмму со штангой нужно поместить прямо по центру, чтобы, притягивая взгляд зрителя, она вполне однозначно говорила о тематической принадлежности логотипа.

1 Шаг

Большое количество примеров ретро-лого и эмблем можно найти по этой ссылке. Поймав необходимый уровень вдохновения, нужно не откладывая приступать к работе. Так что открываем Adobe Illustrator и растягиваем на новом документе большой черный круг. Далее копируем его (Ctrl + C) и вставляем поверх оригинала (Ctrl + F), немного уменьшив дубль в размерах и задав ему обвод белого цвета. Получиться у вас должно нечто, показанное на рисунке ниже.

2 Шаг

Нажмите Ctrl + F чтобы вставить еще один кружок, уменьшите его и смените цвет на белый. Затем вставьте поверх него еще один, уменьшите его чуть более, чтобы у вас в итоге получилось одно относительно широкое кольцо.

3 Шаг

Теперь вставьте еще несколько кружков и подгоните их размеры так, чтобы получились еще два тонких белых обвода внутри и снаружи белого кольца.

4 Шаг

Следующий кружок поместите так, чтобы его окружность шла точно по средней линии белого кольца. Затем измените параметры контура кружка на следующие: Weight — 4pt, Round Cap, Bevel Join, Dashed Line, Dash — 0pt, Gap — 17pt. Для настройки параметра Gap можно использовать стрелки на клавиатуре — так регулировать положение точек станет гораздо нагляднее.

5 Шаг

Теперь где-нибудь на отдельном свободном месте документа нарисуйте серию полосок — дисков для гантели при помощи Rounded Rectangle Tool. Расположите каждую полоску на одинаковом расстоянии друг от друга.

6 Шаг

При помощи Rectangle Tool нарисуйте ручку, затем скопируйте и переверните набор дисков в виде полосок и доделайте эту простенькую пиктограмму для гантели.

7 Шаг

Далее смените заливку всех деталей, которые составляют гантель на белую, сгруппируйте их вместе и поместите эту иконку в центр лого.

8 Шаг

Скопируйте и вставьте один из кружков логотипа, отмените ему заливку и контур. Далее из меню Text Tool выберите инструмент Type on Path и кликните по вашему бесцветному кругу.

9 Шаг

Введите надпись “Powerhouse Gym” и подберите для нее подходящий шрифт. Шрифты типа Slab-Serif (брусковые шрифты) обычно имеют некий стержень и определенную мужественность в своем начертании, поэтому я использовал Boton для своей надписи.

10 Шаг

Чтобы не возиться с подстройкой трекинга между буквами, откройте Type > Type on a Path > Type on a Path Options и подкорректируйте Spacing оттуда.

11 Шаг

При помощи Direct Selection Tool аккуратно подкорректируйте небольшую ручку для выравнивания текста по центру. Если нужно — используйте направляющие для того, чтобы увериться в том, что надпись начинается и заканчивается на одном и том же уровне.

12 Шаг

Скопируйте и вставьте круговой текст, заменив слова на “Reach your potential”. Используйте ручку для перемещения текста на внешнюю сторону дуги и нижнюю часть лого.

13 Шаг

В настройках текста Type on a Path выставьте параметр Align to Path равным Ascender. Затем выполните другие корректировки по размерам, чтобы быть уверенными в том, что текст отлично смотрится по центру черного кольца.

14 Шаг

Пара звездочек отлично заполнят пустые пространства между двумя строчками с текстом. Сначала нанесите одну, задайте ей нужные размеры и поместите на свое место. Затем скопируйте ее и передвиньте дубль по горизонтали, удерживая при этом клавишу Shift.

15 Шаг

Что ж, векторная версия нашего логотипа завершена. Инструментарий Illustrator позволяет легко и быстро создавать общую структуру логотипа, оставляя все при этом легко масштабируемым и редактируемым.

16 Шаг

Предлагаю завершить эмблему и задать ей несколько эффектных текстур в Photoshop. Конечно же, мы могли бы импортировать текстуру в Illustrator и умудриться ее там обработать, но такого результата, как при работе в Photoshop вам все равно не добиться.

17 Шаг

Вставьте логотип из Illustrator во временный документ Photoshop и приведите его к нужным размерам.

18 Шаг

При помощи очень удобных и практически незаменимых кисточек Subtle Grunge Brushes нанесите несколько гранджевых пятен белого цвета на слой поверх логотипа.

19 Шаг

Здесь выполните Ctrl + клик по слою с лого для создания выделения по нему, затем нажмите Ctrl + Shift + I для инвертирования выделения и удалите попавшие в него остатки гранджевых пятен.

20 Шаг

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

Мы советуем gruppo396.ru - кровати детские раздвижные купить подростковые кровати.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта www.blog.spoongraphics.co.uk, автор перевода указан в начале урока.