Здравствуйте, уважаемые читатели блога!
Сегодня мы с Вами поговорим об одном элементе, который обязательно должен быть на любом сайте или блоге. В этой статье речь пойдет о логотипе: я расскажу Вам о том, как сделать (создать) логотип и как установить его на сайт.
Логотип должен присутствовать на любом сайте — это его лицо. Каждый стремится сделать дизайн своего сайта не похожим на остальные, сделать так, чтобы человек, зайдя повторно на сайт, сразу же узнал его, даже если не запомнил при первом посещении.
Одним из важнейших элементов, помогающих решить эту непростую задачу, является логотип.
Создание логотипа — это довольно непростая задача. Сделать его можно следующими способами:
Нас интересуют бесплатные методы, о которых я расскажу Вам в этой статье.
Логотип — это знак (изображение, текст), который является отличительным элементом фирмы (компании, сайта). Слово произошло от греческих слов (λόγος и τύπος), что в переводе означает слово и отпечаток. Логотипы бывают трех видов:
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.
Вот видео, демонстрирующее работу в этой программе:
К сожалению, все эти программы не бесплатны, однако Вы всегда можете найти их в интернете. Если не знаете, где взять такой софт, то рекомендую прочитать мою статью «Как качать с торрентов».
Помимо софта для создания лого существуют специализированные онлайн-сервисы, которые позволят без труда создать качественный логотип для Вашего сайта.
Если на Вашем сайте еще не установлен лого, то сейчас я расскажу, как это сделать.
Для примера я покажу Вам, как выглядит код лого на моем блоге:
</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}
На этом у меня все! Теперь Вы знаете, как сделать логотип для сайта.
Также рекомендую вам прочитать мою статью о том, как создать фирменный стиль компании!
Как Вам статья?
Советую подписаться на свежие рассылки моего блога, чтобы не пропустить выход новых постов.
С уважением, Александр Бобрин
© 2023 Блог Александра Бобрина. Создание сайта и заработок в интернете · Копирование материалов сайта без разрешения запрещено
Политика конфиденциальности | Пользовательское соглашение
Ну это конечно не логотип, а скорее красиво оформленный заголовок сайта. Я бы выбрал creatr.cc — если бы не умел дизайнить... 🙂
у меня точно также
классно, спасибо. Надо попробовать программу скачать, а то онлайн сервисы так себе
Александр вы явно любитель менять логотипы,т.к. на вашем блоге я наблюдаю уже 3 по счету!
Абсолютно все красивые и оригинальные.
Статья о чень и очень хорошая. Большинство методов и программа не знал, поэтому большакя вам благодарность! :good:
С онлайн сервисами тоже как-то не сложилось! Давно думаю сделать лого, буду искать програмки 🙂
ValeronVoronin - adobe illustrator попробуйте))) а вообще все начинается с карандаша и бумаги...
Когда изменить хочется изменить лого, а идей нет и в программах шаблонов нету, то и листок с карандашем особой роли не сыграют! Нужны программы с кучей шаблонов и кретивных оригинальных идей)) :wacko:
Иван, надоедают 🙂
ValeronVoronin — логотип обязательно нужно нормальный делать.
ТОха - creatr.cc мне что-то не нравится, а с карандашом не всем дано. Adobe illustrator даже не видел ни разу. Кроме Photoshop не знаком ни с чем, да и тут только азы. :scratch:
С карандашом точно не всем дано. Надо будет попробовать сервисы, может придет на ум оригинальная идея
Опыт приходит со временем! Карандаш и бумага — хорошо, Photoshop тоже гуд, какие-то сервисы — тоже неплохо... Главное результат, он должен как минимум радовать себя. 🙂
Пробовал Александр я онлайн — сервисы честно говоря функционал у них не ахти. А вот про программы не знал. Возможно попробую)
Для новичков самое то. Это лучше, чем вообще без логотипа сидеть 🙂
Спасибо Александр. Я только завел блог, и думал о логотипе, а тут статья к месту. Для начала можно и программами состряпать что-нибудь, может в процессе какой-нибудь креатив в голову придет.
Даже минимальные знания фотошопа-это уже на чуток больше, чем совсем ничего! Понравился ваш логотип!А если можешь в фотошопе, то и другие программы освоить можно.Их найти не всегда можно, а купить дорого.
ТОха — да и с adobe illustrator талант нужен... не сам же он рисует 🙂
ТОха, загляни, пожалуйста, на мой блог, глянь хоть одним глазком что можно с шапкой придумать, да и вообще, хоть в двух словах что можно изменить в цветовой гамме.
Часто посещаю твой блог, вкус у тебя точно есть!!! И талант!!!
Саш, а в любую тему можно вставить логотип? У меня есть свой готовый, но я так и не поняла куда его пристроить. В файле style.css таких слов Ключевые слова .......я не нашла
Help!!!
Галина, если его нет, значит нужно самой вставить его в header.php. Вставляете туда
И в Style.css добавляете:
Логотип должен быть в папке images Вашей темы. Обратите внимание на расширение Вашего логотипа. Если оно не png, то в стилях поменяйте его. А потом настроите его параметры. 🙂
Большое спасибо, я воспользовался сервисом cooltext.com
Мне как то фотошоп больше по душе. 🙂
Я вообще уже давно задумываюсь о планшете 💡
Онлайн сервисы недодуманы и выглядят сырыми. Сам пользуюсь программой AAALogo все делается в несколько кликов, доступно и понятно, еще и русский интерфейс
Воспользовался сервисом cooltext.com. Вроде неплохо получилось
да много вариантов сделать логотип,можно например заглянуть сюда http://www.iconarchive.com,подобрать иконку и просто добавить красивый шрифт,мне кажется будет смотреться хорошо 🙂
столько советов, надеюсь, что и у меня получится создать логотип
ДОбрый день! я по видеоуроку создать блог, для меня это вообще оч. трудно и темно, с подобным никогда не дружила, но вот, оч. захотелось проявить стойкость и выдержку))) Все получается хорошо, все как у Вас, но вот остановилось все уже на несколько дней(((( У меня нет фотошопа Адобе, и не знаю, как и где его взять.Ни скачать не получается, я ничего не пойму там, и купить -там цена -козел , никогда не куплю (то, что видела- от 14 до 40 тыщ), это не для нас)))))помогите советом, очень прошу!!)) спасибо
Настя, зарегистрируйтесь на rutracker.org, там много чего можно скачать.
блин((( я ничего не понимаааааююююю(((((( зарегистрировалась, даже что-то скачала, но ЧТО ЭТО и как этим пользоваться, или хотябы на комп поместить...ААааааа.Какая сложная наука)))))))))даже установила руТоррент на раб стол, но я такой чайник...безнадежный.......
ой, какая у меня аватарка-печалька)))Спасибо, Александр, попробую ща.
Спасибо, Саша, за полезный обзор программ. Я до сих пор мучаюсь с логотипом и не могу остановиться на чем то одном. Все не то, что мне хочется. Попробую при помощи какой-нибудь из предложенных программ.
Спасибо за подробные разъяснения и рекомендации сервисов и программ, логотип конечно, нужен, даже если блог еще и не такой популярный, как компания CocaCola
Логотипы действительно очень круты и про сайты которые их делают не знал. На днях надо обязательно тим заняться.
Классно, надо будет воспользоваться!
Раньше я пользовался cooltext.com . теперь всё только через фотошоп и веб дизайнеров. Всё-таки сервисы не дадут того, что нужно, хотя без затрат новичкам вполне подойдут.
я рисунки делаю в программе гимп,очень удобная программа
Вы не один такой. Тоже нравится гимп. Сейчас последняя версия 2.8.
Александр, скажи, пожалуйста, что является логотипом твоего блога? Может быть, я невнимательно смотрел? Спасибо =). Название блога + шляпа, которая наверху?
Да.
Для создания хорошего логотипа нужно иметь чувство вкуса или что то от дизайнера, а так только буквы в 3D получаются и больше ничего.
А по мне и логотип coca-cola безвкусица.
Достаточно полезных методов. Но я лично сделал свой теперешний логотип в программе Sothink Logo Maker. Что-то вроде мини-фотошопа, с достаточно большой подборкой свежих идей. Мне понравилось, даже очень 🙂
Программы для логотипов действительно очень классные.
это да, можно что нибудь для себя подобрать!
Большой выбор, Не знаю, что и выбрать.
Но я лично сделал свой теперешний логотип в программе adobe photoshop.
Отличные программы для создания логотипов! Спасибо! Очень помогли)
Программы отличные, но очень дорогие!
Программ действительно много, но можно и на онлайн сайтах генерировать лого, например logaster.ru
Мне как то тоже онлайн сервисы не по душе…
А у меня нет Шопа, пользуюсь сервисом. Мне нравится.
Достаточно полезных методов. Но я лично сделал свой теперешний логотип в программе Sothink Logo Maker. Что-то вроде мини-фотошопа, с достаточно большой подборкой свежих идей. Мне понравилось, даже очень
А логотип обязателен, а то многие заказывают дизайн у профи и они кажется не всегда делают шапки с логотипом.
Класс.Надо программку скачать и на досуге,что нибудь сляпать.
Благодарю.
Логотип нужен каждому блогу. Помогает узнавать и запоминать автора среди других ресурсов.