Уроки по созданию логотипа в фотошопе. Как сделать логотип? Создание лого в фотошопе, поэтапный урок. Один цвет или несколько

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

Логотип — вектор или растр?

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

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

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

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

Создаем лого в Фотошопе

В этом уроке-воркшопе по созданию лого в Фотошопе я использую свой старый логотип AQ, который я создавал для одного приятеля. Помню, мы договорились о бартере, я ему логотип и дизайн для CMS, он мне движок сайта и верстку. Правда, после того как я свою часть выполнил, ему показалось отличной идеей исчезнуть и не отвечать, вместо того чтобы сказать «Извини, совсем нет времени делать верстку». Данный логотип представляет из себя ряд простых овальных яйцеобразных объектов. Фотошоп представляет нам ряд весьма скудных инструментов для работы с векторными путями. К счастью, этих скудных инструментов вполне достаточно чтобы сделать 60% существующих логотипов, если не больше. Я начну с создания форм, буду ссылаться на другие уроки, которые помогут вам создать мой логотип, и конечно в конце урока каждый сможет скачать мой PSD фаил со всеми слоями.

Рисуем основные фигуры

Выберите инструмент Ellipce Tool и нарисуйте обычный эллипс. На панели настроек обязательна опция Shape Layer . И если вы не знаете что это, почитайте мою статью о режимах Shape Layer, Path и Fill Pixels . Если коротко, эта опция создает векторные контуры в виде векторной маски со слоем заливки. И именно так вектор отображается в Фотошопе.

Выберите другой инструмент Direct Selection Tool , он выделяет конкретные векторные точки и может изменять направление их направляющих. Кликните им по эллипсу. Затем выделите две средние точки, верхнюю и нижнюю. Чтобы выбрать сразу 2 точки, жмите SHIFT . Когда 2 точки выделены, потяните их назад, чтобы элипс принял яйцеподобную форму. Первая форма готова.

Как залить цветом? Найдите слой овала на панели слоев Layers . Кликните по иконке заливки, в появившемся окне выберите цвет.

Продублируйте получившееся яйцо. Layer > Dublicate Layer . Выберите его на панели слоев и трансформируйте Edit > Free transform . Если вы не понимаете что происходит, читайте мою статью Трансформирование в Фотошопе через Free Transform . Если коротко, Free Transform позволяет изменять форму чего угодно, на почти что угодно. Просто нажмите SHIFT , чтобы изменять форму пропорционально, и потяните за край рамки в сторону уменьшения. Залейте форму светло голубым цветом.

Опять продублируйте яйцо, опять воспользуйтесь Edit > Free transform , но на этот раз просто сожмите яйцо по вертикали. Затем выберите Direct Selection Tool , опять выделите средние точки, и измените длину направляющих каждой из точек. Это уменьшит угол наклона между точками. Поздравляю, мы воссоздали форму яйца. И это первый шаг на пути создания логотипа в Фотошопе. Перейдем к буквам. Это яйцо залить нужно белым цветом.

Рисуем буквы в Фотошопе

Выберите самое первое яйцо и продублируйте слой. Поместите его на самый верх и воспользуйтесь Edit > Free transform чтобы уменьшить его размер, до размера буквы, которая поместится внутри яйца. Не выключайте Free transform , потяните за средние якоря, чтобы расширить яйцо по вертикали.

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

Опять продублируйте голубое яйцо от буквы Q и переместите его в левую сторону. Это будет основой для буквы А . Для начала разверните его в другую сторону Edit > Transform Path > Horisontal и сожмите его по горизонтали, чтобы придать более сжатую форму и при необходимости воспользуйтесь Direct Selection Tool , чтобы изменить фигуру точечно, например увеличить угол овала удлинив направляющие по краям.

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

Осталось дорисовать часть буквы Q . Выберите инструмент Rectangle Tool и нарисуйте небольшой прямоугольник. Залейте его белым цветом и поместите под букву Q . Продублируйте, и уменьшите его при помощи Free Transform , затем поместите выше буквы Q . Наш логотип в Фотошопе близится к завершению.

Создаем сложную векторную фигуру в Фотошопе

А теперь внимание. До сих пор мы играли в кружки. Сейчас будет нечто по сложнее. По крайней мере для моих пальцев, чтобы все это описать. По непонятным мне причинам вектор в фотошопе считается самой сложной темой. Я уверен что самая сложная тема в Фотошопе это Анимация и 3D, но никак не вектор. Если вы совсем не разбираетесь вам помогут мои статьи Зачем в Фотошопе вектор , Векторные инструменты рисования в Фотошопе и Векторные примитивы в Фотошопе , но больше всего для понимания следующих процессов, вам поможет моя статья Add, Subtract и Intersect так как именно этими режимами мы будем пользоваться все оставшееся время.

