Что такое логотип и как создать его самому. Как создать логотип – пошаговая инструкция от А до Я

22.01.14 57.3K

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

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

Для чего необходим логотип?

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

Различают три основных типа логотипов:

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

Каждый логотип должен соответствовать следующим базовым требованиям:

  • Креативность и оригинальность . Уникальный знак будет являться визитной карточкой вашего сайта;
  • Ассоциативность . Если логотип отражает тематику вашей деятельности, это будет являться большим плюсом;
  • Лаконичность . «Всё гениальное - просто ». Сложные для восприятия фигуры запоминаются гораздо труднее.

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

Самостоятельная генерация идеи логотипа

Ответ на вопрос «как разработать логотип? » в первую очередь предполагает создание концепции и содержания финального продукта: адрес сайта, картинка, слоган, символ и т. д. Также, необходимо выбрать подходящее изображение для примера или основы и определиться с характеристиками.

Чаще всего размер логотипа не слишком большой - 250 пикселей в ширину и 100 в высоту, однако если вы желаете использовать другой размер - всё в ваших руках. Можно нарисовать логотип самостоятельно, купить готовый вариант в интернете или заказать у дизайнера.

Важно, чтобы основа для логотипа не была «засвечена » на просторах всемирной сети:

  • Добиваться реалистичности брендовой символики совершенно необязательно: абстрактные элементы в ряде случаев выглядят дороже и эффектней;
  • Если у вас возникли сложности с идеей, никто не запрещает заглянуть на сайты конкурентов и проанализировать успешность их символики;
  • В интернете существует множество бесплатных сервисов для шаблонной разработки логотипа, однако, об этом чуть позже.

Программы для самостоятельного создания логотипа

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

Для этого понадобится готовый, утверждённый в качестве основы или примера рисунок и графический редактор:

  • Adobe Photoshop . Данное средство для создания и обработки растровой графики является лидером среди подобных программ за счёт высокой скорости работы, эффективности и широких возможностей и мульти функциональности. Реализована возможность работы с контурами и слоями;
  • Adobe Illustrator . Достаточно популярная программа для редактирования и создания векторной графики. Все желающие могут скачать демонстрационную версию с официального сайта и бесплатно пользоваться ей на протяжении 30 дней;
  • CorelDRAW . Популярный программный пакет для работы с векторной графикой, поддерживающий огромное количество всевозможных форматов и обладающий богатыми функциональными возможностями.

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

Создание логотипа в Adobe Photoshop

Рассмотрим создание простого логотипа для веб-сайта в программе Adobe Photoshop по шагам. Наш логотип может менять цвет в зависимости от фона, а в том случае, если возникнет необходимость что-либо изменить или доработать, обязательно сохраните копию конечного файла в формате .psd :

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

Шаг 2. Лого на основе примера

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

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

Шаг 2.2 Выбор примера логотипа

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

Обратите внимание!
При переходе к созданию нового логотипа - все несохраненные действия произведенные с текущим редактируемым логотипом будут утрачены.

Шаг 2.3. Список слоев

После выбора готового логотипа система выведет список его слоёв с их настройками и свойствами. Они доступны для изменения.


Шаг 2.4. Мои дизайны

Логотипы, сохраненные Вами ранее доступны в разделе “Мои дизайны”, так что если Вы захотите продолжить создание незаконченного Вами логотипа, выберите его в списке и продолжите редактирование.


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

Шаг 3. Создание логотипа

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


Шаг 4. Редактирование слоев

Вы можете перейти к редактированию этих слоев, нажав на соответствующие строки в списке слоев или же на саму фигуру (сам текст) в области просмотра. При нажатии на фигуру/текст - настройки выбранной фигуры или выбранного текста отобразятся справа от области просмотра логотипа.


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

Рассмотрим, как добавлять слои.

Обратите внимание!

  • Максимальное количество слоев для одного логотипа - 15.
  • Еще один способ удалить фигуру - удалить слой из списка слоев, нажав на соответствующую кнопку.

Шаг 5. Добавление слоя с фигурой

