В этой статье я расскажу как сделать красивый и стильный логотип для своего сайта, канала youtube или группы вк. Вы узнаете где можно скачать готовый логотип без водяных знаков, сколько будет стоить хорошая эмблема под заказ и как можно создать лого самостоятельно с помощью конструктора.
Как сделать логотип в конструкторе
Самый простой и быстрый способ – сделать логотип самостоятельно с помощью специального сервиса - генератора логотипов. Вам нужно будет выбрать эмблему, которая подходит тематике вашего сайта или паблика, добавить к ней название и слоган и выбрать шрифт и цветовую гамму. Если вас интересуют подробности, советую прочитать .
Вот моя подборка самых лучших онлайн конструкторов
1. Logaster – самый лучший конструктор логотипов
А вот короткое промо-видео сервиса:
2. Genlogo – удобный и многофункциональный
Где можно купить готовый логотип
Еще один хороший вариант – приобрести готовый логотип в магазине. Я рекомендую магазин логотипов Graphicriver .
Основные преимущества:
- Более 50 тыс. различных вариантов эмблем на выбор.
- Здесь публикуют свои работы лучшие дизайнеры со всего мира.
- Демократичные цены. За 6$-10$ можно купить отличный профессиональный логотип, это дешевле, чем заказывать у фрилансера или в студии веб-дизайна.
- Логотипы предоставляются в редактируемых форматах, например PSD. Это значит, что Вы сможете в Photoshop подставить в логотип название своего сайта или фирмы.
- С помощью фильтров можно сортировать по категориям и цене.
Есть и недостатки:
- Оплата только PayPal. Как зарегистрироваться в PayPal смотрите .
- Сайт на английском языке. Если не владеете английским то, Вам придется воспользоваться переводчиком сайтов. О том, как это сделать на примере браузера Google Chorome .
Где заказать разработку логотипа
Новый логотип можно заказать у дизайнера. Это можно сделать на любой бирже фриланса.
Достоинства:
- Разрабатывается индивидуально. Он гарантированно впишется в дизайн сайта по размеру, стилю и цветовой гамме.
- Большинство авторов предоставляют сразу несколько вариантов на выбор.
Недостатки:
- Придется потратить дополнительное время на изучение портфолио авторов и отзывы об их работе.
- Для того, чтобы получить качественный результат, необходимо составить подробный список требований к готовой работе, и заранее обговорить все мелочи с дизайнером.
- Разработка «под ключ» обойдется дороже, чем покупка готового или использование онлайн генератора.
- Результата придется подождать от 3-х до 7-ти дней, без учета правок и исправлений.
Я перепробовал много различных бирж фриланса и, в конце концов, остановился на Kwork. Мне понравился удобный интерфейс, низкие цены и хорошая конкуренция среди исполнителей.
Создание логотипа в Photoshop своими руками
Если есть желание, время и навык работы в Photoshop, то можно создать логотип своими руками с нуля. Вот неплохое видео на эту тему:
Выводы
Теперь вкратце подведем итоги. Если Вам нужна красивая эмблема для сайта то вы можете:
- Купить готовый лого в магазине. Это самый простой и удобный способ.
- Воспользоваться онлайн конструктором. Это тоже очень удобно и оставляет большой простор для фантазии. Из всех онлайн сервисов для создания логотипов мне больше всего понравился Логастер . По количеству настроек и опций ни один другой сервис не может с ним сравниться. Cool Text довольно неплох, однако у него функционал поменьше. Кроме того, он англоязычный, что создает дополнительные препятствия тем, кто не владеет английским.
- Заказать лого «под ключ» на бирже фриланса. Это довольно хлопотно, но дает отличные результаты.
- Сделать эмблему самостоятельно. Этот вариант подходит только тем, кто умеет и любит работать в Photoshop.
В прошлый раз мы выяснили, что оказывается в Фотошопе можно сделать, пусть с небольшими изощрениями, визитку. В этот раз мы выясним, что Фотошоп способен и на вполне рабочий и пригодный для заказчика Логотип.
Логотип — вектор или растр?
Масса заказчиков под логотипом подразумевает не более чем картинку, которую они смогут посмотреть на своем компьютере. Основная проблема начинается тогда, когда заказчик, налюбовавшись на логотип в своем мониторе решает пустить его в дело. Например напечатать большой плакат размером с дом. Помнится именно такой плакат когда то вывешивал сайт 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 для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.
Разработка логотипа - достаточно дорогое занятие, потому многие владельцы небольших компаний предпочитают делать это самостоятельно. Кажется, что дело это простое, и переплачивать дизайнеру за какую-то картинку не имеет смысла. Только знаний графических редакторов и умения рисовать для того, чтобы создать логотип, недостаточно. Конечно, существует множество онлайн-генераторов, позволяющих создать логотип без водяных знаков из готовых картинок. Только вряд ли такое изображение поможет решать поставленную задачу и работать на привлечение покупателей.
История появления логотипа
Рассмотрим, какие правила существуют при разработке, и как создать логотип самому. Но прежде ознакомимся с историей возникновения этого понятия, ведь иначе будет невозможно дать ему определение. Понятие «логотип» появилось в начале XIX века и было синонимом лигатуры. Лигатура - это объединение нескольких символов в один. Когда промышленность начала стремительно развиваться, появилась необходимость в создании специальных средств для печати. Начали разрабатываться различные станки, и долгое время логотипом назвали просто текстовые клише, которые не надо было набирать каждый раз заново. Обычно они использовались для заголовков газет и не менялись долгое время.
Логотип в современном понимании
Но в XX веке определение изменилось - теперь так называют некое изображение, которое способно передать индивидуальность компании или бренда. Современные логотипы по смыслу похожи на средневековые фамильные гербы. Они позволяют потребителям отличить своих от чужих и выделять для себя любимые компании. До сих пор существует множество споров о том, что же это такое на самом деле. Некоторые графические дизайнеры утверждают, что логотипом может быть только текст, а знаковая часть - это отдельный элемент брендового оформления, но существует и противоположное мнение. Перед тем, как создать логотип, важно понять, что теперь так называют не только надпись или рисунок, но и какой-то символ, комбинацию нескольких знаков или эмблему. Они могут быть вместе или по отдельности, но, самое главное, чтобы конечное изображение передавало индивидуальность компании, для которой оно разработано.
Символический вид логотипа
Перед тем, как создать логотип самому, нужно узнать, каким он вообще может быть. Существует несколько групп, на которые разделяют этот тип изображений. Самым популярным видом логотипов является символический. Он наиболее распространен среди крупных компаний, потому что при помощи символов можно создать некий ассоциативный ряд с товаром или услугой. Когда человеку на глаза попадается этот символ, он легко воспринимает образы, связанные с товаром. Перед тем, как создать свой логотип или эмблему, представьте, какие именно ассоциации должен вызывать конечный продукт дизайнерской мысли. Сделать это бывает непросто, потому так важно на первом этапе работы выписывать для себя как можно больше возможных вариантов.
Текстовые логотипы и эмблемы
Следующий вид - текстовые логотипы. Это один из самых удобных логотипов для дизайнеров, занимающихся разработкой страниц в Интернете. Один из вариантов, который стоит использовать при создании сайта, - это текстовый логотип. Создавая логотип самостоятельно, важно помнить, что для сайтов удобнее, когда домен является логотипом и названием проекта одновременно. Буквенно-цифровые или аббревиатурные виды используются компаниями с очень сложными названиями. Сокращения в виде аббревиатур также могут становиться логотипами. Эмблема является очень специфическим видом логотипов - это объемное изображение. В комбинированном виде присутствует текстовая часть и иконка. Самой популярной формой логотипа является круг - он пользуется наибольшим вниманием. В качестве небольшой тренировки, оглянитесь вокруг и попробуйте отыскать как можно больше логотипов. Сравните их формы друг с другом и найдите самую распространенную. Скорее всего, это будет именно окружность.
Стили логотипов
Перед тем, как создать логотип, стоит определиться с его будущим стилем. Стили можно разделить на множество групп, но чаще всего используют следующие:
- Флат-дизайн - это современный вариант исполнения логотипа, который хорошо подходит для молодежных проектов. Он является прообразом минимализма и выражается в намеренном упрощении форм.
- Контрформа - специальный прием, позволяющий создавать логотипы и другие графические изображения из различных форм. В этом стиле особым образом используется негативное пространство (пустота). Оно может быть не менее активно, чем сама фигура. Дизайнер использует все пространство и внутри изображения, и за его пределами.
- Каллиграфия - особый «теплый» стиль, выражающий уютную атмосферу того места, где он используется. Его специфичность выражается в том, что он подходит для брендов, где что-то делается руками: для кулинарии, ателье, парикмахерских.
- Минимализм - самый универсальный стиль исполнения логотипа. Его можно использовать в местах, где неприемлемы другие варианты.
Как найти идею для логотипа?
Один из методов поиска идей уже был описан выше - это фиксации ассоциаций. Начните с создания эскиза и записывайте все, что приходит в голову. Если это не помогает, привлеките к работе команду и поделитесь идеями друг с другом. В команде профессионалов очень часто срабатывает мозговой штурм. Опишите логотип на бумаге, чтобы представить его. Попробуйте сделать аббревиатуру из названия или выделите некоторые буквы и превратите их в изображение. Воспринимайте буквы как символы. Используйте негативное пространство, учитесь работать с ним.
Первое правило при создании логотипа
Если вы задумались, как создать логотип компании самому для своей фирмы или же для заказчика, помните: дизайнер должен получать полное техническое задание или бриф перед тем, как приступить к работе. Обязательно нужно до конца понимать задачу, поставленную заказчиком. Без полного брифа начинать разработку не имеет смысла. Трата времени и сил без понятных критериев оценки и пожеланий заказчика - верный признак огромного количества будущих правок макета. Не получив в полном объеме задания с описанием того, что нужно делать, исполнителю нужно готовиться к тому, что скорее всего финальный проект не утвердят.
Второе правило при создании логотипа
Второй пункт - минимизировать работу с компьютером. Перед тем, как создать логотип, начните с очень простых предметов - листа бумаги и ручки или карандаша. Эти предметы будут меньше всего отвлекать от задания. Планшеты и другие гаджеты притягивают внимание к себе, а не к работе. Существует мнение, что чистый лист может вызывать ступор и отпугивает идеи. Но это лишь миф. Достаточно просто взять ручку или карандаш в руку и заполнить немного свободного пространства, чтобы приступить к созданию первого эскиза.
Первый этап: создание набросков
Сначала сделайте набросок или скетч. Набрасывайте все, что придет в голову - во время работы вам нужно быть в состоянии потока. Размышляя о том, как создать логотип, фиксируйте на бумаге максимальное количество образов, которые приходят вам в голову. Не разделяйте наброски на этом этапе на удачные и неудачные. Бывает, что очень простой и на первый взгляд неказистый набросок развивается в красивый и лаконичный логотип. Помните, что на этом шаге не бывает плохих идей. На последующих этапах какая-то часть скетчей все равно отфильтруется. Черновик - это наброски, в которых зафиксированы лучшие идеи. Теперь настало время, когда лучше всего начать согласовывать макет с заказчиком. Достаточно выбрать 3-4 удачных варианта, которые, на ваш взгляд, решают поставленную задачу, и только после этого перейти к следующему шагу.
Эскиз и работа с графическими редакторами
Создание эскиза - этап, на котором пора включить компьютер. Чтобы создать логотип, программа для работы с изображениями понадобится в любом случае. Выбирайте удобный графический редактор. Хорошо, если он у вас уже установлен, но, если нет - приобретайте только лицензионные продукты. Подумайте о том, в какой программе создать логотип, - важно применять для работы правильные инструменты. Создавать эскиз лучше всего не в растровых редакторах, а в векторных. Если вы выбираете продукт от компании Adobe, лучше всего остановиться на Illustrator, а не Photoshop. Хотя Adobe Photoshop часто более знаком графическим дизайнерам, он создан для редактирования фотографий и создания коллажей. Конечно, если вы лучше представляете, как создать логотип в "Фотошопе", пользуйтесь им. Но Adobe Illustrator создан именно для рисования и является более оптимальным вариантом.
Презентация готового эскиза заказчику
Закончив эскиз из утвержденного заказчиком черновика, вы получаете практически готовый продукт с различными вариациями. Именно эту часть проекта вы будете презентовать заказчику. Не стоит стремиться к оригинальности - важно не создать такой логотип, а оригинально подать его. Ваш продукт должен стать универсальным и хорошо смотреться на любом носителе. Правильная презентация - очень важный этап создания логотипа. Если вы отдадите свою работу в сыром виде, то скорее всего клиент не сможет «представить его своим», то есть почувствовать, что это изображение выражает его индивидуальность. Логотип должен находиться на своем месте, чтобы заказчик увидел его как завершенный - при такой подаче вам будет легче защитить свой макет. То есть, если вы создаете логотип для сайта, во время презентации он должен располагаться на сайте. Если для визитки - на самой визитке, а не выглядеть как обычная картинка. Завершающий этап - это работа с возражениями и внесение правок в макет. Очень редко заказчику сразу все нравится, и он принимает работу с первого раза. Потому нужно быть готовым к тому, что придется обосновывать свой выбор.
Главные правила презентации проекта
Оживить логотип и презентовать его клиенту можно через презентацию. Это очень важный этап в создании макета. Дизайнеру нужно продумать, как логотип будет нанесен на различные элементы и материалы: как он будет смотреться на визитке, пакете, сайте? Подавать готовый макет нужно в цветном и монохромном виде - в любом случае, он должен хорошо читаться и не сливаться с фоном. Существуют логотипы с открытым смыслом. Например, в логотипе «Формулы 1» между черной буквой F и красной штриховкой можно заметить цифру «1» в негативном пространстве, а в логотипе компании FedEx - белую стрелку между буквами «E» и «X».
Какие шрифты использовать для логотипа?
Можно выделить пять основных групп шрифтов:
- Рубленый шрифт - самый популярный который часто используется в полиграфии для заголовков. Он хорошо читается, является четким и контрастным.
- Шрифт с засечками - часто бывает вспомогательным и соседствует с каким-то другим. Он используется в книгопечатании, потому что глаза легко пробегают по строчкам, набранным именно им. Засечки становятся своеобразными маяками для глаз и облегчают чтение крупных текстов.
- Рукописный шрифт - не рекомендован для логотипов, так как при уменьшении размера он становится неразборчивым. плохо читаются.
- Декоративный шрифт - эта группа шрифтов очень быстро набирает популярность и становится неоригинальной.
- Машинописный шрифт - редко встречается при создании логотипов и практически не используется, так как его тяжело читать при уменьшении размера.
Как правильно выбрать шрифт?
Шрифт должен соответствовать сфере бизнеса. Его начертание имеет очень большое значение. Также нужно посмотреть, что используют конкуренты в своих логотипах. Шрифт должен быть читабельным на различных форматах - на визитках, билбордах и иконках. Некоторые крупные компании заказывают разработку собственных шрифтов или присылают исполнителю уже готовые. Не нужно гоняться за трендовыми шрифтами - спустя какое-то время модный сейчас логотип станет встречаться повсюду и перестанет быть оригинальным.
Еще одна важная тема - это цветовое оформление логотипа. Для выбора нужной гаммы, задайте заказчику несколько вопросов о том, какой именно оттенок будет характеризовать его продукт, какой подчеркивает его индивидуальность, и узнайте оформление логотипов у конкурентов. После этого выбрать будет легче. Стоит помнить, что различные цвета вызывают определенные эмоции - это своеобразные клише восприятия. Например, красный цвет считается вызывающим и может казаться опасным, желтый используется для привлечения внимания, синий - цвет безопасности и доверия. Именно поэтому некоторые социальные сети и банки используют его в своих логотипах. Зеленый - это свежесть, экологичность и натуральность. Оранжевый - солнечный, привлекательный цвет, вызывает чувство доверия. Розовый - это женственный и романтичный цвет. Фиолетовый часто используется в индустрии красоты, он насыщенный и жизнерадостный, ассоциируется с новизной. Черный - респектабельный, строгий и выделяющий детали. Иногда заказчик предоставляет готовые палитры цвета.
Особенности оформления логотипа
Расстояние между текстовой частью и картинкой должно быть не слишком большим, чтобы в восприятии наблюдателя логотип не разваливался на отдельные части, а выглядел цельно. Монохромность также очень важна. Желательно использовать не более 3 цветов. Большое количество будет отвлекать внимание на оформление. При распечатке некоторые оттенки могут смешаться и превратиться из ярких полосок в серую массу. Не бойтесь использовать простые логотипы -мастерство дизайнера состоит не в создании множества деталей. Старайтесь не превращать логотип в пестрое пятно. Ориентируйтесь на будущее, имейте в виду, что ваш проект может существовать много лет, он не должен выходить из моды.
Типичные ошибки при разработке логотипа
Очень часто дизайнер, создавая логотип, начинает воплощать какие-то свои мысли и идеи, а не решает задачу клиента. Это случается, когда заказчик еще не предоставил технического задания, а дизайнер уже приступил к разработке. Для фрилансера такое поведение приведет к потере времени и денег, а при работе в компании - негативно скажется на ее репутации и приведет к убыткам. Приверженность к новым программам тоже часто приводит к потере времени. Частой ошибкой является неумеренное использование ярких цветов или суждение о шрифте по его изображению на экране, а не на бумаге или другой поверхности. Не нужно бояться «пустых» и слишком простых логотипов - все должно быть лаконично и по делу. Старайтесь избавляться от лишних элементов и деталей. Начинающим дизайнерам не нужно стремиться к идеальности - просто хорошо выполняйте свою работу и решайте задачу, поставленную заказчиком.
Привет всем!
Сегодня разберемся, как быстро и просто самому сделать красивый логотип для своего сайта или блога. Мы рассмотрим несколько сервисов и программ, которые нам в этом помогут. В данной статье будут приведены примеры работы с инструментами и их функционал. А вы сможете выбрать, какой из способов создания логотипов подходит вам больше.
Назначение 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).
Это вся информация на сегодня. До новых встреч!
25.01.16 13.3KНередко при создании сайта нужно разработать логотип, который должен быть ярким и запоминающимся. Почему это так важно? Логотип – это своего рода эмблема, символ компании или сайта, который используется в качестве рекламы и повышения узнаваемости. Поэтому логотип это важный атрибут каждой организации, который представляет ее имя.
Хороший логотип должен отвечать следующим требованиям:
- запоминаемость – желательно, чтобы логотип запоминался человеком после пары взглядов на него;
- уникальность – логотип должен быть не похож ни на одни из уже существующих логотипов на рынке. Более того, он должен выделяться на их фоне;
- оригинальность – в логотипе должна заключаться интересная «фишка», которая также влияет на узнаваемость и запоминаемость;
- лаконичность – логотип не должен быть перегруженным информацией;
- ассоциативность – логотип должен оставлять четкую ассоциацию с компанией.
Логотипы делятся на три типа:
- Название, которое представлено в оригинальной графической обработке;
- Фирменный знак;
- Фирменный блок – симбиоз названия и фирменного знака.
Создание логотипа
Крупные компании и организации пользуются услугами профессиональных дизайнеров. Но когда идет речь о создании эмблемы, к примеру, для своего сайта, можно обойтись собственными силами и при помощи Photoshop выполнить работу собственноручно. Поэтому далее в статье будет описано, как сделать логотип в фотошопе.
Перед началом урока стоит упомянуть об онлайн-сервисах генерации логотипов таких как: www.logaster.ru , ogotypecreator.com и т.д. Конечно, это удобно, но в таком случае отсутствует элемент личного творчества и не всегда пользователь будет удовлетворен результатом. В то время как создание логотипа в фотошопе дает полную свободу и возможность сделать логотип максимально отвечающим задумке автора.
Итак, начнем.
- После запуска программы Photoshop необходимо создать новый файл. Для примера будет установлена ширина и высота 300 на 250 пикселей соответственно;
- Выполнить заливку фона. Для этого в меню «Слои » выбрать пункт «Новый слой-заливка », «Цвет »:
- В меню «Фильтр » переходим через пункт «Галерея фильтров » и выбираем подходящий фильтр:
- Далее рисуем логотип в фотошопе с помощью инструмента «Эллипс » и заливаем его цветом:
- После этого в меню «Слои » выбираем «Стиль слоя ». В появившемся окне переходим на вкладку «Обводка »:
-Текущий результат представлен ниже:
- Теперь нужно выполнить надпись, чтобы получить красивый логотип в фотошопе. Так как на данный момент создана только заготовка – фон логотипа. Используя инструмент «Горизонтальный текст », создаем надпись нужного цвета:
- Затем необходимо деформировать текст и использовать «Обводку », как это было сделано ранее, а также применить стиль «Тень ». Все настройки стилей слоя и инструментов устанавливаются в зависимости от своих предпочтений:
И в завершение урока о том, как создать логотип в фотошопе добавим тематические изображения к уже созданной эмблеме. Для этого в Photoshop необходимо открыть картинки, которые будут добавлены на логотип, выделить нужные участки и перетащить их на слой с фоном. В результате получается довольно интересный логотип:
