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

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

Логотип (лого, logo) – это фирменный знак блога, отличающий его от других. Это важнейший элемент, который должен присутствовать на каждом сайте, практически все успешные web-сайты имеют свой уникальный логотип! Он может представлять собой как обычную надпись (url-адрес или название сайта), так и графический элемент (животное, растение или любой предмет).

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

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

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

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

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

  • текстовые;
  • графические;
  • и текстовые, и символьные.

К логотипу предъявляется большое число требований:

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

2. Как сделать текстовый логотип (онлайн)

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

2.1 Logaster.ru

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

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

За отдельную плату логотип можно скачать в растре (PNG, JPEG) и векторе (SVG, PDF)

2.2 Creatr.cc

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

  • шаг 1: выбираем понравившийся стиль и кликаем на него;
  • шаг 2: вводим желаемую надпись, при необходимости меняем некоторые настройки стиля;
  • шаг 3: нажимаем на кнопку и скачиваем логотип.

В результате вы получите незамысловатый logo небольшого размера (около 50 килобайт). Расширение – png. Вот как у меня получилось:

2.3 Cooltext.com

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

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

После этого вы перейдете на страницу с параметрами стиля, где вы сможете настроить:

  • шрифт;
  • цвет шрифта;
  • цвет фона (если есть);
  • градиент фона;
  • параметры градиента;
  • расширение логотипа.

Если вы решите поменять шрифт текста или фон, на котором он расположен – кликните по ним и выберите более подходящие.

Лучше всего сохранять логотип в формате gif (хуже качество, меньше размер) или png (лучше качество, но больше размер).

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

Вот такой логотип я сделал для своего сайта с помощью данного генератора:


2.4. Simwebsol.com

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

– надпись на логотипе.

Галочка – жирный , – курсив , – подчеркнутый .

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

–вид шрифта.

– размер шрифта.

– это поле можно пропустить, оно отвечает за прозрачность лого.

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

– расположение символа: – слева; – справа.

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

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

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

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

3.1 Web20badges.com

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

Итак, вы увидите три поля:

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

Второе поле содержит параметры надписи. Поле – надпись на логотипе. Кнопка – применить изменения.

[ Font] – вид шрифта; – размер шрифта; – цвет шрифта. Ниже распологается палитра, с ее помощью вы можете поменять цвет надписи.

– координаты надписи (по умолчанию – центр). Если вы хотите сместить надпись, измените эти значения.

– вращение надписи в градусах (против часовой стрелки).

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

3.2 Dabuttonfactory.com

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

Генератор кнопок состоит из трех областей. Здесь кнопки создаются в виде прямоугольников.

В первом поле находятся параметры надписи logo-картинки:

– надпись лого.

– размер шрифта.

Галочки и – жирный и курсив .

– размер надписи.

– цвет надписи.

– тень надписи.

– отдаленность тени от надписи.

– цвет тени.

– выходной тип (выберите css background, чтобы получить css-код).

– формат изображения.

Во втором поле находятся настройки кнопки:

– вид углов.

– стиль заливки.

– наличие рамки.

– наличие тени от рамки.

– размер кнопки (либо фиксированный, либо резиновый).

В третьем поле отображается сам логотип. Вы можете его сохранить на компьютер в любой момент.

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

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

Запустите фотошоп и выберите Файл—>Создать, здесь выберите ширину и высоту нового документа. Выбирайте их размеры такими, какой хотите видеть кнопку. Я, к примеру, взял их равными по 250 пикселей. Теперь выбираем форму кнопки: это может быть прямоугольник с обычными или острыми углами, круг, овал, ромб и т.д. Я выбрал круг. Стрелочками показано, где можно найти формы (сначала нажмите туда, куда указывает цифра «1», а затем выбирайте форму там, куда показывает цифра «2» на рисунке ниже):

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

Теперь нужно немного украсить получившийся овал. Выбирайте Слои—> Стиль слоя—>Внутренняя тень. Тут нужно выставить смещение и размер тени. Я выбрал смещение равным 5 пикселям (стандарт), а размер тени – 50 пикселям. Можете экспериментировать с этими цифрами, попробуйте также и добавить стягивание.

Теперь я немного деформирую кнопку, чтобы она выглядела неровной. Для этого я выбираю Фильтр—>Искажение—>Искривление и настраиваю его. Добиваюсь того, чтобы кнопка выглядела не слишком криво. Кстати, вы можете попробовать какой-нибудь другой эффект.

Теперь добавим лучик света на кнопку, заходим в Фильтр—>Рендеринг—>Блинк, выбираем место, где он будет:

Почти все, осталось добавить надпись. Я выбрал url-адрес своего блога. Вот и все, у меня например получилось следующее (я лучик добавлять не стал):

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

5. Как сделать графический логотип

Логотип может содержать не только надпись, но и какой-нибудь графический элемент. Для этого дела подойдет отличный конструктор, находящийся по адресу onlinelogomaker.com . Перейдите на этот сайт, найдите сылку online logo maker , на нее и нужно нажать для того, чтобы попасть в генератор лого.