Выберите на слоях внешний голубой овал от буквы А . Теперь выберите инструмент Path Selection Tool и кликните по овалу. Овал будет выделен. А на слоях вы увидите, что ваша векторная маска подсветилась. Это потому что теперь мы работаем внутри векторной маски этого слоя. Далее предупреждаю, не пользуйтесь инструментом Move Tool , он управляет слоями. Используйте только Path Selection Tool , который с виду выглядит как черная стрелочка, но управляет не слоем целиком, а только векторным контуром в маске.

Выделите инструментом Path Selection Tool овал, затем Edit > Copy и Edit > Paste . Визуально ничего не произошло, но мы скопировали контур и теперь на маске их два. Второй контур не виден, так как находится в том же месте где первый. Это легко исправить. Кликните по контуру Path Selection Tool и перетащите его. Затем используйте Free transform чтобы деформировать контур. Я достаточно серьезно изменил форму овала, воспользовавшись не только Free transform но и Edit > transform Path > Warp

Повторите всю операцию. Выделите второй контур инструментом Path Selection Tool , нажмите SHIFT . На курсоре Path Selection Tool появится плюсик. Теперь передвиньте контур и он скопируется. И это второй способ дублировать контуры. B в этот раз я опять воспользовался трансформацией через Warp чтобы ещё сильнее изогнуть овал.

Теперь выделите инструмент Rectangle Tool . Визуально ничего не изменилось. Но обратитесь к панели настроек Rectangle Tool . Скорее всего там выбрана опция Create Shape New Layer . Воспользовавшись Rectangle Tool вы просто создадите другой слой с новой векторной маской. А мы этого не хотим. Мы хотим рисовать только на одном слое. Переключитесь в панели настроек на опцию Add to Shape Area (+) Эта настройка добавляет векторные пути на уже созданные векторные маски. Осталось только выделить правильную векторную маску на нужном векторном слое. Нарисуйте 2 прямоугольника.


Осталось собрать из всей этой горы нормальную фигуру и для этого мы воспользуемся режимами Add, Subtract, Exclude и Intersect . Настройка — Subtract превращает векторную фигуру в «вырезающую» векторную фигуру. Как в букве 0 присутствует 2 контура. Но один внешний, заполняющий, а второй, поменьше, вырезающий. Вот и выберите инструментом Path Selection Tool большой прямоугольник и овал, и переключитесь в настройках на Subtract from Shape Area (-)

Для точности выберите инструмент Rectangle Tool , в настройках поставьте Subtract from Shape Area (-) и отрежьте ещё один кусочек от буквы А . Затем выберите инструмент Direct Selection Tool , кликните по верхнему углу узкого прямоугольника, выделите векторную точку и потяните её вниз. Фигура приобрела смысл. И если все правильно, вы только что научились делать логотип в Фотошопе с нуля.

Сливаем векторные слои

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

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

Начнем с буквы А , которая уже сложная, но белый овал сверху по прежнему существует в виде второго слоя, закрывающего часть буквы А . Выделите инструментом Move Tool маску белого овала, находящегося выше буквы А . Затем выделите векторный контр инструментом Path Selection Tool . Скопируйте его Edit > Copy . Теперь кликните по маске слоя буквы A сделайте Edit > Paste скопированного контура. Мы внедрили контур в маску буквы А , осталось задать ему правильные настройки и эти настройки — Subtract from Shape Area (-) Теперь вы можете смело удалить ненужный овал выше, у вас появилась сложная фигура. При уверенности что вы более не будете менять контуры, выделите инструментом Path Selection Tool все контуры буквы A и слейте их нажав кнопочку Combine на панели настроек.

Проделайте тоже самое с буквой Q . Выделите белый хвостик и белый овал и скопируйте контуры внутрь основного голубого контур от буквы Q . Смените их настройки на Subtract from Shape Area (-) Затем скопируйте и видимую часть хвостика. И я бы слил буквы A и Q , так как они не предназначены для того чтобы находиться по отдельности друг от друга. В ходе подобной работы может оказаться ситуация, когда у вас внутри одной маски будет добавляющий контур, и скрывающий. И скрывающий будет перекрывать добавляющий. Вот что происходит на самом деле. Вырезающий контур вырезают добавляющий потому что находится выше по иерархии. На самом деле все эти контуры находятся не на одной плоскости. Конечно, в фотошопе нет «Слоев» контуров, ими невозможно управлять так как в Иллюстраторе. Все что мы можем сделать, это вырезать контур и скопировать его назад. Тогда он появится выше всех остальных контуров.

Аналогичную работу проделайте с контурами большого яйца чтобы в итоге получить всего 2 слоя — внешняя темно голубая полоска и внутренняя светло голубая. И мне кажется, мы только что нарисовали логотип в векторе при помощи Фотошопа. Осталось только сохранить его в формат PSD , EPS или PDF.

Печать логотипа

В плане печати логотипа важны цвета. Работайте в цветовом режиме CMYK , Image > Mode > CMYK о котором вы подробно можете почитать в моей статье Цветовой режим CMYK , чтобы узнать, как готовить графику для печати почитайте статью Подготовка к печати за 10 минут . Если вы уверены, что логотип создается прежде всего для Веб контента я все равно посоветовал бы вам добиться максимально ярких цветов в CMYK , а затем уже переводить логотип в RGB для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.

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

Хороший логотип должен отвечать следующим требованиям:

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

Логотипы делятся на три типа:

  • Название, которое представлено в оригинальной графической обработке;
  • Фирменный знак;
  • Фирменный блок – симбиоз названия и фирменного знака.

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

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

Перед началом урока стоит упомянуть об онлайн-сервисах генерации логотипов таких как: www.logaster.ru , ogotypecreator.com и т.д. Конечно, это удобно, но в таком случае отсутствует элемент личного творчества и не всегда пользователь будет удовлетворен результатом. В то время как создание логотипа в фотошопе дает полную свободу и возможность сделать логотип максимально отвечающим задумке автора.

Итак, начнем.

  • После запуска программы Photoshop необходимо создать новый файл. Для примера будет установлена ширина и высота 300 на 250 пикселей соответственно;
  • Выполнить заливку фона. Для этого в меню «Слои » выбрать пункт «Новый слой-заливка », «Цвет »:
  • В меню «Фильтр » переходим через пункт «Галерея фильтров » и выбираем подходящий фильтр:
  • Далее рисуем логотип в фотошопе с помощью инструмента «Эллипс » и заливаем его цветом:
  • После этого в меню «Слои » выбираем «Стиль слоя ». В появившемся окне переходим на вкладку «Обводка »:

Текущий результат представлен ниже:

  • Теперь нужно выполнить надпись, чтобы получить красивый логотип в фотошопе. Так как на данный момент создана только заготовка – фон логотипа. Используя инструмент «Горизонтальный текст », создаем надпись нужного цвета:
  • Затем необходимо деформировать текст и использовать «Обводку », как это было сделано ранее, а также применить стиль «Тень ». Все настройки стилей слоя и инструментов устанавливаются в зависимости от своих предпочтений:

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

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

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

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

  • 1. Для начала нам требуется создать новый файл с разрешением 800х600 пикселей
  • 2. Выбираем инструмент Горизонтальный текст (T), размер шрифта 85пт. Придумываем прикольное название (в моем случае это будет «Reduction music») и выводим его на экран (цвет моего текста #282828).

  • 3. Далее тем же шрифтом, но уже с размером 50пт пишем Music (ставим в правый нижний угол надписи «Reduction»), также нужно выделить «Red» в первой надписи и окрасить эти буквы в #ac2828 цвет.

  • 4. Выбираем инструмент Прямоугольник (U) и вырисовываем простой декоративный элемент логотипа.

  • 5. Создаем новый слой.После этого инструмент Кисть(B), выбираем заранее скаченные кисти (в начале урока ссылка), размер 500пт и добавляем на новый слой, поверх логотипа

  • 6. Выбираем слой с нашей кистью, затем берем инструмент Прямоугольная область (М) и выделяем силуэт человека, начиная с середины верхнего подчеркивания надписи «Reduction

Логотип – это гораздо больше, чем просто слова, иконка, цвет. Хороший логотип рассказывает историю о вашей компании: кто вы, чем вы занимаетесь и на чем стоите.

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











Что такое логотип и для чего он нужен?

Но перед тем, как мы непосредственно перейдем к рекомендациям, хотим посоветовать вам онлайн сервис от Турболого , который может создать для вас логотип все за несколько минут. Просто введите название компании и сайт создаст вам несколько логотипов!
Теперь перейдем к статье:)

Каждый день мы постоянно сталкиваемся с логотипами.

Например, средний житель США за день видит 16 000 рекламных объявлений, логотипов и этикеток. Если вы оглядитесь, наверняка также заметите несколько десятков логотипов вокруг вас.

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

