Вебдванольный логотип для сайта

Мурзики.Net.Ru
Небольшой и простой урок "Как создать Logo Web 2.0 для сайта в программе Photoshop", который я применил на одном из своих блогов.

1. Откроем Adobe Photoshop создадим новый документ 400х100, разрешением 72 пикселя и белым фоном. В качестве шрифта будем использовать Arial bold 48px небесно-голубого цвета (#0099cc).


Правой кнопкой зададим стиль текстового слоя (см. ниже на картинках). Поставим галку в чекбоксе "Тень" со следующими параметрами: Режим - Умножение, Прозрачность - 61%, Угол - 120, Смещение - 5, Размах - 0, Размер - 5. Отметим галкой чекбокс "Обводка" (Структура - 3, Положение - Снаружи, Режим - Нормальный).




Нажимаем Ок и получаем результат:


2. Следующим шагом будет добавление глянцевого эффекта текстовому слою. Для чего применим комбинацию клавиш Ctrl+click на нашей надписи:


Создадим новый слой (Ctrl+Shift+N или Слой -> Новый Слой -> Ок). После чего воспользуемся инструментом "Заливка" белого цвета.

Отменим выделение (Ctrl+D) и применим инструмент "Овальная область" как показано ниже:

Инвертируем выделенную область, используя комбинацию Ctrl+Shift+I или правой кнопкой на выделенном участке "Инверсия выделенной области". Жмем Delete и отменяем выделение.

Затем настроим Непрозрачность на слое1, установив значение 32%:

Собственно и все! - логотип готов.
 
При желании можно добавить к логотипу сверху или снизу слоган, используя мелкий шрифт 12 пикселей светлосерого цвета (#b0b0b0)

Сохраните полученный логотип с прозрачным фоном для Web и устройств в формате PNG-24.
Автор свободного перевода: George Perec Источник: makeuseof.com

0 коммент.

Отправить комментарий