Вконтакте Facebook Twitter Лента RSS

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

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

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

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

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

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

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

Что это такое

Важнейшим элементом блога является его логотип (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; }

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

Как сделать логотип для сайта самостоятельно, если нет таких навыков и соответствующих программ? К счастью, в наше время – это вполне решаемая задача. Не нужно никакого специализированного софта, создать логотип для своего блога можно самому в режиме 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). Вставьте в нужном месте (внутри тегов ) такую строчку:


Fatal error: Uncaught Error: Call to undefined function bloginfo() in /var/www/u0264170/data/www/intim77.ru/91/83/9183bd316af8a01b77ed98d78c3c7590.html:418 Stack trace: #0 {main} thrown in /var/www/u0264170/data/www/intim77.ru/91/83/9183bd316af8a01b77ed98d78c3c7590.html on line 418