Леттеринг логотип – подробнейший гайд по созданию лого в рукописном стиле

Логотип - это самая важная часть имиджа бренда.

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

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

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

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

Логотип - это самая важная часть имиджа бренда.

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

Этот шрифт не был разработан как логотип - он был разработан для поддержки общего тона бренда в качестве вспомогательной типографики.

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

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

Используя свой собственный процесс создания логотипа Letter Shoppe, я проведу вас через все этапы создания фирменного стиля с помощью леттеринг письма.

Это будет включать в себя все - от понимания психологии шрифта до оцифровки ваших работ.

Леттеринг шрифт - лучший способ, если вы хотите, чтобы ваш брендинг выделялся.

Шаг 1: Узнайте смысл бренда

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

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

Самый мощный инструмент, которым располагает графический дизайнер при создании логотипа, - это типографика.

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

Это поможет вам решить, какая типографика лучше всего подходит для дизайна вашего логотипа.

Поймите, что означает типографика и как ее использовать, чтобы вызвать эмоциональную реакцию.

Понимание чувств, стоящих за типографикой

Serif (засечки)

Засечка - это небольшая линия, росчерк или украшение, отходящее от основного штриха буквы.

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

Психология шрифта: Традиционный, профессиональный, элегантный, сильный и универсальный.

Sans Serif

Шрифты без засечек не имеют маленьких выступающих элементов, называемых "засечками", на конце штрихов.

Термин происходит от французского слова sans (без).

Психология шрифта: Сбалансированный, Современный, Чистый, Простой и Корпоративный.

Slab Serif

Slab Serif или египетские шрифты по своей простоте напоминают sans serif, но включают коробчатые засечки на конце каждой буквы.

Психология шрифта: Авторитетный, тяжелый, антикварный, дружелюбный и американский.

Script

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

Психология шрифта: Классический, романтический, приветливый, теплый и мягкий.

Blackletter

Шрифт Blackletter отличается сложными штрихами от толстого к тонкому и засечками, а также длинными вихрями, поднимающимися от диагональных засечек.

Психология шрифта: Маскулинный, жесткий, исторический, драматический и холодный.

Sign Painter

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

Психология шрифта: Винтаж, Мастерство, Художественный, Игривый и Доступный.

Раскройте символизм, стоящий за компанией

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

Сильный логотип не просто красивая картинка, он наполнен символизмом, как явным, так и скрытым.

Чтобы помочь понять символизм, стоящий за брендом, сосредоточьтесь на своем послании, написав десять слов, которые иллюстрируют ключевые преимущества бизнеса.

Этими словами могут быть чувства, прилагательные, предметы или временные периоды.

Вот мои 10 слов: 1. Художественный 2. Ценный 3. Смелый 4. Естественный 5. Теплый 6. Классический 7. Простой 8. Уверенный 9. Ручная работа 10. Приветливый.

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

Например, я нарисовал слово "brave" высоким шрифтом с засечками и штриховым солнечным лучом, идущим навстречу.

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

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

Вдохновение и визуальное исследование

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

Создавая свою доску Pinterest я склоняюсь к винтажному стилю шрифта.

Я советую вам создать свою собственную доску настроения, состоящую как минимум из 20 изображений, чтобы помочь сформировать свой стиль для бренда.

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

Время перерыва!

Теперь настало время сделать перерыв на 1 день, чтобы ваши идеи действительно стали реальностью.

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

Шаг 2: Экспериментируйте в процессе создания эскизов

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

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

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

Обычно я делаю от 10 до 20 эскизов, чтобы получить полное представление обо всех возможных дизайнерских решениях.

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

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

Смешивайте прописные и строчные буквы, соединяйте знаки, играйте с разными размерами, а главное - получайте удовольствие!

Время перерыва!

Итак, время для очередного перерыва.

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

Пересмотрите свои большие пальцы и выберите несколько наиболее понравившихся для дальнейших экспериментов.

Увеличьте каждый из ваших рисунков, заполнив лист бумаги размером 8,5 x 11, чтобы у вас было место для игры.

Не забудьте начать со светлого карандаша.

По мере проработки деталей вы можете переходить к более темному и темному.

На этом этапе не бойтесь перерисовывать логотип несколько раз.

Даже у самых талантливых художников не все получается с первой попытки.

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

После того как набросок завершен, вы можете нанести чернила, используя тонкий и толстый Sharpies или ручки Micron.

Это поможет вам увидеть вес букв и убедиться, что все они одинаковы.

Совет: сначала используйте тонкий маркер для контура рисунка, а затем закрасьте его более толстым маркером. Будет ли вам удобнее на этом этапе обратиться к компьютеру или совершенствовать свой рисунок от руки - решать вам. Помните, что при создании логотипа с нуля, чем больше работы вы проделаете в процессе рисования, тем меньше усилий потребуется для перевода работы в цифровой формат.

Шаг 3: Оцифруйте окончательную концепцию

От того, какой вид вы хотите придать своему логотипу - грубый или чистый, будет зависеть процесс оцифровки.

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

Очистка в Photoshop

1 - Отсканируйте изображение с разрешением 600 DPI - пожалуйста, не используйте только iPhone.

2 - Откройте отсканированное изображение вашего эскиза в Photoshop.

3 - Перейдите в меню Изображение > Коррекция > Уровни и подтяните белые и черные цвета, чтобы было видно надпись.

Нажмите Command-R, чтобы вызвать линейки.

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

Вам нужно разместить направляющие на основании, спуске, теле, подъеме и линии t.

Подсказка: такие буквы, как C, S, O, заглавные Q и G, располагаются немного выше и ниже направляющих. Это позволяет буквам казаться лежащими на одной плоскости.

5 - Не стесняйтесь использовать инструмент "Лассо" для выделения > щелкните правой кнопкой мыши > вырежьте буквы, чтобы исправить любые проблемы с выравниванием.

6 - Теперь настало время для серьезной чистки. Увеличьте масштаб, чтобы добавить или удалить все, что может помочь улучшить рисунок.

Время перерыва!

Нажмите кнопку "Сохранить".

Теперь отойдите от своего рисунка, чтобы сделать перерыв.

Постарайтесь не переходить от экрана к экрану, чтобы дать глазам как следует отдохнуть.

7 - Примерно через час вернитесь в Photoshop и переверните рисунок вверх ногами. Видите еще какие-нибудь недостатки? Возможно, только некоторые из ваших букв прямые, а другие наклонены, или ваши буквы S и O выглядят скорее продолговатыми, чем круглыми. Взгляд на свою работу с этой точки зрения действительно помогает доработать детали.

8 - Переверните вашу доску, нажмите "Сохранить", и вы готовы к векторизации!

Использование Live Trace для векторизации работы

Если вы хотите, чтобы ваши надписи выглядели более естественно, я рекомендую использовать Live Trace для векторизации ваших работ.

Это придаст вашим работам более органичный, грубый вид, который выглядит более нарисованным от руки с крошечными несовершенствами.

1 - Откройте Illustrator и поместите PSD-файл на рабочую панель.

2 - Выберите работу и перейдите в меню Объект > Живая трассировка > Параметры трассировки. Когда появится диалоговое окно, нажмите "Предварительный просмотр" и играйте с настройками, пока не добьетесь желаемого результата. Обычно я начинаю с предустановки "Черно-белый логотип" и двигаюсь дальше.

Здесь показаны мои настройки для моего логотипа.

Причина, по которой мы разместили файл .psd, а не статичный .JPG, заключается в том, что теперь вы можете просмотреть отрисованный логотип и внести изменения. Возможно, вы поймете, что ваши линии не соединяются, или у вас есть дополнительные следы потертостей, которые нужно отредактировать.

Просто перейдите к файлу .psd, внесите изменения и нажмите "Сохранить". Изменения автоматически обновятся в вашей живой трассировке.

3 - Если все выглядит хорошо, перейдите в меню Объект > Развернуть, чтобы сгладить изображение.

4 - Не стесняйтесь редактировать точки привязки, пока ваш логотип не станет таким, каким вы хотите его видеть. Обычно я использую инструмент "Сглаживание" в палитре "Карандаш", чтобы сгладить неровные края. Посмотрите на удивительные "до" и "после" ниже.

Создание идеального векторного логотипа

Благодаря потрясающей статье AGCS у меня появился совершенно новый подход к чистым векторам с использованием 0- и 90-градусных ручек безье.

Я буду использовать букву S в качестве примера, используя этот новый метод.

1 - Откройте Illustrator и поместите PSD-файл вашего эскиза в Illustrator.

2 - Выберите изображение и уменьшите непрозрачность эскиза. Нажмите Command-2, чтобы заблокировать слой.

3- Создайте новый слой Command-L и расположите узлы стратегически вдоль кривых внешней точки буквы. Посмотрите на мою диаграмму ниже, где показаны все опорные точки.

4 - Не забывайте удерживать Shift при перетаскивании ручек, чтобы привязать их по горизонтали и вертикали.

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

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

Теперь давайте проверим эту сексуальную букву S.

Добавление текстур к надписям

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

Чем более тонкими будут линии, тем больше нужно будет изменить масштаб рисунка перед добавлением эффекта.

Перейдите в меню "Эффекты" > "Искажение и трансформация" > "Шероховатость".

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

После завершения работы перейдите в меню Объект > Расширить видимость, чтобы зафиксировать изображение.

Теперь глазурь на торте: текстура!

Мне нравится использовать этот пакет векторных текстур от Seanwes, но вы можете создавать свои собственные текстуры.

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

Добавление нужного цвета

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

Хороший способ выбрать цветовую палитру - основываться на тех словах, которые мы придумали в самом начале.

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

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

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

Подсказка: не превышайте 3 цвета, если это не является абсолютно необходимым! Пятицветный логотип может быть великолепным, но когда придет время его изготавливать, печать может оказаться довольно дорогой.

Проверьте читабельность

Логотип должен иметь интересную визуальную зацепку и хорошо выверенную типографику.

Убедитесь, что ваш логотип читается за считанные секунды и запоминается.

Обычно я тестирую свой логотип на размере визитной карточки (3,5 x 2), чтобы убедиться в его читабельности.

Получите отзывы со стороны

Особенно когда вы только начинаете создавать дизайн логотипа вручную, важно получить обратную связь от коллег и других дизайнеров.

Именно здесь пригодятся такие сайты, как Instagram и Dribbble, не говоря уже о том, чтобы просто показать другу, который не является дизайнером.

Отличный логотип выглядит великолепно независимо от его размера.

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

Иногда бывает трудно распознать улучшения или недостатки в дизайне, когда вы слишком долго концентрируетесь на нем.

Я знаю: никто не любит, когда его работу критикуют, но это необходимое зло в нашей индустрии.

Получение конструктивной критики позволит вам улучшить свою работу.

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

Это может привести к созданию еще лучшего логотипа, потому что даже небольшое изменение может иметь большое значение.

Надеюсь, данная статья оказалась для вас полезной!

Если вы хотите создать логотип, или освежить дизайн уже существующего, вы можете сделать это в онлайн конструкторе логотипов, тем более, что в нем есть готовые леттеринг шрифты!