Как сделать каллиграфический логотип
Каллиграфический логотип на 100+ лет
Лектор курса CALLIGRAPHY
Слово, наспех выведенное на салфетке или уголке тетрадного листа, может стать логотипом миллиардного бренда. Все зависит от сотни факторов, причем попадание в момент, хороший маркетинг и удача — главные, а мастерство автора (как ни странно и даже немного обидно) — уже на втором месте.
Формулы идеального каллиграфического логотипа нет, но есть признаки, которые могут подсказать, станет он культовым или нет.
Каллиграф Вика Лопухина объясняет, что нужно логотипу, чтобы стать легендой, и делится подходом к созданию лого в стиле «надписей от руки».
Суть каллиграфии
Каллиграфия — понятие емкое. Чтобы не запутаться в определениях, нужно разделить его на три основные ветки. На практике они почти не связаны, но все же влияют друг на друга:
Каллиграфия как способ расслабления. Школы и курсы, на которых писание перьями и красками «работает» на релакс и фактически помогает медитировать.
Каллиграфия как арт-объект. Огромные надписи на стенах и других площадках, которые превращают простые предметы в объекты искусства.
Каллиграфия как часть графического дизайна. Авторские надписи в коммерческих проектах — от рекламных плакатов до упаковки и одежды.
В третьей ветке самая высокая конкуренция. 10 лет назад в русскоязычном пространстве было всего 10–15 «каллиграфов в дизайне», сейчас тысячи. Качественно работают немногие, остальные создают «объем». Чтобы в нем выделиться, нужно выдавать идеальный продукт.
Логотипы, у которых получилось
Чтобы нащупать точки, на которых можно построить тот самый, идеальный продукт — читай: крутой логотип, — нужно смотреть на те, которые сделали это. Например, на лого Coca-Cola и Lafayette. Примеры классические, но в ретроспективе выводов можно сделать еще больше.
Логотип Coca-Cola — один из самых удачных кейсов применения каллиграфии в графдизайне.
Витиеватая надпись на основе «американского бизнес-курсива» (Spencerian) появилась стихийно. В конце 1880-х ее сделал Фрэнк Робинсон, бухгалтер создателя Coca-Cola Джона Пембертона, буквально «на коленке» — теми же буквами, которыми писал деловые письма. Понятно, что никакого дизайнерского образования у него не было.
В 1890 году у лого появились «вишенки» на первой C, но уже через год от них отказались. С тех пор за более чем 100 лет дизайн надписи особо не менялся:
Эволюция логотипа Coca-Cola
Почему логотип Coca-Cola не теряет позиции:
1. Первые 50 лет он был в духе времени, ощущался как «свой». Сейчас этот винтажный слой добавляет бренду веса, акцентирует на верности традициям времени, когда «продукты точно были нормальными».
2. Первый вариант — самый трушный. Пройдя все этапы «моды», бренд все равно вернулся к первому, нарисованному от руки бухгалтером Робинсоном в Spencerian.
3. Именно такая каллиграфическая надпись настолько плотно ассоциируется с брендом, что поменять его было бы равно подкосить бренд.
Другой пример — логотип столетней французской ритейл-сети Galeries Lafayette. У него было несколько версий, включая сделанные наборным шрифтом. В предыдущей и самой знаменитой версии был очевидно-неочевидный образ — буквы tt объединялись в Эйфелеву башню.
В 2015 году французская студия BETC сделала бренду новое лого. Каллиграфическое начертание осталось, но башня исчезла. Ход оправдывали тем, что Galeries Lafayette как раз укрепляется на внешних рынках и компании нужен более универсальный вид.
Прежний логотип был изящнее и легче за счет тонких линий, выведенных как будто чернильной ручкой. Новый — экспрессивный, как будто нарисован почти на бегу, резко, широкой кистью или даже маркером. Но романтичный (читай: французский) акцент остался, его обеспечивает как-бы-небрежное написание «от руки».
Старый (слева) и новый (справа) логотип Galeries Lafayette
Переходить на брусковый шрифт Galeries Lafayette не стали — скорее всего, чтобы не перекликаться с основным конкурентом, Printemps, чей логотип создан как раз в таком минималистичном формате.
Но компания все равно тестируют шрифтовые варианты лого. Весной 2019 года ключевой магазин сети в Париже добавил концепт-стор на Елисейских полях, а команда студии M/M Paris сделала для него логотип в стиле ар-деко. Этот локальный вариант сейчас живет параллельно с основным.
Лого Galeries Lafayette Champs Elysées — геометрическое, модульное и бунтарское. Под это позиционирование обновили и сайт магазина — там не осталось ничего от основного лого сети.
Станет ли новый глобальный логотип Galeries Lafayette легендарным, покажет время. Но все шансы у него есть. Как и шансы однажды уступить концептуальному лого, которое сейчас тестирует Galeries Lafayette Champs Elysées.
У каллиграфических логотипов, которые не устаревают десятилетиями, есть несколько общих черт. Они:
Индустрии и каллиграфический логотип
Шрифты на основе каллиграфии в фирменном стиле сочетаются не только с брендами красоты. Они органично смотрятся и на пачках сухих завтраков, и на сайтах технологических компаний. Например:
Правда, в последнее время бренды техносервисов отказываются от каллиграфии в лого в пользу брусковых шрифтов. Переход совершают первым делом цифровые сервисы — так сделали MailChimp, Pinterest и Airbnb.
Причина простая: каллиграфия добавляет логотипу романтичности, игривости и легкости, а в случае с технологическими брендами это не всегда правильная коннотация.
Кроме того, каллиграфические логотипы обычно комплексные, состоящие из сложных фрагментов, и читать их непросто. Для digital-пространства это проблема — там лого должны быть максимально четкими. Но если эти бренды все-таки хотят использовать каллиграфию, нужно:
Как создать лого, которое зайдет клиенту
Вот несколько ошибок в работе, которых нельзя допускать:
Обижаться на замечания и правки. Никогда не получится сделать что-то стоящее для клиента, если не прислушиваться к его просьбам. Они не берутся с потолка, а обоснованы задачами бренда — и клиент, как никто другой, понимает эти задачи.
Думать, что клиент вредничает. Стань на место заказчика и посмотри на ситуацию его глазами. Если кажется, что он вредничает, то с огромной вероятностью он просто пытается добиться, чтоб его видение отобразилось в работе.
Обсуждать только глобальные вопросы. Нужно общаться с клиентом по каждому пустяку. Не думать «это и так понятно», а спрашивать, встречаться, общаться и презентовать, точно и понятно доносить свою позицию. В конце концов, вы работаете на общую цель.
Работа с клиентом напрямую — это всегда больше стресса и хаоса. Помимо основных задач, ты выполняешь кучу вспомогательных. Чтобы оставить себе больше пространства для работы, подключай посредника — крупное дизайн-агентство или дизайн-студию, которые возьмут на себя часть обязательной, но скучной коммуникации.
Если посредника все-таки нет, важно:
Как вдохновляться
Даже свой фирменный стиль может приесться, если работать строго только в нем. Лучше изначально владеть многими техниками и совершенствовать их, чтобы было чем дополнить основной подход.
Подпишитесь на крупные инстаграм-сообщества, а там точечно наблюдайте за теми, кто понравится.
Главное — не повторять в лоб чужие приемы и техники.
Есть общие подходы и решения, которые можно заимствовать. Например, использовать готическую каллиграфию. Когда работаешь в этом стиле, имеешь дело с «историческим почерком» — и неясно, кто стоит у истоков стиля, все берется из исторических примеров.
Но есть индивидуальные приемы — цветовая гамма, использование соединений в буквах, фирменные штрихи. Копировать их опасно, есть риск наплагиатить. Это тонкая грань.
Сейчас многие каллиграфы и дизайнеры в общем часто ленятся искать качественные примеры шрифтов, графики в архивах и в музеях, чтобы вдохновиться. Они идут в инстаграмы коллег и знакомых (причем зачастую из русскоязычного пространства) и дублируют то, что уже есть.
Подмечать, адаптировать и перерабатывать хорошо. Но повторять за кем-то один в один — слабый подход. Чтобы стать культовой, работа должна быть самобытной. Это правило работает во всех направлениях и для всех сфер.
Блог о том, как создать логотип и сайт
На Logowiks собрано все необходимое для создания логотипа, сайта: советы, сервисы, видео, инструкции, бесплатные шрифты.
Рубрики
Создание леттеринг-логотипа — от идеи до воплощения
В этой статье мы делимся историей создания леттеринг-логотипа Letter Shoppe дизайнером Dina Rodriguez.
Что такое леттеринг-логотип?
Логотип в стиле леттеринга – это логотип, который создан в рукописном стиле.
Такой логотип являет собою графическую композицию, рисунок, состоящий из нарисованных символов, и имеющий в своем оформлении дополнительные декоративные элементы.
Как создать леттеринг-логотип?
Логотип – это одна из наиболее важных частей бренда. Именно он полностью отвечает за демонстрацию ценностей бизнеса и коммуникацию с клиентами. Так почему же столько дизайнеров и агентств часто полагаются только на стандартные шрифты для создания имиджа целой компании?
Дизайнер Dina Rodriguez считает, что ручной леттеринг – это основная техника создания оригинального и запоминающегося дизайна логотипа. Если вы выбираете из набора уже существующих шрифтов, ваш логотип может выглядеть обычно, в то время как леттеринг разработан для того, чтобы выделить логотип среды других и сделать его интересным.
Шрифты созданы для разнообразия, их могут приобрести несколько людей с разной целью. Шрифты не создавались для того, чтобы быть логотипами. Они были созданы для поддержки общего тона бренда, как сопровождающее оформление.
Шаг 1: Раскройте значение бренда
Самое мощное средство, которое есть у графического дизайнера – это типографика. Стиль шрифта, который вы выберете, может сильно влиять на восприятие вашего логотипа. Но сначала нужно понимать значение некоторых типов шрифтов и их способность уникально представить вашу компанию. Это поможет решить, какое оформление подойдет лучше всего при создании леттеринг-логотипа.
Понимание семейства шрифтов
Шрифт Serif
Serif (засечка) – это маленькая линия, завитушка или украшение, которое тянется от буквы.
У шрифтов без засечек нет маленьких выступающих деталей (засечек) в конце штрихов.
Slab Serif или египетские шрифты напоминают Sans Serif по своей простоте, но включают в себя квадратные засечки на конце каждой буквы.
Психология шрифта: традиционный, профессиональный, изысканный, сильный и универсальный.
Script такой же, как рукописный шрифт или каллиграфия, он часто создается плавными штрихами с помощью кисти или пера.
Blackletter отличается штрихами от толстого к тонкому, засечками и длинными завитками восходящими от диагональной засечки.
Похож на Script, но должен выглядеть живо, как будто нарисован с помощью кисти для желаемого эффекта ручной росписи.
Раскройте символику компании
Кроме простой, красивой картинки, сильный логотип наполнен неким смыслом, как явным, так и скрытым. Чтобы помочь клиентам понять смысл бренда, сосредоточьтесь на вашем сообщении, написав несколько слов, которые иллюстрируют основные преимущества бизнеса. Эти слова могут быть чувства, прилагательные, объекты или периоды времени.
Вот для примера мои десять слов:
1. Художественный 2. Ценный. 3. Смелый 4. Природный 5. Теплый
6. Классический 7. Простой 8. Уверенный 9. Сделанный вручную 10. Приветствующий.
Затем, как веселое упражнение, я хочу, чтобы вы взглянули на ваши любимые слова и проиллюстрировали их смысл через оформление, украшения, и иллюстрации.
Например, я нарисовала “BOLD” (смелый – ред.) высоким шрифтом с штрихами в виде солнечных лучей.
На мой взгляд, это то, что приходит в голову, когда я произношу это слово. Благодаря этому упражнению я знаю, что винтажный стиль Serif идеально подойдет для оформления дополнительного текста в моем дизайне логотипа.
Вдохновение и визуальное исследование
На данный момент мне нравится создавать доску настроения, чтоб я могла представить себе стиль будущего логотипа. Создавая свою доску на сайте Pinterest для Letter Shoppe, я ориентируюсь на винтажный стиль шрифта.
Мне кажеться, такой стиль наилучше подойдет для него. Я советую создавать свою собственную доску настроения, которая состоит из по крайней мере, 20 изображений, чтобы помочь формировать свой стиль для бренда.
Подсказка: Будьте осторожны, преследуя популярные тенденции. Как правило, такой дизайн может стать избитым очень быстро, как только популярность этой тенденции стихнет.
Перерыв!
Теперь пришло время сделать 1-дневную передышку, чтобы действительно получить крутую идею. Перерывы позволят вашему мозгу собрать информацию из других источников. У вас появиться больше идей, которые будут в вашем распоряжении при создании эскиза леттеринг-логотипа.
Шаг 2: Экспериментируйте с набросками
Если у вас есть опыт в графическом дизайна, я рекомендую набрасывать свои концепции логотипа простым карандашом на обычной бумаге. Начинайте создавать различные эскизы, не ограничивайте себя. Это ваша возможность экспериментировать и создать неограниченное количество концептов. Посмотрите как делает наброски дизайнер Арон Дреплин, создавая логотип для выдуманной компании.
Я обычно делаю черновики от 10 до 20 миниатюр для полного взгляда на все возможные варианты логотипа.
Перерыв!
Теперь время для другого перерыва. Отдохните часок или денек, чтобы вернуться к вашим эскизам со свежими силами.
Пересмотрите ваши наброски и выберите несколько из ваших фаворитов, чтобы экспериментировать дальше.
На этом этапе не бойтесь перерисовывать логотип несколько раз. Даже у самых талантливых леттеринг-художников не получается создать красивый логотип с первой попытки. Потратьте время, чтобы обрисовать вашу надпись и поиграйте с расположением элементов или попробуйте различные стили и детали.
После того, как контур будет завершен, вы можете закрасить работу с помощью тонких и толстых маркеров Sharpie или линеров. Это поможет вам увидеть вес ваших букв, так что вы можете убедиться, что каждая из букв соответствует друг другу.
Подсказка: Вам решать, что более комфортно – идти к компьютеру на этом этапе или совершенствовать свой ручной леттеринг. Но имейте в виду – чем больше работы вы делаете в процессе рисования, тем меньше усилий потребуется, чтобы оцифровать вашу работу.
Шаг 3: Оцифровки окончательной концепции
Следующим этапом будет оцифровка вашего логотипа. Для этого нужны знания программ Photoshop и Illustrator.
Очистка в Photoshop
1. Отсканируйте изображение с разрешением 600 точек на дюйм.
2. Откройте сканированное изображение эскиза в Photoshop.
3. Перейдите в меню Изображение> Настройки> Уровни (Image > Adjustments > Levels) и регулируйте уровни черного и белого, так чтоб вы реально увидели вашу надпись.
4. Нажмите Ctrl-R, чтобы подтянуть направляющие линейки. Потяните вниз некоторые направляющие для вашего эскиза, чтобы убедится, что все буквы находятся на той же оси. Вы хотите разместить свои направляющие на основной, нижней, верхней линии и на уровне буквы t.
Подсказка: буквы C, S, O, заглавная Q и G остаются немного выше и ниже ваших направляющих. Это позволяет вашим буквам оставаться на том же уровне.
5. Не стесняйтесь использовать инструмент Лассо, чтобы исправить любые проблемы выравнивания – Выбрать> Щелкните правой кнопкой мыши > Вырезать ваши буквы (Select > Right Click > Cut).
6. Теперь пришло время для серьезной чистки. Увеличьте изображение, чтобы добавить или удалить что-нибудь еще, что может помочь усовершенствовать ваш рисунок.
Перерыв!
Нажмите кнопку Сохранить. Теперь, отойдите от рисунка, чтобы сделать перерыв и дать вашим глазам полноценно отдохнуть.
7. Примерно через час, вернитесь в Photoshop и переверните ваш рисунок вверх ногами. Видите еще недостатки? Может быть, только некоторые из ваших букв прямые, в то время как другие имеют наклон, или ваши S и O более продолговатые, чем круглые.
8. Поверните логотип в исходное положение, нажмите кнопку Сохранить. Теперь вы готовы к векторизации!
Использование «Живой трассировки»
Если вы хотите получить более естественный вид логотипа, я рекомендую использовать «Живую трассировку», чтоб векторизовать свою работу. Это придаст вашему рисунку более непринужденный вид:
1. Откройте PSD файл логотипа в Illustrator.
2. Выделите свою работу и перейдите к Объект> Живая трассировка> Параметры трассировки (Object> Live Trace > Tracing Options).
После того, как появится диалоговое окно, нажмите Просмотр (Preview) и поиграйте с настройками, пока вы не получите желаемого результата. Я обычно начинаю с настроек черно-белого логотипа. Вот посмотрите на мои настройки для моего логотипа Letter Shoppe.
Может быть, вы увидите, что ваши линии не соединены, или у вас есть дополнительные потертости, которые должны быть отредактированы. Просто внесите правки в psd файл и нажмите кнопку Сохранить. Ваши изменения будут автоматически обновляться в вашем обрисованном рисунке.
3. Если все выглядит хорошо, перейдите в Объект> Преобразовать (Object > Expand), для сведения изображения.
4. Вы можете редактировать свои опорные точки, соответственно, пока ваш логотип не будет выглядеть так, как именно вы хотите. Я обычно использую «Инструмент сглаживания» (Smooth Tool), чтобы сгладить любые неровности. Обратите внимание на изображение до и после обработки.
Создание идеального векторного логотипа
Благодаря удивительной статье AGCS у меня есть совершенно новый подход к очистке векторов, используя 0 и 90 градусов кривые Безье. Я буду использовать букву S в качестве примера, используя этот новый метод:
Это, несомненно, требует некоторой практики, но сохранение направление ваших кривых Безье прямым позволит использовать меньшее количество точек и получить чистый результат. Да, будет время, когда совершенные кривые не будут работать, и это нормально. Более важно, чтоб ваш вектор хорошо выглядел.
Теперь, давайте посмотрим, какая соблазнительная получилась буква S.
Добавление текстуры к вашей надписи
Для шероховатости вы можете добавить тонкие неровные линии на внешней стороне ваших букв, чтобы они казались нарисованными вручную. Чем тоньше линии, тем больше вам придется масштабировать свои художественные работы, прежде чем добавить эффект. Перейти к Эффекты > Искажение & Трансформация> Огрубление (Effects > Distort & Transform > Roughen.).
Можете поиграть с настройками, чтобы получить желаемый результат, и обязательно попробуйте абсолютные значения опций.
После завершения перейдите к Объект> Преобразовать внешние эффекты (Object > Expand Appearance), чтобы зафиксировать изображение.
Добавление подходящего цвета
Я всегда оставляю работу с цветом напоследок. Но я как правило, уже представляю общую цветовую палитру, в то время как я создаю скетч.
Хороший способ выбрать цветовую палитру – это основывать свой выбор на тех словах, которые мы придумали в самом начале. Например, некоторыми из моих главных слов являются “художественный” и “хендмей”, так что мой план был всегда придерживаться черного либо белого цвета. Я также выбрала поддерживающие цвета, помещая надпись на древесные, коричневые, кремовые цвета.
Проверка читабельности
Получите обратную связь
Если вы впервые начали создавать свой дизайн логотипа, важно получить отзывы от коллег и других дизайнеров. Вот тогда пригодяться такие сайы, как Instagram и Dribbble, не говоря уже о том, чтоб просто показать другу, который не дизайнер. Важно узнать мнение других людей, потому что они могут увидеть недостаток или улучшение лучше чем вы. Ведь иногда трудно распознать улучшения или недостатки конструкции, когда вы долго сосредоточены на разработке.
Я знаю, никто не любит, чтобы их работу критиковали, но это необходимое зло в нашей отрасли. Получение конструктивной критики позволит вам улучшить вашу работу. Постарайтесь оставаться открытыми и экспериментировать с изменениями, предложенными другими.
Это может привести к еще лучшим результатам, так как даже небольшое изменение может сыграть важную роль.
Надеюсь, что взгляд изнутри вдохновил вас создать свой собственный леттеринг логотип.
В конце статьи делимся с вами полезным видео создания логотипа леттерингом: