Здравствуйте, web-мастера и дизайнеры сайтов.
Настало время очередного урока по графике сайта. Сегодня я расскажу о наверное самом главном в дизайне сайта- о логотипе.

Что такое логотип?
   Логотип (wiki) - оригинальное начертание полного или сокращённого наименования организации или товара. Логотип для сайта является графической или словесной частью товарного знака. К созданию логотипа стоит подходить серьезно, именно логотип в дальнейшем будет идентификацией Вашего сайта в интернете.

Логотипы бывают 3 типов:
- шрифтовое начертание;
- графическое начертание;
- комбинированный.

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

Способов создания логотипа я для себя выделяю 3:
- заказать у дизайнеров, придется выложить круглую сумму денег;
- с помощью фотошопа или другого графического редактора;
- сгенерировать логотип с помощью on-line сервисов.

   Мы люди русские, любим халяву. Так что о покупке логотипа мы думать не будем. Оставим это крупным корпорациям и компаниям. Будем создавать логотип своими руками, зачем доверять кому. Итак, приступим:

Создание логотипа с помощью on-line сервисов.
   Я всегда при создании логотипа этим способом использую только один сервис Logocreator. Данным сервисом очень просто пользоваться, а главное Вы сможете на выходе быстро получить логотип в стиле web 2.0. Единственный минус, что с помощью данного сервиса можно создать шрифтовое написание логотипа. Для большинства сайтов и блогов- это то, что нужно.
   Итак, для начала заходим на сайт http://creatr.cc/creatr/. Внимательно изучаем содержимое, пытаемся понять, что из себя представляет сервис и наши последующие действия.

Настраиваем сервис генерации логотипов.
   В поле выбора стиля логотипа, выбираем любой понравившейся. Допустим, выбираем самый первый тип:

 

Выбираем необходимые нам настройки:

Font (шрифт) - поля "font color" и "font color2" не заполянем, в полях "font size" и "font face" выбираем необходимый размер и шрифт.
Badge (значок, эмблема) - можно выбрать то, что есть в наличии, либо выбрать "No Badge" (нет значка).
Background (фон) - выбираем цвет фона, либо ставим выбираем прозрачный фон.
Mirror (зеркальный эффект) - выбираем то, что нравится.
Resize (размер, площадь) - я ставлю 90%, затем в фотошопе обрезаю не нужное.

   Итак, с настройками разобрались, приступаем к созданию логотипа.
Допустим, необходимо создать логотип для сайта FotoGrafika со значком sun-100%.
Выставляем в настройках:

Теперь нам необходимо в поле LogoText вставить наш текст логотипа и его цвет:

 

   Для этого нам нужно определиться какой будет цвет и к какой букве. Подготавливаем макет, я делаю его в блокноте, предварительно скопировав текст кода который стоит там по умолчанию.
   Я подготовил вот такой код:

[col=33FF66]F[/col][col=000]oto[/col][col=33FF66]G[/col][col=000]rafika[/col]

   Он означает, что буквы в слове FotoGrafika, буквы "F" и "G" будут салатового цвета (Hex код- 33FF66), а остальные продолжения слов будет черного цвета (Hex код- 000000, можно вставить 000).
   Вставляем код в поле LogoText и нажимаем на Greate Logo. Радуемся полученному логотипу.

 

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

 

Создание логотипа с помощью фотошопа.
   В интернете очень много уроков по созданию логотипов с помощью Photoshopa. Так что дублировать и изобретать велосипед не буду. Кто хочет научиться, тот научится.

 

 Сверстать и прикрутить дизайн - полдела. Сайт так же нужно правильно оптимизировать-  Блог о SEO и заработке в интернет