Как нарисовать эмблему в программе PowerPoint пошагово с фото. Как создать логотип в фотошопе

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

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

Можно ли и как сделать логотип для сайта бесплатно? Ответ – да, можно.

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

В статье мы рассмотрим следующие моменты:

• Что такое и зачем нужен логотип.
• Как правильно подобрать логотип.
• Как сделать лого для сайта на вордпресс.

Что это такое

Важнейшим элементом блога является его логотип (logo, лого). Если сайт принадлежит какой-то организации, то это логотип – это, иначе говоря, эмблема организации.

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

Предъявляемые требования к логотипу

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

Виды logo

1. Состоящие из символов – когда в качестве лого выступает изображение. В данном случае картинка или анимация должна отражать характер сайта.
2. Текстовые логотипы представляют собой текст, отражающий название сайта.
3. Комбинированный логотип блога состоит из символа и графического текста.

Требования:

• Лого сайта должен легко запоминаться.
• Уникальность. Никогда не надо использовать чужие логотипы, поскольку это не принесет никакой пользы ни для блога, ни для его владельца.
• Оригинальность, т.е. надо придумать такой logo, который может чем-то удивить посетителя и потому останется в его памяти.
• Эмблема сайта должна отражать его характер.
• Логотип не должен раздражать посетителя.

Создание текстового логотипа в онлайн-конструкторе

В настоящее время таких сервисов в интернете немало. Среди них, как бесплатные, так и платные конструкторы. Я приведу некоторые, а выбор останется за вами.

Creatr.cc

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

Надо выбрать подходящий шаблон и кликнуть по нему левой кнопкой мышки.

Затем вводим название своего сайта в поле, как показано на картинке. После чего можно произвести настройки цвета и шрифта. А затем нажимаем Enter или на кнопку «Создать логотип».

Получаем, например, такую картинку в формате png:

Logaster.com

Еще один сервис, где можно сделать логотип для своего проекта. Скачать его можно только после регистрации.

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

• Выбираем тот, который больше подходит.
• При необходимости logo можно отредактировать.
• Сохранить сгенерированный логотип и скачать.

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

Cooltext.com

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

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

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

Text Logo Maker

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

На следующей странице выбираем цветной логотип. Для этого нажимаем «Colored Logo».

Затем производим настройки цвета, шрифта:

Вначале может показаться, что очень много настроек много. Рекомендую сразу прокрутить страницу вниз до шага 2. Вводим название логотипа и жмем на кнопку «Generate» в нижней части страницы.

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

Минус сервиса в том, что теперь он платный.

Flamingtext

Здесь можно быстро создать хорошую лого-картинку.

Заходим на сайт и попадаем в генератор, который состоит из нескольких колонок.

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

После того, как подходящий логотип создан, нажимаем в правом верхнем углу кнопку «Create Logo».

Dabuttonfactory.com

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

Onlinelogomaker.com

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

• В первом поле находятся кнопки создания графических объектов.
• Второе поле — рабочая панель.
• Третье – в нем содержится список ранее созданных объектов.
• Четвертое – седьмое – позиция, смещение, затемнение и т.п.

Как сделать logo для сайта самостоятельно

Для создания логотипа можно воспользоваться программой фотошоп.

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

Где можно заказать изготовление логотипа

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

Можно обратиться за услугой к фрилансеру, которого можно найти на одной из бирж:

• http://www.free-lance.ru/
• http://freelance.ru/
• http://www.freelancejob.ru/
• http://www.weblancer.net/
• http://www.free-lancers.net/
• http://www.freelancejob.ru/

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

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

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

Варианты:

1. Тема поддерживает замену родного логотипа на вновь созданный.
2. Тема имеет свой логотип, но не поддерживает замену.
3. Тема не имеет логотипа и не поддерживает замену.

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

Для второго случая потребуется открыть папку:

И найти картинку с логотипом. Обычно это файл logo.png или logo.jpg. Базовый логотип надо будет скопировать на компьютер и создать новый такого же размера и с таким же расширением.

Третий вариант является самым сложным. Если тема сайта не поддерживает logo, то придется отредактировать файл header.php. Возможно придется добавить стили в файл style.css.

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

Загружаем новый logo.png или logo.jpg в директорию

/wp-content/themes/название темы/images/

Идем в редактор темы, находим Заголовок (header.php) и добавляем следующий код:

/images/logo.jpg» alt=»» />

В то место, где мы хоти видеть логотип.

Для нового логотипа можно прописать стили. В редакторе темы открываем файл style.css и прописываем ориентацию логотипа и отступы. Можно это все добавить в самом конце файла.

#header #logo{ float:left; padding: 5px 5px 0px 5px; }

Обновляем файл. Если все правильно выполнено, то логотип обязательно появится.

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

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

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

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

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

Логотип своими руками в редакторе Wix

Если вы работали в редакторе Wix, то наверняка знаете, что он способен на многое. Как любой графический редактор, его можно использовать и для дизайна логотипа. Делается это просто. Зайдите в под своим логином, нажмите «Добавить» и выберите «Формы и линии». Во вкладке «Форма» вы найдете всевозможные изображения, включая баннеры, стрелки и многое другое. В разделе «Клип-арт», кстати, тоже много картинок, и они прорисованы более тщательно. Чтобы просмотреть их, нажмите «Добавить» > «Фото» > «Клип-арт».

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

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

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

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

Источники вдохновения. Смотрите больше хороших примеров и обязательно анализируйте увиденное. Для начала - подборка .

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

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

Количество вариантов. Сделайте 3-4 варианта логотипа. Подумайте про достоинства и недостатки каждого и посоветуйтесь со знающими людьми, прежде чем определиться.

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

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

Формат. Сохраните готовое изображение в нескольких форматах: JPEG, GIF и PNG – для веба, PDF и EPS - для печати.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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