Для того чтобы добавить слой, содержащий картинку, Вам будет необходимо:

  1. Нажать на кнопку "Фигура".
  2. В отобразившемся списке фигур сперва выбрать категорию фигур (они разбиты по тематикам, при выборе той или иной категории - наборы фигур будут изменяться).
  3. После выбора категории - нажать на нужную Вам иконку из набора.

Картинка будет добавлена. Чтобы перейти к ее редактированию, нажмите на строку слоя в списке слоев или же на саму фигуру в области просмотра.

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

Обратите внимание!
В некоторых тематиках фигуры разбиты по строкам так, что первой в строке расположена фигура, которую можно использовать в качестве основной/фоновой для всех последующих (например, в строке с рыбками первая фигура - аквариум, Вы можете добавить сперва аквариум и уже на его фоне разместить фигуры рыб).


Шаг 5.1. Замена картинки

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


Шаг 5.2. Расположение фигуры

Отредактируйте положение фигуры с помощью кнопок-стрелок (кнопка с точкой - выравнивает текст по центру).

Обратите внимание!
Вы также можете вручную перетаскивать фигуры прямо на экране предпросмотра. Для этого просто наведите курсор на изображение, зажмите левую кнопку мыши и перетащите фигуру в нужное Вам место логотипа. Перетаскивать фигуры на один пиксель можно с помощью клавиш ←, →, , ↓. Если зажать CTRL и использовать те же клавиши, фигура будет перемещаться на 5 пикселей.

Шаг 5.3. Цвет фигуры

Задайте для выбранной фигуры цвет, сперва выбрав режим ("1 цвет", "2 цвета" или "Без заливки") из соответствующего списка.

При необходимости Вы можете включить для фигуры "Рамку" и выбрать цвет для нее.

Шаг 5.5. Поворот, размер и расположение фигуры

Чтобы повернуть фигуру вокруг своей оси под определенным углом - воспользуйтесь кнопками поворота вправо или влево.

Чтобы увеличить или уменьшить фигуру - воспользуйтесь кнопками "+" и "-".

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

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

Шаг 6. Добавление текстового слоя

Чтобы добавить слой с текстовым наполнением, нажмите на кнопку "Текст".

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

Шаг 6.1. Текст слоя

Сперва укажите в настройках текст логотипа.


Шаг 6.2. Формат текста

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

Шаг 6.3. Расположение текста

Отредактируйте положение текста с помощью кнопок-стрелок (кнопка с точкой - выравнивает текст по центру).

Обратите внимание!

  • Вы также можете вручную перетаскивать текст прямо на экране предпросмотра. Для этого просто наведите курсор на текст, зажмите левую кнопку мыши и перетащите текст в нужное Вам место логотипа.
  • Перетаскивать фигуры на один пиксель можно с помощью клавиш ←, →, , ↓. Если зажать CTRL и использовать те же клавиши, фигура будет перемещаться на 5 пикселей.

Шаг 6.4. Цвет текста

Теперь окрасьте введенный текст в необходимый цвет, сперва выбрав режим ("1 цвет", "2 цвета" или "Без заливки") из соответствующего списка.

Шаг 6.5. Рамка текста

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

Шаг 6.6. Поворот и размер текста

Чтобы повернуть текст вокруг своей оси под определенным углом - воспользуйтесь кнопками поворота вправо или влево.

Чтобы увеличить или уменьшить размер текста - воспользуйтесь кнопками "+" и "-".

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

Чтобы сбросить все изменения (поворот, размер, расположение), нажмите на крестик.

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

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

1. Воспользоваться фотошопом;
2. Воспользоваться онлайн редактором (например, Logaster).

Преимущества использования Photoshop

Adobe Photoshop — один из лидеров среди программ по созданию графических изображений. И это не странно, ведь функционал этого редактора позволяет воплотить даже самые смелые художественные идеи в реальность. Уровень качества и креативности результатов работы в программе зависит от навыков пользователя и версии самой проги. Так Photoshop (cs 5, cs 6 и т.д.) считается довольно сложным редактором и используется в различных отраслях графического дизайна от кинематографии до создания элементов фирменного стиля, в частности и логотипа.

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

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

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

