Как сделать логотип для сайта самостоятельно, если нет таких навыков и соответствующих программ? В наше время – это вполне решаемая задача. Не нужно никакого специализированного софта, создать логотип для своего сайта или блога можно самому в режиме ONLINE, с помощью специальных сервисов. О них как раз и пойдет речь в этой статье, но и кроме этого, в ней можно будет узнаеть о том, как сделать логотип в виде надписи или кнопки, графического элемента или просто текста, с помощью фотошопа или онлайн-сервисов, а также как его установить на сайт или блог Wordpress.
Логотип (лого, logo) – это фирменный знак ресурса, отличающий его от других. Это важнейший элемент, который должен присутствовать на каждом сайте; практически все успешные web-сайты имеют свой уникальный логотип. Он может представлять собой как обычную надпись (url-адрес или название сайта), так и графический элемент (животное, растение или любой предмет).
Если есть серьезные планы на сайт, в плане его раскрутки и повышения посещаемости, то просто необходимо создать собственный logo, ведь без него данный ресурс вряд ли воспримут всерьез.
1. Что такое логотип
Вначале логотип представлял собой товарную марку какой-либо компании, как правило, производящей продукцию. С помощью него организация выделялась среди конкурентов и оставалась в памяти потребителей. Лого был лицом компании.
С появлением интернета логотип стал появляться у многих сайтов. Так вебмастеры старались выделиться. А сейчас ситуация кардинально изменилась: популярность логотипа так возросла, что он стал неотъемлемой частью любого сайта. И теперь лого нужен для того, чтобы «не выделяться из толпы» – в плохом смысле фразы.
Да, отсутствие логотипа не поможет увеличить посещаемость сайта с поисковых систем, но его задача другая – привлечь внимание посетителей, заставить их вернуться.
Логотипы можно разделить на три вида:
- текстовые;
- графические;
- текстовые и символьные.
К логотипу предъявляется большое число требований:
- должен легко запоминаться, слишком сложный логотип не поможет развиваться блогу;
- должен быть оригинальным, иначе на него не будут обращать внимание посетители;
- должен быть уникальным, иначе он не сможет выделиться;
- должен быть ассоциативным, т.е. отражающим характер блога и его автора.
2. Как сделать текстовый логотип (онлайн)
Текстовые логотипы очень просто сделать с помощью онлайн-сервисов. Их сейчас достаточно, поэтому есть из чего выбрать. Вот сервисы, которые оказались наиболее полезными для работы вебмастеров:
Удобный и простой генератор лого, отлично подойдет для тех, кто желает быстро создать логотип, не вдаваясь во все тонкости этого дела. Можно сделать себе логотип менее, чем за минуту – нужно будет лишь ввести надпись, которую вы желаете видеть в логотипе, выбрать подходящий стиль и нажать на кнопку [Enter]. Другими словами, создание лого проходит в 3 шага:
- шаг 1: выбираем понравившийся стиль и кликаем на него;
- шаг 2: вводим желаемую надпись, при необходимости меняем некоторые настройки стиля;
- шаг 3: нажимаем на кнопку [Create Logo] и скачиваем логотип.
Немного более сложный, но отличный многофункциональный генератор, помогающий сделать логотип для сайта.
Перейдя на главную страницу сайта, можно найти множество различных шаблонов. Выберите тот, который нравится больше других, и нажмите на него левой клавишей мыши.
После этого попадете на страницу с параметрами стиля, где можно настроить:
- шрифт;
- цвет шрифта;
- цвет фона (если есть);
- градиент фона;
- параметры градиента;
- расширение логотипа.
Если решите поменять шрифт текста или фон, на котором он расположен – кликните по ним и выберите более подходящие.
Лучше всего сохранять логотип в формате gif (хуже качество, меньше размер) или png (лучше качество, но больше размер).
Настроив параметры, нажимайте на [Render Logo]. После этого попадете на страницу с изображением выбранного логотипа. Скачайте его с помощью ссылки [Download Image].
Этот генератор немногим менее функционален, нежели два предыдущие, но зато им легко пользоваться. Все что нужно – настроить окно с параметрами будущего лого:
- [Text] – надпись на логотипе.
- Галочка [Bold] – жирный, [Italic] – курсив, [Underline] – подчеркнутый.
- [Background Color] – цвет фона, справа от него находится палитра. Нажав на нее, можно выбрать подходящий. Аналогично для полей [Color A] и [Color B] – это другие цвета логотипа.
- [Font] – вид шрифта.
- [Font size] – размер шрифта.
- [Reflection Proximity] – это поле можно пропустить, оно отвечает за прозрачность лого.
- [Add Symbol] – здесь можно выбрать красивый символ и добавить его в логотип.
- [Symbol Position] – расположение символа: [Left] – слева; [Right] – справа.
- [DPI] – разрешающая способность, чем она выше, тем больше размер файла и выше качество. Я использую стандартное значение.
- [Type] – тип расширения. Рекомендуюется сохранять файл в форматах png или gif.
Настройте параметры и нажмите на кнопку [Create Logo], через несколько секунд страница перезагрузится, и выбранный логотип появится в верхней части странички. Чтобы скачать его, нажмите на него правой кнопкой мыши и выберите «Сохранить картинку на компьютер» или что-то аналогичное.
3. Как сделать текстовый логотип в виде кнопки
Помимо обычных генераторов, существуют также и конструкторы кнопок. В этом случае логотип может красоваться на фоне кнопки. Такие logo оригинальные и красивые, поэтому есть смысл их использовать.
Неплохой конструктор кнопок. За минуту можно сделать самостоятельно логотип, перейдя на данный сайт.
Там находятся три поля:
Первое поле содержит шаблоны кнопок. Выбирайте любой понравившийся и нажимайте на него левой кнопкой мыши. Через несколько секунд в третьем поле картинка обновится. Кстати, учтите, что цвет шаблона поменять нельзя.
Второе поле содержит параметры надписи:
- Поле [Text] – надпись на логотипе.
- Кнопка [Aply] – применить изменения.
- [Font] – вид шрифта.
- [Font size] – размер шрифта.
- [Font color] – цвет шрифта.
Ниже располагается палитра, с ее помощью можно поменять цвет надписи.
[X, Y coordinate] – координаты надписи (по умолчанию – центр). Если хотите сместить надпись, измените эти значения.
[Angle] – вращение надписи в градусах (против часовой стрелки).
Третье поле отражает вид логотипа. Его можно скачать в любой момент, для этого надо нажать на него правой кнопкой мыши и сохранить изображение на компьютер.
Этот конструктор кнопок содержит больше настроек, нежели предыдущий. Но его основное достоинство состоит в том, что он создает css-код стиля кнопки. Можно сохранить этот стиль в соответствующем файле темы и использовать его, не возвращаясь на сайт.
Генератор кнопок состоит из трех областей. Здесь кнопки создаются в виде прямоугольников.
В первом поле находятся параметры надписи logo-картинки:
- [Text] – надпись лого.
- [Font] – размер шрифта.
- Галочки [Bold] и [Italic] – жирный и курсив.
- [Size] – размер надписи.
- [Color] – цвет надписи.
- [Text shadow] – тень надписи.
- [Distance to text] – отдаленность тени от надписи.
- [Color] – цвет тени.
- [Output type] – выходной тип (выберите css background, чтобы получить css-код).
- [Image format] – формат изображения.
Во втором поле находятся настройки кнопки:
- [Style] – вид углов.
- [Background] – стиль заливки.
- [Bolder] – наличие рамки.
- [Shadow] – наличие тени от рамки.
- [Size] – размер кнопки (либо фиксированный, либо резиновый).
В третьем поле отображается сам логотип. Его можно сохранить на компьютер в любой момент.
4. Как создать логотип в фотошопе
Не обязательно использовать онлайн-сервисы для создания логотипа. Можно воспользоваться фотошопом, программа позволяет создать очень красивые варианты logo-картинок и фавиконок.
Запустите фотошоп и выберите Файл–>Создать, здесь выберите ширину и высоту нового документа. Выбирайте их размеры такими, какой хотите видеть кнопку.
Выбираем форму кнопки с помощью инструментов «Фигуры» в боковой панели инструментов: это может быть прямоугольник с обычными или острыми углами, круг, овал, ромб и т.д. Кстати, если захотите сделать круг, то выберите овал, зажмите [Shift] и рисуйте. Также не забудьте указать подходящий цвет кнопки.
Теперь нужно немного украсить получившийся овал. Выбирайте Слои–> Стиль слоя–>Внутренняя тень. Тут нужно выставить смещение и размер тени. Можете экспериментировать и с другими стилями слоя или воспользоваться эффектами фильтров (кнопка Фильтры верхнего меню).
Остается добавить надпись с помощью инструмента «Текст» боковой панели инструментов.
5. Как сделать графический логотип
Логотип может содержать не только надпись, но и какой-нибудь графический элемент. Для этого дела подойдет отличный конструктор, находящийся по адресу . Перейдите на этот сайт, найдите ссылку [online logo maker], чтобы попасть в генератор лого.
Как только конструктор загрузится, то можно начать работу. Он достаточно мощный, функций много, поэтому не торопитесь – разбирайтесь с ним потихоньку. Генератор имеет 5 полей :
Первое поле содержит в виде списка объекты логотипа (на англ. языке).
Второе поле содержит кнопки для создания новых элементов, как графических, так и текстовых (но, к сожалению, русские буквы не поддерживаются), а также кнопки загрузки logo-картинки.
Третье поле содержит ссылки, которые, в принципе, вам не понадобятся. На них не обращайте внимания.
Четвертое поле содержит такие параметры, как вращение, затемнение, позиция элемента и т.д. Можно использовать параметры этого поля, но все это можно сделать с помощью мыши.
Пятое поле – внешний вид получившегося логотипа, рабочая панель.
6. Где заказать хороший логотип
У представленных выше генераторов есть существенный недостаток – с их помощью получается логотип среднего качества. Если есть желание создать для своего сайта действительно качественный logo, тогда лучше обратиться к профессионалам и заказать у них разработку логотипа. Найти таких специалистов можно на биржах фрилансеров:
- freelance.ru
- free-lance.ru
- freelancejob.ru
- free-lancers.net
- freelancejob.ru
- weblancer.net
Для получения хорошего логотипа, надо постараться как можно подробнее составить задание фрилансерам. Для этого надо определиться с размерами логотипа, цветовой гаммой и другими важными параметрами. Логотип обойдется где-то в 1000-1500 рублей.
Если не удается найти подходящего логотипа, тогда есть смысл воспользоваться услугами этого веб-дизайнера: . Цена примерно такая же, но зато можно быть уверенным в качестве работы этого исполнителя.
7. Как добавить логотип на сайт или блог Wordpress
После того, как логотип будет сделан самостоятельно или исполнителем, его нужно будет добавить на блог Wordpress. Процесс добавления будет зависеть от темы:
- тема поддерживает замену логотипа в своих настройках;
- тема не поддерживает замену лого, но имеет стандартный логотип logo.png;
- тема не поддерживает замену и не имеет логотипа.
Первый случай самый простой: зайдите в настройки темы и замените стандартный логотип на собственный.
Второй случай сложнее. Здесь понадобится открыть папку с темой (с помощью ftp-менеджера или через хостинг) и найти файл, который является логотипом. Скорее всего, тема будет находиться по адресу:
/wp-content/themes/имя_вашей_темы/images/
В этой папке поищите логотип, скорее всего, это будет файл logo.png или logo.jpg. Скопируйте его на свой компьютер, затем с помощью любой программы работы с изображениями определите размеры скачанного логотипа (в пикселях). Выставьте такие же размеры для логотипа (который хотите добавить), переименуйте файл также, как был назван базовый логотип – logo.png или logo.jpg, и закачайте на хостинг, в ту же папку где хранился базовый. Во время закачки при всплывающем запросе на замену существующего файла с таким именем, соглашайтесь на замену. Этот случай является универсальным и также подойдет для любого сайта. Необходимо лишь самому определить местоположение файла логотипа на хостинге.
Третий случай наиболее сложен. Здесь придется «заставить» тему воспринимать логотип. Для этого зайдите в редактор темы (через админку Wordpress) и отредактируйте Заголовок (header.php). Вставьте в нужном месте (внутри тегов <body> </body>) такую строчку:
<?php bloginfo ('template_url')?>/images/logo.jpg
Теперь проделайте все действия, описанные во втором случае. Если все выполните, то картинка появится.
Источник информации:
– как сделать логотип для сайта самому (с картинками)