Статья 5. Как в Фотошопе сделать логотип сайта.

Логотип является  желательным атрибутом внешнего вида сайта, а во многих случаях необходимым, особенно если это сайты представительств каких либо фирм, компаний, студий и т.д. Создать свой уникальный логотип не сложно. Достаточно употребить чуток фантазии. Так как этот урок  из серии уроков по созданию макета шаблона сайта, то и логотип будем делать именно для создаваемого шаблона.  Создаваемый нами макет имеет «пищевую»  направленность и это значит что название сайта должно быть связано именно с продуктами питания.

Долго не думая  забиваю в переводчик следующую фразу: «Вкусная и здоровая пища» и получаю следующий перевод  «Tasty and healthy food»  Будем считать этот текст девизом сайта и разместим его на логотипе.  Но для написания данного текста мне понадобятся  какие нибудь не стандартные шрифты.  Шрифты, немного полистав страницы я выбрал вот   ЗДЕСЬ.  Шрифтов много  и нет никакой мороки с их загрузкой за что огромное  спасибо создателям данной библиотеки шрифтов.

В качестве  заглавных и основных букв я выбираю английские буквы  T  F.  Это начальные буквы первого и последнего слова.  Создам в папке «header»  новую папку «logo»  и буду создавать логотип прямо в нашем макете шаблона.

Итак: две заглавных буквы.  Цвет – сочетающийся с общим цветом шаблона.

Как видите шрифт рукописный называется он Amazone BT.  Я просто уверен что он будет неплохо смотреться  на логотипе.  Печатаю вторую букву и позиционирую по своему усмотрению.

По моей задумке полный текст будет разделен на две части и расположится сверху и снизу относительно напечатанных букв.  Для написания более мелкого текста будет использоваться другой шрифт.  Шрифт «AuntJudy».  Потому что первый имеет слишком сильную вязь и плохо прочитывается в малых размерах.

Логотип может состоять как из одного текста, так и иметь графические элементы.   Я быстренько нашёл две вот такие картинки и сделаю из них  маленький коллаж.

Вырезав и обрезав ненужные части изображения ( как это сделать описано в рубрике «Уроки Фотошоп») я перемещу и от позиционирую  вновь созданное изображение  на макет шаблона. Под текстовые слои. Созданная картинка будет фоном логотипа.

Теперь останется только найти нужную позицию для верхнего и нижнего текста.

Вот и всё.  Как видите сложного ничего нет. Данный логотип статичен ( неподвижен), немного потрудившись можно сделать его анимированным. Что бы блестело, переливалось, крутилось, вертелось и так далее. Как это сделать описано в уроках рубрики «Уроки Фотошоп».  Логотип можно сотворить из подручных средств буквально за несколько минут.  Все получившиеся слои соединяем в один, предварительно растрировав  текстовые слои.  Полученный логотип сохраняется в папке «logo» входящей в состав папок «header».

А создаваемый нами макет шаблона  сейчас выглядит вот так. 

Удачи!  :)