Как сделать логотип для сайта: простые методы

Привет всем!

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

Содержание:

1. Для чего нужны логотипы, их виды
2. Как самостоятельно создать лого для сайта?
3. Онлайн-сервисы
4. Офлайн программы
5. Добавление логотипа на сайт на WordPress

Назначение logo для Интернет-ресурса

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

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

• Текстовый;
• Символьный;
• Комбинированный.

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

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

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

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

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

Как самому сделать логотип для сайта?

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

Сайты для создания логотипов онлайн

Мы рассмотрим пять наиболее популярных ресурсов.

Logaster

Данное веб-приложение, которое доступно на десяти языках (в том числе на русском) – Logaster

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

Выбираем «Создать логотип» и заполняем необходимые поля: название компании (сайта), вид деятельности, также можно добавить слоган, который будет отображаться более мелким шрифтом. Жмем «Далее».

Мы перешли непосредственно к созданию логотипа для сайта. Здесь представлено большое количество вариантов. Можно фильтровать картинки по ключевым словам («Поиск иконок»)

Выбирать картинки можно переходя на разные страницы списка. Также под иконками есть функция «Изменить параметры», где вы можете задать цветовую гамму, добавить слоган или поменять название. Когда логотип выбран, переходим на следующую страницу «Редактировать лого».

Здесь можно посмотреть, как выглядит логотип на бланках, визитках (справа), а также в разных цветах и оформлениях. Также кликнув на кнопку «Редактировать лого» можно вносить корректировки: изменить шрифт текста, цвет, картинку и прочее.

Следующий этап – сохранение логотипа. Для этого потребуется ввести email и пароль (создание учетной записи).

После регистрации вы сможете скачать созданное вами лого бесплатно в маленьком размере:

Размер бесплатного логотипа для сайта в моем случае – 191×73 пикселя с водяными знаками Логастера в разных цветовых гаммах.

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

LogoMaker

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

Если вам подходят латинские символы в названии, жмем «Make a logo» на главной странице сайта. Выбираем направление деятельности и прописываем название сайта.

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

Поиск нужных картинок тут также осуществляется по ключевым словам (на английском).

Следующий этап – редактирование:

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

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

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

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

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

Рассмотрим основные шаги работы с программой Sothink Logo Maker.

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

1. Запускаем программу. Перед нами откроется окно готовых темплейтов с сортировкой по категориям.
2. Выбираем приглянувшийся вариант
3. Редактируем текст, кликнув на него дважды. Попутно можно менять цвет, шрифт, наклон и прочие особенности надписи.

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

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

Данная программа позволяет сохранять логотипы в 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"> вписываем следующий код:

<img src="https://имя сайта/wp-content/themes/название темы/images/logo.jpg" style="position:absolute; top: 20px; left: 15px;">

В описании стиля вы можете менять отступы для перемещения картинки (top, left).

Если вы захотите, чтобы логотип был ссылкой, к примеру, на главную, код изменится на такой (на примере моего блога):

<a href=”https://pro-wordpress.ru>< img src="https://pro-wordpress.ru/wp-content/themes/название темы/images/logo.jpg" style="position:absolute; top: 20px; left: 15px;"></a>

Также можно дополнительно внести правки в логотип в файле стилей style.css. О том, как работать со стилями читайте в статье «Редактирование стилей CSS в WordPress».

Это вся информация на сегодня. До новых встреч!