Брендинг для начинающих: как создать логотип без Photoshop

Брендинг для начинающих: как создать логотип без Photoshop

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

И поверьте мне, я прекрасно понимаю эту проблему. 

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

У меня есть для вас решение, друзья.

Моя миссия — сделать процесс создания бренда и брендового оформления менее пугающим и более доступным для людей с любым уровнем навыков и опытом в области дизайна.

Именно поэтому я хочу рассказать о нескольких БЕСПЛАТНЫХ инструментах, позволяющих создать логотип, который будет выглядеть профессионально, и который вы сможете с гордостью использовать на своем сайте или визитной карточке.

Итак… сегодня я покажу вам шаг за шагом, как создать логотип для вашего сайта, используя Google Drawings, а не Photoshop.

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

 

Основные правила создания логотипа

Как дизайнер я могу вам сказать, что создание эффективного дизайна для логотипа — это НАМНОГО более сложный процесс, чем может показаться на первый взгляд. Он включает разработку концепции и создание набросков, требует знаний из области теории цвета и типографики… список вещей, о которых вам стоит помнить, можно продолжать практически до бесконечности.

НО сейчас я хочу, чтобы вы обо всем этом забыли.

Именно так, забудьте об этом. Если вы будете все усложнять, это приведет только к тому, что вы начнете сомневаться в себе, но миру НЕОБХОДИМО то, что вы можете предложить, поэтому мы не будем думать обо всем этом. Конечно, для всех этих дизайнерских идей есть свое время и место, и, возможно, когда ваш бизнес будет стоять на ногах, а сами вы будете купаться в золоте как Скрудж МакДак, вы инвестируете деньги в создание качественного логотипа.

НО сейчас ваша главная задача воплотить свою идею в жизнь и создать лучшую ПЕРВУЮ версию своего сайта или продукта. И именно здесь и пригодятся базовые правила, о которых пойдет речь ниже.

1. НЕ ИСПОЛЬЗУЙТЕ БОЛЬШЕ ДВУХ ШРИФТОВ.

Это обычное правило для дизайна логотипов. Ваш логотип не должен отвлекать от главного или выглядеть так, как будто он наскоро слеплен из разрозненных элементов. Если вы ограничите свой выбор двумя хорошо сочетающимися друг с другом шрифтами, вам будет проще создать эффективный и универсальный логотип. Более подробную информацию о типографике и сочетаниях шрифтов вы найдете в этой статье на Go Live HQ (на английском языке).

 

2. ОТДАВАЙТЕ ПРЕДПОЧТЕНИЕ ПРОСТЫМ И ПОНЯТНЫМ РЕШЕНИЯМ, А НЕ ВЫСОКОИНТЕЛЛЕКТУАЛЬНЫМ ИДЕЯМ С ПРЕТЕНЗИЕЙ НА СТИЛЬ.

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

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

3. БУДЬТЕ ЧЕСТНЫ С СОБОЙ.

Здесь главное вот что: не пытайтесь быть кем-то, кем вы не являетесь в плане дизайнерских навыков. Вы покрываетесь сыпью при одной мысли о необходимости подобрать удачные сочетания цветов и шрифтов? ИЛИ для вас актуальна противоположная проблема, и вы просто теряетесь среди всего многообразия возможностей и никак не можете принять решение и двигаться дальше? В любом случае, ничего страшного! Поняв, в чем заключаются ваши слабые стороны, просто учитывайте их при планировании процесса создания своего логотипа.

Если дизайн вас пугает, разрешите себе пойти по пути простых решений. Но что если вы легко увлекаетесь рассматриванием всевозможных вариантов? Выделите на это некоторое время, и пообещайте себе, что после того, как время выйдет, вы примете решение и пойдете вперед. Помните: в этом мире нет ничего постоянного. Ваша задача — создать что-то, что вам будет приятно использовать для продвижения своего нового бизнеса!

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

 

Как создать логотип: пошаговая инструкция

Шаг 1: Создайте документ с помощью Google Рисунки (Google Drawings).

Может быть вы даже не знали о существовании такого инструмента, но он есть в вашем Google Диске (Google Drive)! Для того чтобы использовать его, вам нужен аккаунт Gmail или Google Drive.

Для начала зайдите drive.google.com, кликните по кнопке NEW и выберите опцию Google Drawings (нажав на More).

 

Шаг 2: Дайте название своему документу и измените размер (при необходимости).

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

Также стоит убедиться в том, что документ достаточно большой по размеру. Это можно сделать через меню File > Page (Файл > Настройка страницы).

