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

В этом уроке мы создадим логотип в левой части шапки, и контакты в правой части:

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

Для начала нам потребуется инструмент Horizontal Type Tool (горячая клавиша T):

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

Запишите название логотипа — Redface.com. Теперь установим для него следующие параметры: 

Для всего текста размер 36pt, жирное начертание, семейство шрифтов — Arial:

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

Для "Red" цвет #930708, для "face" цвет черный (#000000), для ".com" цвет #b5b4ab. Также ".com" у нас меньше, поэтому установите размер для этих букв 24pt.

Теперь нужно установить тень для текста. Она у нас будет белого цвета. Это даже скорее не тень, а блик. Нам нужно выбрать слой с нашим логотипом. Затем нажать на fx:

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

Выбираем Drop Shadow, и устанавливаем следующие параметры:

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

Blend Mode: Normal. Цвет — белый. Opacity (прозрачность): 75%. Angle (угод): 90 градусов. Distance: 1px. Size (размытие): 0. Нажимаем ОК. 

Таким же образом мы делаем контакты. Сначала записываем строку с телефоном. Для этой строки вы устанавливаете размер 18pt. Цвета — черный и красный как для логотипа. Тень мы копируем у слоя с логотипом, для этого кликаем правой клавишей по fx:

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

и выбираем Copy Layer Style. Далее выделяем слой с телефоном, кликаем по нему правой клавишей мыши, и выбираем Paste Layer Style. Готово. 

Под телефоном у нас имеется надпись. Запишите ее. Установите для нее размер 14pt, наклонное начертание, сглаживание шрифтов - none:

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

Дальше нужно выделить два слоя — с телефоном и надписью, и выровнять их по правому краю. При помощи клавиши Ctrl мы выделяем слои (кликайте по слою, например, где надпись, с нажатой клавишей Ctrl):

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

Теперь выбираем инструмент Move Tool:

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

И на верхней панели выбираем выравнивание по правому краю:

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

В общем на этом все, можете сделать отступы от краев холста до содержимого по 20px. В следующем уроке мы сделаем горизонтальное меню.

http://youtu.be/rPagoGf6xwU

Источник: http://psd-html-css.ru/ps/sozdanie-logotipa-i-kontaktov

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Создание логотипа и контактов | | 2012-04-28 10:35:00 | | Статьи Web-мастеру | | В этом уроке мы создадим логотип в левой части шапки, и контакты в правой части:Для начала нам потребуется инструмент Horizontal Type Tool (горячая клавиша T):Запишите название логотипа — Redface.com | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: