12 Февраль 2012      9746      52

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

Финансовая грамотность и инвестиции в криптовалюту

Здравствуйте, уважаемые читатели блога!

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

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

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

Создание логотипа — это довольно непростая задача. Сделать его можно следующими способами:

  • заказать создание логотипа у фирмы или фрилансеров;
  • сделать самому при помощи редакторов растовой и векторной графики (Adobe Photoshop, Corel Draw и т.п.);
  • использовать специализированные программы, о них я расскажу ниже;
  • воспользоваться специализированными онлайн сервисами.

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

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

Логотип — это знак (изображение, текст), который является отличительным элементом фирмы (компании, сайта). Слово произошло от греческих слов (λόγος и τύπος), что в переводе означает слово и отпечаток. Логотипы бывают трех видов:

1. Текстовый. Представляет собой графическое изображение, состоящее из букв (знаков), обычно это название фирмы:

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

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

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

3. Комбинированный. Этот логотип имеет как и текстовые элементы, так и графические.

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

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

Для своего блога я выбрал самый простой, на мой взгляд, способ — сделал логотип при помощи программы Adobe Photoshop.

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

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

Как сделать логотип для своего сайта

Не буду объяснять, как работать в Adobe Photoshop, об этом очень много написано в интернете, приведу в этой статье ссылку на неплохой сервис, на котором Вы можете скачать огромное количество различных шрифтов — http://www.dafont.com.

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

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

Генератор логотипов

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

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

2. www.canva.com — конструктор логотипов от популярного сервиса Canva. Я сам постоянно пользуюсь данным сервисом не только для создания логотипов, но и для выполнения других различных задач:

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

3. simwebsol.com. Создает логотип со значком. Вот что у меня получилось:

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

4. web20badges.com — здесь можно создать вот такие вот кнопочки:

Логотипы для сайтов

5. cooltext.com — отличный сервис, позволит создать качественные лого.

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

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

Программы для создания логотипов.

The Logo Creator

Создание логотипов

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

Создание логотипов

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

GreenBox

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

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

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

Здесь имеется огромное количество шаблонов, которые Вам не составит труда отредактировать.

Logo Design Studio

Logo Design Studio

Одна из лучших программ для создания профессиональных логотипов. Если Вы хотите создать качественное лого, то рекомендую Вам воспользоваться Logo Design Studio.

Logo Design Studio

Вот видео, демонстрирующее работу в этой программе:

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

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

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

Если на Вашем сайте еще не установлен лого, то сейчас я расскажу, как это сделать.

Для примера я покажу Вам, как выглядит код лого на моем блоге:

</pre>
<h1 id="header_logo"><a title=" « href=»/">Ключевые слова</a></h1>
<pre>

Здесь мы видим ссылку на главную страницу a href="/" title=" «, при необходимости можно прописать текст всплывающей подсказки (title=» «).

id=»header_logo" — класс в файле style.css

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

Вот так выглядит код моего логотипа в файле style.css:

#header_logo {
height: 110px;
width: 310px;
background: url (images/bg_logo.png) no-repeat;
position: absolute;
margin-left: 20px;
margin-top: 15px;}
#header_logo a {
height: 120px;
width: 310px;
display: block}

Если Вы пропишите ключевые слова, то логотип будет выглядеть так:

Логотип сайта

Здесь мы видим все эти слова в виде ссылки.

Чтобы этого не было, достаточно прописать в стилях правило text-indent. Это будет выглядеть так:

#header_logo {
height: 110px;
width: 310px;
background: url (images/bg_logo.png) no-repeat;
position: absolute;
margin-left: 20px;
margin-top: 15px;
text-indent:-1000em;
outline:0;}
#header_logo a {
height: 120px;
width: 310px;
display: block}

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

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

Как Вам статья?

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

С уважением, Александр Бобрин

Поделись с друзьями:

  Метки:

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