Откройте ниспадающее меню в окошке Page Setup и выберите опцию Custom (Пользовательский). Это позволит вам задать размер документа в сантиметрах или пикселях. Я советую указывать размер в пикселях, потому что скорее всего вы будете использовать созданный логотип на своем сайте. Размеры документа по умолчанию — 960 x 720 пикселей, нам этого вполне достаточно.

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

Шаг 3: Начните создание логотипа с добавления текстового поля с названием вашей компании и выбора шрифтов.

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

Например, давайте представим, что я предлагаю услуги свадебного фотографа под своим именем — Кэролайн Келсо (Caroline Kelso). Я хочу, чтобы мой бренд был элегантным, женственным, но при этом современным.

Для начала используйте инструмент Text Box (Текстовое поле), чтобы создать поле для ввода текста (растяните его по всей длине холста). А теперь напечатайте название своего бренда в текстовом поле.

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

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

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

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

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

Сначала я выделила текст, а потом выбрала шрифт Muli из ниспадающего меню.

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

Небольшой трюк: Если вы хотите изменить расстояние между буквами, чтобы ваш шрифт выглядел более утонченно, сделать это при помощи инструментов форматирования вам, к сожалению, не удастся. Однако вы можете вручную добавить лишний пробел между буквами. Хитро, правда? Именно это я сделала с подзаголовком "wedding photography":

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

Шаг 4: Откорректируйте интервалы между строками и их расположение

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

Шаг 5: Добавьте цвета своего бренда.

Если хотите, вы можете выделить текст и изменить его цвет с помощью соответствующего инструмента. Выберите один из цветов из ниспадающего меню ИЛИ выберите опцию Custom и задайте свой собственный шестнадцатеричный код цвета (hex код).

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

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

Шаг 6: Обрежьте холст и сохраните результат в виде прозрачного файла с расширением png.

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

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

Выбрав нужный размер и убрав все лишнее, выберите в меню  File > Download As... > PNG image (Файл > Сохранить как… > Изображение в формате PNG), чтобы загрузить файл в формате .png с прозрачным фоном, который можно легко использовать на WordPress, Squarespace или любой другой платформе для создания сайтов.

Совет: Если вдруг по какой-то причине фон холста отличается от прозрачного фона в шахматную клетку, который вы видите на скриншоте, кликните правой кнопкой мышки в любой точке экрана за пределами вашего документа (в серой области) и выберите Background > Transparent (Фон > Прозрачный).

Вы также можете экспортировать свой логотип как векторный рисунок. Для этого вам нужно выбрать соответствующую опцию из ниспадающего меню: File > Download As... > Scalable Vector Graphics (.svg) (Файл > Загрузить как > Масштабируемая векторная графика). При этом будет создан файл, который можно будет увеличивать и уменьшать без потери разрешения. Вы сможете использовать этот файл для того, чтобы напечатать свой новый логотип на большом баннере для какого-нибудь мероприятия, или вы можете отдать его дизайнеру, чтобы он обработал его в специальной векторной программе, например, Adobe Illustrator. Здорово, правда?

Шаг 7: Используйте логотип на своем сайте!

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

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

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

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

Крошечные цветные кружочки превращаются в... конфетти!

Линия, состоящая из точек, в сочетании с цветными многоугольниками, созданными с помощью инструмента Polyline из ниспадающего меню Lines (Линии), здорово выглядит и привлекает внимание. Попробуйте уменьшить прозрачность заливки форм, вам наверняка понравится результат.

Белый текст на цветном фоне выглядит утонченно и профессионально.

Готовы к более сложным вариантам? Найдите иконку на сайте типа The Noun Project (иконки с этого сайта можно использовать бесплатно с указанием автора работы) и используйте ее в качестве шаблона для создания собственной иллюстрации с помощью инструмента Polyline. В моем случае линии показались мне слишком толстыми, поэтому я просто обвела их и поместила полученное изображение на пятиугольник, который можно нарисовать, выбрав соответствующую фигуру из ниспадающего меню Shapes (Формы).

Следующий прием один из моих любимых. Используйте инструмент Scribble (Каракули), чтобы "раскрасить" вашу иллюстрацию.

Выберите иконку на сайте The Noun Project (автор этой иконки — Алекс Берковиц.) Выберите инструмент Scribble из ниспадающего меню Line и поводите курсором над рисунком.

Затем увеличьте толщину линии, например, до 8 пикселей.

Измените цвет линии на нужный вам.

Наконец, с помощью опции Arrange > Order > Send to Back (Организовать > Порядок > Отправить назад) переместите цветное пятно под контур иконки. Ваша яркая иконка с цветом, выходящим за границы рисунка, готова!

Вот лишь несколько вариантов того, как вы можете использовать инструменты Google Drawing.

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

 

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

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

 

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

И не забудьте поделиться статьей, если она вам понравилась!