Что мы, прежде всего, понимаем под словом “логотип”?

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

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

Словесными элементами могут выступать:
– существующие слова в названии компании;
– искусственные слова;
– аббревиатуры;
– буквы;
– цифры.

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

Эмблема

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

Буквенно-цифровой

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

Многие компании предпочитают использовать этот тип логотипа, потому что их инициалы лучше иллюстрируют название компании, чем полное имя (если оно слишком длинное или труднопроизносимое). Это логотипы таких известных компаний, как Hewlett-Packard, Chanel и General Electric.

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

Логотип Target – отличный пример универсального логотипа.

Как проверить универсальность логотипа?

Спросите себя, будет ли логотип отличным, если он:

Напечатан в одном цвете?
Напечатан размером с почтовую марку?
Напечатан как большой рекламный щит?
Напечатан в черном-белом варианте?

Если ответ “да” на все вопросы – поздравляем! Вы создали универсальный логотип!

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

Патрик Уинфилд.

Соответствие сфере деятельности компании

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

Возникает вопрос - должен ли логотип соответствовать сфере бизнеса? Ответ может дать недавно проведенное исследование одного онлайн конструктора по созданию логотипов.

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

11 вопросов, которые нужно задать самому себе перед созданием логотипа

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

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

Для чего это нужно?

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

Анализ вашего бизнеса

Как бы вы описали вашу компанию в 1-2 предложениях?
Какие долгосрочные цели вашей компании?
Какими ключевыми словами можно описать ваш бизнес?
В чем ценность ваших продуктов и услуг?
Какова ваша целевая аудитория?
Какие качества ваш логотип должен донести до ваших клиентов?

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

Анализ конкурентов

Кто ваши главные конкуренты?
Почему они лучше/хуже вас?
Чем вы бы хотели отличаться от конкурентов?
Какие логотипы вам нравятся и почему?

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

Анализ применения логотипа

Как и где логотип будет использоваться большую часть времени?

Вам нужно ответить на этот простой, но очень важный вопрос.

Например, логотипы авиакомпании должны отлично смотреться на хвосте самолета.

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

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

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

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

Как выбрать шрифт для логотипа?

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

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

Категории шрифтов

1. Шрифты с засечками
2. Шрифты без засечек
3. Рукописные
4. Машинописные
5. Декоративные

1. Шрифты с засечками (Serif) имеют небольшие черточки на концах каждого элемента буквы и переход от толстой линии к более тонкой.

4. Машинописные шрифты имитируют текст, набранный на печатной машинке.

Как выбрать цвет для логотипа?

Цвет, цвет и еще раз цвет! Это первая точка взаимодействия и самый запоминающимся объект, – говорит Лесли Харрингтон, исполнительный директор компании The Color Association.

Понимание того, как цвет влияет на человеческое восприятие очень важно при создании качественного логотипа, – утверждает Мартин Кристи из Logo Design London.

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

Как выбрать нужный цвет логотипа?

Чтобы получить ответ на этот вопрос, вам следует задать себе 3 вопроса:

Какой цвет подчеркивает индивидуальность вашего бренда?
Какие цвета характеризуют ваши продукты/услуги?
Какой цвет использует ваш конкурент?

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

Что делать, когда вы выяснили цвета конкурентов?

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

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

Один цвет или несколько?

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

Поэтому смело можно использовать как один цвет, так и несколько. Главное – чтобы они сочетались! Но, конечно, не стоит переусердствовать и использовать большое количество цветов.

– Памела Уилсон.

Как подобрать несколько цветов для логотипа?

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

Например Adobe Kuler или русскоязычный сервис Colorscheme.

Дизайнеры часто используют привило 60-30-10. Оно заключается в том, что вы выбираете 3 разных цвета и используете их в соотношении 60%, 30% и 10%. Это правило обеспечивает простой способ создания профессиональной цветовой схемы для вашего бренда.

– Джаред Кристоферсон, Yellowhammer

Где найти вдохновение для логотипа?

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

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

Logo Pond

Шаг 1. Создайте несколько черновиков

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

Шаг 2. Нарисуйте набросок дизайна логотипа

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


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

Шаг 3. Выберите инструменты для создания логотипа

Создать логотип можно с помощью:

– графических программ – Adobe Illustrator, Inkscape, Photoshop;
– платформ по заказу логотипов – 99Designs:
– онлайн сервисов и конструкторов – , Турболого . Очень полезный сервис, советую!

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

Шаг 4. Создайте логотип

Шаг 5. Тестируйте логотип

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

Шаг 6. Проверьте масштабируемость логотипа

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