Обсуждение: 52 комментария
  1. ТОха:

    Ну это конечно не логотип, а скорее красиво оформленный заголовок сайта. Я бы выбрал  creatr.cc — если бы не умел дизайнить...  🙂

    Ответить
    1. Дима:

      у меня точно также

      Ответить
  2. Даниил:

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

    Ответить
  3. Иван:

    Александр вы явно любитель менять логотипы,т.к. на вашем блоге я наблюдаю уже 3 по счету!

    Абсолютно все красивые и оригинальные.

    Статья о чень и очень хорошая. Большинство методов и программа не знал, поэтому большакя вам благодарность! :good:

    Ответить
  4. ValeronVoronin:

    С онлайн сервисами тоже как-то не сложилось! Давно думаю сделать лого, буду искать програмки 🙂

    Ответить
  5. ТОха:

    ValeronVoronin  - adobe illustrator попробуйте)))  а вообще все начинается с карандаша и бумаги...

    Ответить
  6. Иван:

    Когда изменить хочется изменить лого, а идей нет и в программах шаблонов нету, то и листок с карандашем особой роли не сыграют! Нужны программы с кучей шаблонов и кретивных оригинальных идей)) :wacko:

    Ответить
  7. Александр Бобрин:

    Иван, надоедают  🙂

    ValeronVoronin — логотип обязательно нужно нормальный делать.

    ТОха -  creatr.cc мне что-то не нравится, а с карандашом не всем дано. Adobe illustrator даже не видел ни разу. Кроме Photoshop не знаком ни с чем, да и тут только азы.  :scratch:

    Ответить
    1. Евгения Куварина:

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

      Ответить
  8. Андрей(boosya):

    Опыт приходит со временем! Карандаш и бумага — хорошо, Photoshop тоже гуд, какие-то сервисы — тоже неплохо... Главное результат, он должен как минимум радовать себя. 🙂

    Ответить
  9. Алексей:

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

    Ответить
    1. Ирина Раковец:

      Для новичков самое то. Это лучше, чем вообще без логотипа сидеть 🙂

      Ответить
  10. Николай:

    Спасибо Александр. Я только завел блог, и думал о логотипе, а тут статья к месту. Для начала можно и программами состряпать что-нибудь, может в процессе какой-нибудь креатив в голову придет.

    Ответить
  11. Галина Исаева:

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

    Ответить
  12. ValeronVoronin:

    ТОха — да и с adobe illustrator талант нужен... не сам же он рисует 🙂

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

    Часто посещаю твой блог, вкус у тебя точно есть!!! И талант!!!

    Ответить
  13. Галина:

    Саш, а в любую тему можно вставить логотип? У меня есть свой готовый, но я так и не поняла куда его пристроить. В файле  style.css таких слов Ключевые слова .......я не нашла 

    Help!!!

    Ответить
  14. Александр Бобрин:

    Галина, если его нет, значит нужно самой вставить его в header.php. Вставляете туда

    <h1 id="header_logo"><a href="/" title=" "></a></h1>

    И в Style.css добавляете:

    #header_logo {
     height: 110px;
     width: 310px;
     background: url(images/bg_logo.png) no-repeat;
     position: absolute;
     margin-left: 20px;
     margin-top: 15px;}
     #header_logo a {
     height: 120px;
     width: 310px;
     display: block}

    Логотип должен быть в папке images Вашей темы. Обратите внимание на расширение Вашего логотипа. Если оно не png, то в стилях поменяйте его. А потом настроите его параметры.  🙂

    Ответить
  15. Вячеслав:

    Большое спасибо, я воспользовался сервисом cooltext.com

    Ответить
  16. Виктор Боченков:

    Мне как то фотошоп больше по душе. 🙂

    Я вообще уже давно задумываюсь о планшете 💡

    Ответить
  17. rafterss:

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

    Ответить
  18. Сергей:

    Воспользовался сервисом cooltext.com. Вроде неплохо получилось

    Ответить
  19. allemiko:

    да много вариантов сделать логотип,можно например заглянуть сюда http://www.iconarchive.com,подобрать иконку и просто добавить красивый шрифт,мне кажется будет смотреться хорошо 🙂

    Ответить
    1. Евгения Куварина:

      столько советов, надеюсь, что и у меня получится создать логотип

      Ответить
  20. Настя:

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

    Ответить
    1. Александр Бобрин:

      Настя, зарегистрируйтесь на rutracker.org, там много чего можно скачать.

      Ответить
      1. 0ABO:

        блин((( я ничего не понимаааааююююю(((((( зарегистрировалась, даже что-то скачала, но ЧТО ЭТО и как этим пользоваться, или хотябы на комп поместить...ААааааа.Какая сложная наука)))))))))даже установила руТоррент на раб стол, но я такой чайник...безнадежный.......

        Ответить
  21. 0ABO:

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

    Ответить
  22. Оля:

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

    Ответить
  23. Рашида Гарифулина:

    Спасибо за подробные разъяснения и рекомендации сервисов и программ, логотип конечно, нужен, даже если блог еще и не такой популярный, как компания CocaCola

    Ответить
  24. Руслан:

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

    Ответить
  25. Вячеслав:

    Классно, надо будет воспользоваться!

    Ответить
  26. Дима Актив:

    Раньше я пользовался cooltext.com . теперь всё только через фотошоп и веб дизайнеров. Всё-таки сервисы не дадут того, что нужно, хотя без затрат новичкам вполне подойдут.

    Ответить
  27. Марио:

    я рисунки делаю в программе гимп,очень удобная программа

    Ответить
    1. Ирина М.:

      Вы не один такой. Тоже нравится гимп. Сейчас последняя версия 2.8.

      Ответить
  28. Вадим:

    Александр, скажи, пожалуйста, что является логотипом твоего блога?  Может быть, я невнимательно смотрел? Спасибо =). Название блога + шляпа, которая наверху?

    Ответить
    1. Александр Бобрин:

      Да.

      Ответить
  29. Юрий:

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

    Ответить
    1. Ирина М.:

      А по мне и логотип coca-cola безвкусица.

      Ответить
  30. Роман:

    Достаточно полезных методов. Но я лично сделал свой теперешний логотип в программе Sothink Logo Maker. Что-то вроде мини-фотошопа, с достаточно большой подборкой свежих идей. Мне понравилось, даже очень 🙂

    Ответить
  31. Анатолий Севрук:

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

    Ответить
    1. Сергей:

      это да, можно что нибудь для себя подобрать!

      Ответить
    2. Ирина М.:

      Большой выбор, Не знаю, что и выбрать.

      Ответить
  32. Дима:

    Но я лично сделал свой теперешний логотип в программе adobe photoshop.

    Ответить
  33. Chefa777:

    Отличные программы для создания логотипов! Спасибо! Очень помогли)

    Ответить
    1. Ирина М.:

      Программы отличные, но очень дорогие!

      Ответить
  34. Борис:

    Программ действительно много, но можно и на онлайн сайтах генерировать лого, например logaster.ru

    Ответить
  35. Сергей:

    Мне как то тоже онлайн сервисы не по душе…

    Ответить
    1. Ирина М.:

      А у меня нет Шопа, пользуюсь сервисом. Мне нравится.

      Ответить
  36. Радмир:

    Достаточно полезных методов. Но я лично сделал свой теперешний логотип в программе Sothink Logo Maker. Что-то вроде мини-фотошопа, с достаточно большой подборкой свежих идей. Мне понравилось, даже очень

    Ответить
  37. Жук Юрий:

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

    Ответить
  38. Игорь:

    Класс.Надо программку скачать и на досуге,что нибудь сляпать.

    Благодарю.

    Ответить
  39. Александр Белый:

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

    Ответить

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2024 Блог Александра Бобрина. Создание сайта и заработок в интернете · Копирование материалов сайта без разрешения запрещено
Политика конфиденциальности | Пользовательское соглашение