Как только конструктор загрузится, вы можете начать работу. Он достаточно мощный, функций много, поэтому не торопитесь – разбирайтесь с ним потихоньку. Генератор имеет 5 полей (нажмите на картинку для увеличения):

Первое поле содержит в виде списка объекты логотипа (на англ. языке).

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

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

Пятое поле – внешний вид получившегося логотипа, рабочая панель.

6. Где заказать хороший логотип

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

7. Как добавить логотип на блог wordpress

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

  • тема поддерживает замену логотипа в своих настройках;
  • тема не поддерживает замену лого, но имеет стандартный логотип logo.png;
  • тема не поддерживает замену и не имеет логотипа.

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

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

/wp-content/themes/имя_вашей_темы/images/

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

Третий случай наиболее сложен. Вам придется «заставить» тему воспринимать логотип. Для этого зайдите в редактор темы (через админку wordpress) и отредактируйте Заголовок (header.php). Вставьте в нужном месте (внутри тегов ) такую строчку:

/images/logo.jpg

/images/logo.jpg

Теперь проделайте все действия, описанные во втором случае . Если все выполните, то картинка появится.

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

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

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

1. Logaster

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

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

Несомненными плюсами сервиса для создания логотипа онлайн является то, что:

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

Минусы:

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

2. Logotype Maker

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

  1. Введите текст в поле, где написано «input slogan here» (вставьте слоган сюда) и нажмите кнопку «Generate Logo Now!» (Создать логотип сейчас).
  2. На следующей странице выберите шаблон для вашего логотипа. В дальнейшем его можно изменить. Если вы хотите воспользоваться бесплатными шаблонами, выберите те, которые помечены значком Free.
  3. После того, как вы кликните на шаблон, откроется всплывающее окно, в котором нажмите Download logo now (Скачать логотип сейчас).

В вашем распоряжении есть несколько инструментов, с помощью которых можно легко настроить свой собственный логотип и даже визитную карточку. Вы можете изменить текст, который ввели сначала, добавить новый текст, переместить его, изменить цвет, размер и форму букв (шрифт), добавить один из эффектов (тени, отражение). Также можно изменить изображение, повернуть его, переместить, выбрать другое и т.д. Немного подкорректировав, вы сможете создать свой собственный профессиональный и, в тоже время, бесплатный логотип.
Когда вы будете удовлетворены внешним видом логотипа, просто нажмите на кнопку в верхней правой части страницы Download logo (Скачать логотип). Вы получите логотип в таких форматах: PNG, JPG,Ai и Eps.
Одним из преимуществ данной услуги является то, что не обязательно регистрироваться, чтобы создать и загрузить бесплатный логотип.

3. Flaming Text

Flaming Text предлагает бесплатный сервис для разработки дизайна логотипа. Он также очень прост в использовании. В «logo categories» выберите категорию логотипа: бизнес, кино, природа, дети, Web 2.0 и другие. Затем персонализируйте ваш логотип аналогичным образом, как и в предыдущем сервисе. После этого нажмите кнопку Create logo (Создать логотип). Логотипы Flaming Text могут быть использованы бесплатно для личных и образовательных целей. Если логотип создается для коммерческого использования, то нужно заплатить 9,95 доллара.

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

4. Logo Ease

Logo Ease — это бесплатный онлайн сервис для создания логотипов. Он очень простой в использовании. Логотип создается в три этапа.
1) Выберите изображение. Изображения организованы по категориям. Например: абстрактные картинки, цветы, дома, пространство и временя, письма, праздники, животные и т.д.
2) Персонализация логотипа. Добавьте текст, выберите форму написания, увеличьте или уменьшите рамку и буквы, вращайте текст или само изображение, измените цвет изображения и текста. Наконец, нажмите кнопку save, чтобы сохранить логотип. Только зарегистрированные пользователи могут сохранить свои логотипы.
3) Скачивание логотипа. Логотип может быть скачан только после оплаты. Логотип здесь можно лишь бесплатно создать, но не загрузить на свой компьютер.

5. Logo Maker

Logo Maker – следующее бесплатное веб-приложение для разработки логотипов. У него практически одинаковый с описанными ранее приложениями принцип работы и такое же качество созданных логотипов.

Бонус

Cool Text

Cool Text является одним из самых популярных бесплатных онлайн генераторов логотипа для веб-страниц. Он позволяет создать логотипы бесплатно и без особых познаний в дизайне.
Выберите один из представленных вариантов, который вам подойдет, и кликните на него.
Заполните форму, чтобы персонализировать логотип: введите текст (имя сайта, блога или компании), выберите форму и размер текста, эффекты и формат, в котором вы хотите скачать логотип (GIF, PNG, PSD, XCF).
Нажмите на кнопку визуализации, чтобы посмотреть, насколько удачным получился ваш логотип.

После этого сохраните логотип или отредактируйте его. Кроме того, здесь можно получить HTML код логотипа или отправить его по электронной почте.

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

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

Что такое логотип

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

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

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

Требования к логотипу:

— легко запоминающийся;

— стильный;

— тематический;

— оригинальный;

