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

29.09.2019

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

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

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

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

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

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

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

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

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

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

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

Продублируйте получившееся яйцо. Layer > Dublicate Layer . Выберите его на панели слоев и трансформируйте Edit > 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, но никак не вектор. Если вы совсем не разбираетесь вам помогут мои статьи , и , но больше всего для понимания следующих процессов, вам поможет моя статья так как именно этими режимами мы будем пользоваться все оставшееся время.

Выберите на слоях внешний голубой овал от буквы А . Теперь выберите инструмент 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 , а затем уже переводить логотип в RGB для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Logo Pond

Logo Moose

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

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

Logo Gala

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

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

Logo Heroes

Здесь собраны лучшие логотипы в Интернете.

Logo Fury

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

Logo Faves

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

Ошибки при создании логотипа

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

Ошибка 1. Использование растрового изображения

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

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

Основные преимущества использования векторной графики при разработке дизайна логотипа:

1. Логотип можно масштабировать до любого размера без потери качества.
2. Значительно облегчается последующее редактирование логотипа.
3. Векторное изображение легче подстроить под другие носители, чем растровое.

Ошибка 2. Следование трендам

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

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

На сайте Logo Online Pros есть огромный раздел, где ежегодно обновляются текущие тренды дизайна логотипов. Важно, чтобы вы знали о последних причудах и любой ценой избегали их. — Smashingmagazine

Ошибка 3. Чрезмерная сложность

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

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

Посмотрите на корпоративные знаки Nike, McDonald’s и Apple. Каждая из этих компаний имеет очень простое изображение, которое легко можно воспроизвести в любом размере.

Ошибка 4. Зависимость от цветовых эффектов

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

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

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

Ошибка 5. Плохой выбор шрифта

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

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

Ошибка 6. Разработка логотипа для себя, а не для клиентов

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

Спросите себя, действительно ли этот шрифт и цвет подходит для моего бизнеса?

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

Ошибка 7. Типографический хаос

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

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

Ошибка 8. Создание монограммы

Одной из наиболее распространенных ошибок непрофессионального создания логотипов является попытка создать монограмму из начальных букв названия предприятия (например, B & H для компании Bob’s Hardware). Хотя на первый взгляд это выглядит изобретательно, но с помощью инициалов компании трудно добиться убедительности или передать необходимый посыл. Вы, конечно же, можете попробовать, но не останавливайтесь на этом, если есть другие варианты дизайна логотипа.

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

HP, FedEx, IBM и GM не начинали свой путь с аббревиатур; таковыми они стали через много лет после обретения высококлассной репутации.

Ошибка 9. Использование визуальных штампов

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

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

Ошибка 10. Копирование, кража или заимствование дизайна

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

Как создать логотип – пошаговое руководство

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

Теперь осталось разложить полученную информацию по полочками.

Взгляните еще раз на:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 9. Делайте редизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как создать логотип – пошаговая инструкция от А до Я обновлено: Февраль 18, 2018 автором: admin

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

В этом уроке, на основе данного материала , мы, с помощью Пера и кривых, создадим логотип автосервиса в винтажном стиле в Adobe Photoshop CS6.

Шаг 1

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

Шаг 2

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

Шаг 3

Переходим к самой сути создания, подбираем текст и рисуем автомобиль. В нашей работе, правильно подобранные слова, такие как "Premium Quality" (Высокое качество) и "Car Service" (Автосервис) могут очень сильно облегчить понимание логотипа, придать ощущение профессионализма. Ниже представлены два эскиза. Выберем второй вариант, так как он проще выглядит, а простота нам на руку.

Шаг 4

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

Шаг 5

Запустите Adobe Photoshop CS6, создайте новый документ File - New (Файл - Новый), Ctrl + N .

Настройки нового документа: ширина 800 pt (пунктов), высота 800 pt (пунктов), разрешение 300 пикселей на дюйм, цветовой режим CMYK .

Шаг 6

Отсканировав ваш эскиз логотипа, нарисованного карандашом на бумаге, вставьте его в новый документ, используя его как подложку. Непрозрачность слоя уменьшите до 70% . под слоем с эскизом создайте новый слой, залейте его белым цветом. В Палитре Слоев, для удобства, заблокируйте слой с рисунком. Для иных действий, всегда создавайте Новый слой, чтобы в дальнейшем не путаться в Фигурах и Контурах.

Шаг 7

Выберите инструмент Pen Tool (P) (Инструмент "Перо"), настройте инструмент, как на изображении ниже. Обведите основные контуры автомобиля. Далее, некоторые фигуры можно будет залить цветом одним щелчком мыши, благо Adobe Photoshop, начиная от версии CS6 стал ближе к Контурам, догоняя Adobe Illustrator.

Шаг 8

Настроив иначе инструмент Pen Tool (P) (Инструмент "Перо"), начинаем рисовать фигуры.

Шаг 9

Добавляйте понемногу черные фигуры корпуса и белые овалы автомобильных колес и фары. И когда уже модель будет готова, понадобиться соединить все фигуры вместе. Перво-наперво, следует убедиться, что все слои на своих местах. Например, слой с белой фарой должна находиться выше слоя с черным бампером. Таким образом, вырежем отверстие в фигуре. Объедините необходимые слои, бампер и фару, Ctrl + E . Образуется один слой, но с двумя мобильными фигурами. Выделите контуры инструментом Path Selection Tool (A) (Инструмент "Выделение контура"), и в настройках инструмента нажмите на Subtract from Shape Area (Вычесть переднюю фигуру), затем Merge Shape Components (Объединить компоненты фигуры).

Добавляя фигуры, редактируя контуры и объединяя все воедино, добиваемся следующего результата. Конечно, попотеть придется, смотря, как набита у вас рука, в работе с инструментами касаемо контуров.

Шаг 10

Создайте вокруг автомобиля овальную фигуру, залейте ее черным цветом, без контура. Дублируйте слой и с помощью Свободного трансформирования Ctrl + T , уменьшите немного второй овал. Таким образом, в Палитре слоев у вас будет один большой овал, а выше овал поменьше. Объедините эти слои в один. С помощью инструмента Path Selection Tool (A) (Инструмент "Выделение контура") выделите оба овала и выберите в настройках инструмента Exclude Overlapping Shapes (Исключить перекрывающиеся фигуры).

Шаг 11

С помощью инструмента Rectangle Tool (U) (Инструмент "Прямоугольник") создайте прямоугольник, наклоните, используя Свободную трансформацию, верхушку влево, чтобы получился параллелограмм. Создайте два дубликата, у первого немного увеличьте ширину. Второй отредактируем иначе. Инструментом Direct Selection Tool (A) (Инструмент "Стрелка") выберите правую верхнюю точку параллелограмма и тащите ее вправо до тех пор, пока данный угол не встанет в 90 градусов, перпендикулярно нижней правой точки контура, как показано на изображении ниже.

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

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

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

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

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

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

Как сделать логотип онлайн

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

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

Free Logo Maker

Зарегистрировавшись, поставьте галочку возле своего лого и нажмите кнопку «FREE WEB LOGO».

Online Logo Maker

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

Давайте рассмотрим интерфейс и основные возможности этого редактора.

Перейдя на главную страницу сайта, найдите и нажмите ссылку «Start online logo maker right now». Через некоторое время загрузится онлайн редактор, и вы сможете приступить к работе.

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

Слева находится меню с инструментами:

Add symbol — добавить символ
Add text — добавить текст
Upload image — загрузить изображение
Download logo — скачать
Save project — сохранить проект

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

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

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

Сделать логотип компании или сайта можно практически в любом редакторе изображений. К наиболее популярным относятся: Photoshop, Illustrator и CorelDRAW. Конечно, существуют и другие распространенные программы, но перечислить их все не представляется возможным.

Photoshop

Запустив программу, перейдите в меню «Файл» — «Создать» или нажмите Ctrl + N.

Создайте новое изображение размером 300 на 300 пикселей, фон выберите любой.

Добавьте новый слой, одновременно нажав Shift + Ctrl + N. Далее, с помощью инструмента «Овальная область» (М) нарисуйте круг. Чтобы он получился ровным, зажмите клавишу Shift.

Выберите «Заливку» (G) и закрасьте созданный круг любым цветом. После этого снимите выделение, нажав Ctrl + D.

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

Вот, что получится.

Добавьте «Блик», перейдя в меню «Фильтр» — «Рендеринг» — «Блик».

Добавим надпись: сайт.

Illustrator

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

Adobe Illustrator — неплохая альтернатива Фотошопу. Он подходит для работы со всеми типами векторного дизайна и иллюстраций. В нём создаются постеры, открытки и логотипы.

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

CorelDRAW

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

В следующем видео показано, как сделать 3D логотип в CorelDRAW.

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