Несколько советов:
– Если логотип имеет много деталей или линий, которые являются тонкими, то логотип может выглядеть слишком суетливым при малых размерах.
– Если логотип создается для визитки или сайта, то он будет, как правило, выглядеть неуклюжим при больших размерах.
– Используйте графические программы, такие как Adobe Illustrator или Inkscape, они позволяют вам проверить масштабируемость вашего лого.

Шаг 7. Создайте несколько форматов логотипа

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

Несколько советов:
– Сохраняйте логотип не только в .
Последний позволит с легкость масштабировать ваш логотип без потери качества. Если у вас уже есть логотип в растровом формате, можете конвертировать его в векторный с помощью сайта vectormagic.com.
– Используйте логотип в формате PNG, JPEG для интернета и в PDF, EPS, SVG для печати.
– Сохраните вариант логотипа в черно-белом варианте для печати логотипа, например, на пакетах, ручках, канцелярских изделиях.

Шаг 8. Продолжайте получать обратную связь

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


Действительно ли ваш логотип отличный? [Чек лист]

И так, наверное, вы уже создали логотип. Поздравляем!

Но действительно он хороший? Будет ли он отлично смотреться в различных размерах? Что ж, давайте проверим эффективность вашего логотипа с помощью нашего чек-листа.
Пройдитесь по каждому вопросу и ответьте “да” или “нет”.

1. Логотип выглядит привлекательным хотя бы для трех человек
2. Логотип хорошо смотрится в черно-белом исполнении
3. Логотип узнаваем в перевернутом положении (виде)
4. Логотип узнаваем, если изменен его размер
5. Отсутствуют сложные детали
6. Логотип визуально уравновешен – иконка, шрифт, цвет гармонично смотрятся вместе
7. Не используется слишком много шрифтов, цветов, эффектов
8. Логотип заметный среди других логотипов

Как мы уже писали, очень важно выделиться на фоне других компаний, тем более конкурентов.
Соберите логотипы ваших конкурентов и разместите ваш где-то между ними.
Он заметен? Заметный на фоне других? Если да, все отлично!

9. Логотип адаптивный

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

10. Логотип запоминаемый

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

11. Логотип универсальный

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

12. Логотип легко читается

Представьте, что ваш логотип размещен на баннере, а вы едете на машине со скоростью 70-80 км в час. Вы смогли бы прочитать текст вашего логотипа? Если да, все в порядке. Если нет, возможно, стоит поработать над шрифтами.

13. У вас есть векторные форматы логотипа

Очень важно иметь файлы логотипа в векторе (AI, EPS, SVG, PDF). Это позволит вам печатать логотип в любом масштабе без потери качества, а также редактировать его. Например, сделать логотип другого цвета.

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

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

ПРОЦЕСС ПОДГОТОВКИ (Как создать свой логотип)

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

Теперь следует выбрать размеры изображения, ширину изображения ставим на 1920 пикселей, высоту ставим на 1080 пикселей, это достаточно большое разрешение, которое считается HD разрешением, поэтому его будет достаточно, после нажимаем «ОКей» .

Перед нами появляется белое окно, справа от него будет расположено окно объектов, в котором нужно найти слой номер 0, и, нажав по замку два раза левой кнопкой мыши снять блокировку, нажав «ОКей» .

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

Как создать свой логотип? Прежде всего, создание логотипа зависит напрямую от Вашей фантазии и навыков фотошопа, больше всё же зависит от Вашей фантазии. Если у Вас нет творческих способностей, то советую Вам обратиться на «фриланс» и заказать логотип у веб-дизайнера. Но, если у Вас с творчеством всё в порядке, то вы и сами всё сможете сделать. Давайте пробовать!

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

НАЧИНАЕМ РАЗРАБОТКУ

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

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

Чтобы трансформировать прямоугольники, нажимаем сочетания клавиш ctrl+t

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

Теперь давайте сделаем еще несколько элементов, выберем уже не прямоугольник а «эллипс» , зададим ему ширину и высоту 28×28 пикселей.

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

Теперь создадим несколько линий при помощи того же прямоугольника и поставим их между «эллипсами» .

ЗАКЛЮЧИТЕЛЬНЫЙ ЭТАП (Как создать свой логотип)

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

После того, как вы завершили создание своего логотипа, рекомендую Вам объединить все слои в одну группу, предварительно выделив все слои, и нажав сочетания клавиш «ctrl+g» , мы сможем объединить их в одну папку, нажав на название папки два раза, мы сможем изменить имя группы.

СОХРАНЕНИЕ ЛОГОТИПА

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