Подборка видеоуроков по созданию логотипов в Photoshop

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

1. Как сделать логотип в Photoshop

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

2. Как сделать простой логотип в Photoshop

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

3. Photoshop Tutorial: How to Create Your Own Fantasy-Action, Video Game Logo.
(Урок Photoshop: как создать свой собственный логотип видеоигры)

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

4. Photoshop | Logo Design Tutorial | Galaxy Logo

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

5. Как создать металлический логотип в фотошопе

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

6. Как создать логотип для строительной фирмы в фотошопе

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

7. Vector Skull Logo Design in Photoshop
(Как сделать векторный логотип с черепом в Photoshop)

8. Hipster Logo Design — Photoshop Tutorial
(Хипстерский дизайн логотипа — Урок Photoshop)

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

9. How To Design An Authentic Hipster Logo In Photoshop
(Как сделать хипстерский логотип в Photoshop)

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

10. Как создать минималистичный и профессиональный логотип

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

11. Как сделать логотип в фотошопе. Логотип из фото

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

12. Видеоурок: Как сделать 3D-логотип

Логотипы в 3D смотрятся реалистично, но считается, что их создание без каких-либо профессиональных навыков, наоборот, — нереально. Данный видеоурок убедит вас в обратном. Ведь автору этого ролика понадобилось всего 5 минут, чтобы создать отличный 3D-логотип, используя фотошоп. Попробуйте, у вас обязательно получится!

13. Leafy Text Effect Photoshop Tutorial
(Как сделать логотип в эко тематике)

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

14. Как создать логотип в Photoshop за 5 минут.

15. Как применить эффекты к тексту

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

16. Как создать ретро логотип

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

17. Секреты создания первоклассного логотипа. Руководство для начинающих
(How to Make Logo in Photoshop — Photoshop Tutorial for Beginners — Basic Idea)

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

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

Преимущества онлайн-генератора (например, Logaster)

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

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

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

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

Итог

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

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

Здравствуйте, дорогие друзья.

Введение

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

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

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

Если вы НЕ дизайнер и вам нужен логотип , то можете обратиться за помощью в его разработке ко мне. Найти меня можно ВКонтакте: vk.com/dborkov82

Как происходит весь процесс разработки?

Сам дизайн-процесс состоит из следующих этапов:

  1. Разработка смыслового ядра логотипа (этот этап мы сегодня рассмотрим).
  2. Рождение главного образа.
  3. Типографика или экскурсия в шрифты.
  4. Форма и полировка финального впечатления.

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

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

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

Ложное заблуждение о логотипе

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

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

Интересно почему такое происходит?

Ответ, как всегда, прост и лежит на поверхности. Традиционное определение логотипа в действительности ложно, поскольку не раскрывает полного смысла и звучит оно примерно так: это уникальный, узнаваемый, запоминающийся знак и так далее. Весь список этих параметров я приводить не буду, их можно найти в интернете, но в них мало пользы. Можно найти много запоминающихся, узнаваемых знаков, но далеко не каждый из них вы захотите поместить на свою визитку!

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

Смысловое ядро или путь изнутри наружу

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

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

Лого может быть ироничным, дружеским, надёжным, ярким или спокойным. Все его составляющие — образ, композиция, цвет, форма создают определённые впечатления, и очень важно, чтобы все они транслировали одно и то же послание, но каждый по-своему. Именно тогда послание будет чётким, ясным и понятным.

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

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

  1. Создание смыслового ядра.
  2. Выбор логотипа на фотостоке.

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

Создание смыслового ядра

Логотип — это я и моё дело

Итак, сначала правильно определим что же такое логотип.
Логотип — это фирменный знак, который отвечает на три простых вопроса:

  • Кто я?
  • Какой я?
  • Чем я занимаюсь?

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

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

Логотип — это “лучший Я”

Отвечая на вопрос «Какой я?», нужно пойти другим путём и ответить, какими качествами должен обладать я, чтобы преуспеть в моём деле? Представьте, что вы видите себя из будущего, который достиг самой высокой цели в том деле, которым вы занимаетесь, и представьте, какими качествами этот “лучший вы” обладаете? Этих качеств может быть много, выпишите не менее 7 тех, которые придут в голову.

Выберите самое ключевое качество и забудьте всё второстепенное, логотип — это, на самом деле, маленький значок, и там нет места для второстепенных понятий:)

Тогда мы получаем следующие ответы:

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

Кристаллизуем идею в образ

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

Теперь вам нужно выписать какие ассоциации, образы вызывает каждый из этих пунктов, напишите 7-10 примеров к каждому пункту.

  • Как выглядит художник по дереву, что он делает?
  • Как выглядит добро? Какую картину я называю светлой?
  • Как я узнаю, что эта атмосфера комфортная?

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

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

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

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

Выбор логотипа на фотостоке

Немного о фотостоках

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

Существует несколько больших фотостоков, таких как:

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

Правильные ключевики — залог успеха

Для этого первое, что мы делаем, это набираем наше ключевое слово в строке поискового запроса, и в первую очередь мы находим по нему статью из Википедии. Открываем статью и в левом сайдбаре в разделе на других языках выбираем английский. Именно такой способ позволяет получить употребимое в английском языке значение нашего слова, в то же время переводчик Google может дать буквальный перевод вашего слова на английский и получить значение, неупотребимое в речи, по которому мы при поиске или найдём очень мало, или же не найдём ничего вообще.

Если Википедия не поможет нам перевести таким образом, воспользуемся другими сервисами перевода от того же Google, например.

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

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

Выбор во многом определяет результат

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

Пересмотрите ваши 20 логотипов и дублируйте папку с ними. Теперь ваша задача пересчитать картинки и удалить ровно половину из них. Затем с оставшимися 10-ю повторите подобную операцию. Когда у вас остаётся 5 логотипов, проделайте следующее — уберите их до следующего утра и больше на них не смотрите.

Завтра утром вы откроете папочку с этими 5-ю логотипами и на свежую голову вы увидите, какой из них будет действительно вашим. Теперь вы можете зарегистрироваться на фотостоке и купить эту иллюстрацию. Если в логотипе есть текст, отредактируйте его с помощью векторных редакторов, таких как Adobe Illustrator или Photoshop.

Заключение

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

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

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

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

До встречи в следующих статьях и спасибо за внимание!

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

Привет всем!

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

Назначение logo для Интернет-ресурса

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

Логотипы условно можно разделить на три основных вида:

  • Текстовый;
  • Символьный;
  • Комбинированный.

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

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

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

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

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

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

Сайты для создания логотипов онлайн

Мы рассмотрим пять наиболее популярных ресурсов.

Logaster

Данное веб-приложение, которое доступно на десяти языках (в том числе на русском) – Logaster

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

Выбираем «Создать логотип» и заполняем необходимые поля: название компании (сайта), вид деятельности, также можно добавить слоган, который будет отображаться более мелким шрифтом. Жмем «Далее».

Мы перешли непосредственно к созданию логотипа для сайта. Здесь представлено большое количество вариантов. Можно фильтровать картинки по ключевым словам («Поиск иконок»)

Выбирать картинки можно переходя на разные страницы списка. Также под иконками есть функция «Изменить параметры», где вы можете задать цветовую гамму, добавить слоган или поменять название. Когда логотип выбран, переходим на следующую страницу «Редактировать лого».

Здесь можно посмотреть, как выглядит логотип на бланках, визитках (справа), а также в разных цветах и оформлениях. Также кликнув на кнопку «Редактировать лого» можно вносить корректировки: изменить шрифт текста, цвет, картинку и прочее.

Следующий этап – сохранение логотипа. Для этого потребуется ввести email и пароль (создание учетной записи).

После регистрации вы сможете скачать созданное вами лого бесплатно в маленьком размере:

Размер бесплатного логотипа для сайта в моем случае – 191×73 пикселя с водяными знаками Логастера в разных цветовых гаммах.