— уникальный;

— привлекательный;

— креативный;

— ассоциативный;

— лаконичный.

Виды логотипов

  1. Символьный — иллюстрация направления вашего блога, используя аллегории и абстракцию.
  2. Графический — изображение, которое непосредственно отражает миссию и деятельность вашего ресурса.
  3. Печатный — определенный шрифт, который чаще всего используется для написания названия сайта.
  4. Текстовый — суть сайта/бренда выражена текстом.
  5. Знаковый — абстрактный графический элемент, сокращение или заглавные буквы.
  6. Комбинированный (смешанный) — одновременное сочетание текста, изображения или шрифта.

Нужен ли логотип сайту?

На этот вопрос я отвечу утвердительно, конечно, нужен! Давайте разберём поподробнее.

Итак, логотип:

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

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

Помогает идентифицировать компанию в дальнейшем, увеличить запоминаемость бренда;

— позитивно настраивает только зашедшего на ресурс человека и мотивирует на дальнейшее знакомство;

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

Как создать логотип

Здесь я выделю два основных способа создания логотипов: либо самостоятельно, либо заказать у профессионала.

1. Заказ у профессионалов. Про заказ у профессионала долго расписывать не буду, здесь все достаточно просто. Идете на сайт фрилансеров (freelance.ru или fl.ru) и ищите на выполнение своей работы подходящего специалиста. Для создания логотипа нужны будут деньги для оплаты услуг фрилансера и ваши идеи по внешнему виду самого лого. Стоимость работы по созданию различна, поэтому подбирайте по своему кошельку.

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

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

Итак, при таком способе вам могут помочь:

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

https://www.logaster.ru - сервис, которым пользуюсь я и которым очень довольна. Как в ней работать и создать логотип за пару минут читайте в подробной статье.

https://www.simwebsol.com

http://www.logoease.com

http://logogenerator.com

http://creatr.cc/creatr

http://cooltext.com

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

— графические редакторы. Например, такие как Adobe Photoshop, Gimp, CorelDRAW Graphics, Inkscape, Jeta Logo Designer Free Edition, Sothink Logo Maker, Eximioussoft logo designer, Adobe Illustrator. Эти и другие программы вы без особого труда сможете найти и скачать актуальные версии прибегнув к помощи поисковиков Яндекс и Гугл. Самый заметный плюс работы в таких редакторах от пользования онлайн-сервисами заключается в том, что не требуется постоянный доступ в интернет. Скачали, установили и работайте.

Кроме того для создания логотипа вам потребуется:

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

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

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

Схема создания логотипа


1. Формирование идеи логотипа. Логотип должен отражать суть блога и может быть представлен одним из следующих видов:

— иллюстрация с обтекаемым текстом;

— название блога в виде изображения;

— графический элемент (символ) с текстом;

— обтекаемое изображение с текстом.

2. Создание картинки. Здесь можно использовать различные методы, например:

— придумать картинку самостоятельно;

— найти готовую картинку в поисковиках и отредактировать ее;

— заказать у фрилансеров.

3. Добавление слогана. Слоган должен быть емким, но содержащим смысловую нагрузку.

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

  • Цвет. Используемая цветовая гамма должна быть сбалансированной. Не допустимо использование многоцветия. Слишком пестрый и вызывающий цвет может произвести обратный эффект на посетителя, оттолкнуть и вызвать его раздражение. Количество цветов не должно превышать трех, иначе он будет хуже запоминаться.
  • Размер. Самый распространенный размер 200 пикселей в ширину и 100-150 пикселей в высоту, однако размер можете выбирать наиболее подходящий для вас и вашего сайта.
  • Формат. Созданный лого лучше сохранять в любом из 3-х форматов: PNG, GIF либо JPG.
  • Копия. Делайте копию созданного логотипа, чтобы у вас была возможность вносить в него изменения.

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

А что вы думаете по поводу логотипа? Нужен ли он на сайте? Каким способом создавали его вы? Возникли ли у вас трудности?

Надеюсь, что эта статья стала для вас полезной.

До новых встреч!

Екатерина Калмыкова

Шаг 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. Поворот и размер текста

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

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

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

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

LogoEase - бесплатный сервис, который позволяет с лёгкостью создавать различные логотипы. Чтобы начать им пользоваться, нажмите кнопку Start your logo в панели инструментов сайта и откройте редактор. Затем выбирайте шаблон, который можно изменять: добавить свой текст, выбрать шрифт, изменить масштаб, заполнить разными цветами и многое другое. После этого останется скачать файл с логотипом в формате ZIP и использовать его на своём сайте или в блоге.

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

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

Ещё один генератор текстовых логотипов. Пусть вас не смущает название: одними только эффектами пламени дело не ограничивается. Всего здесь более 200 различных эффектов, и некоторые из них весьма забавные. Алгоритм работы прежний: выбираем эффект, вводим нужный текст, редактируем свойства, сохраняем. Кстати, кроме уже привычных PNG, JPG и GIF, здесь есть и PSD.

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

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

А вам приходилось пользоваться автоматическими генераторами логотипов?