Водяной знак справа можно легко обрезать.

LogoMaker

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

Если вам подходят латинские символы в названии, жмем «Make a logo» на главной странице сайта. Выбираем направление деятельности и прописываем название сайта.

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

Поиск нужных картинок тут также осуществляется по ключевым словам (на английском).

Следующий этап – редактирование:

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

После того, как внесены все корректировки, нажимаем «Save logo». Для сохранения потребуется ввести почтовый адрес и пароль.

LogotypeMaker

На данном онлайн-ресурсе можно сделать логотип для сайта бесплатно в разрешении 300 dpi в формате jpg, png. Интерфейс доступен на русском языке.

Жмем «Создать логотип» и вводим название своего сайта. После обновления становятся доступны картинки с нужным названием:

Выбираем понравившийся (для бесплатного скачивания выбирать следует логотипы с пометкой) и приступаем к редактированию:

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

Online LogoMaker

Здесь можно выбрать язык интерфейса «Русский» и приступать к созданию лого для сайта, нажав «Запустить LogoMaker». Далее в панели управления слева жмем «Добавить символ» и выбираем понравившийся нам рисунок. Для этого можно выбрать подходящую категорию:

Тут же можно изменить шрифт текста, его размер, цвет и прочее. Также, кликнув по картинке, можно менять ее цвета, размер. Уже на этом этапе для бесплатного скачивания логотипа можно сделать скриншот, а затем его отредактировать в программе (Paint, Photoshop, Word и т.д.), убрав все лишнее. Либо нажимаем в правом верхнем углу «Скачать» и выбираем бесплатную или платную загрузку. В бесплатном вариант мы скачиваем файл в формате png с разрешением 300 px.

CoolText

Следующий онлайн-сервис служит для создания текстовых логотипов.

Выбираем необходимый нам шрифт из всего многообразия и кликаем на него.

Далее прописываем название нашего сайта, меняем размер текста, если потребуется. Жмем «Create Logo» и скачиваем логотип, в моем случае в формате gif.

CoolText также поддерживает кириллический ввод текста. Здесь есть возможность сохранять файлы в jpg, png, gif форматах. Кроме логотипов здесь можно создавать кнопки для сайта, скачивать интересные шрифты совершенно бесплатно.

Программы для создания логотипов

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

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

Рассмотрим основные шаги работы с программой Sothink Logo Maker.

После того, как вы скачали и установили программу, вам будет предоставлен 30-дневный пробный период.



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

Данная программа позволяет сохранять логотипы в jpg, png, bmp, tif и svg форматах.

AAA Logo

Программа работает по схожему принципу с Sothink Logo Maker:

  • выбираем темплейт;
  • вносим корректировки в текст и объекты;
  • сохраняем готовый логотип.

Экспортировать файлы можно во всевозможных форматах (jpg, png, psd), в том числе в векторных (eps, svg).

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

Пример создания логотипа в программе AAA Logo можно увидеть в видео-ролике:

Как загрузить логотип на свой Вордпресс-блог?

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

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

Если в шаблоне уже есть логотип, но поддержки замены нет, нужно зайти в папку с картинками вашей темы: /wp-content/themes/название шаблона/images/

В этой папке необходимо найти файл темы (как правило, logo.jpg). Согласно размерам данного логотипа корректируем наше новое лого. Называем его так же как файл темы и заменяем старый логотип на новый.

Следующий вариант – в вашей теме нет поддержки логотипов. В таком случае потребуется добавить нужный код в файлы шаблона. Для начала выбираем место, куда будем помещать логотип, редактируем его под нужные размеры, даем название, например, logo.jpg. После этого помещаем его в папку темы с изображениями (/wp-content/themes/название шаблона/images/).

Чаще всего, логотип помещают в шапке страницы, а потому мы будем вносить изменения в файл header.php. После < div id="header"> вписываем следующий код:

В описании стиля вы можете менять отступы для перемещения картинки (top, left).

Это вся информация на сегодня. До новых встреч!