На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 9311
Средней сложности Размещено: 14.01.2011 г.

Хромированный автомобильный логотип в Фотошоп


Сегодня в уроке Фотошоп вы узнаете, как создать яркий, сияющий логотип для автомобиля при помощи стилей слоя и инструмента «Текст» (Type Tool). Этот урок подходит для начинающих любителей Фотошоп, поскольку не требует обширных знаний в данной программе.

Давайте начнем!


Превью финального результата:


Хромированный автомобильный логотип в Фотошоп


Шаг 1.


Создаем Новый документ (Ctrl+N) в Фотошоп размером 600х450 рх, с разрешением 72 рх/дюйм в режиме RGB с прозрачным фоном (Transparent). Устанавливаем цвета переднего и заднего плана по умолчанию программы, нажав на клавиатуре «D» (черный и белый). Заполняем созданный слой цветом переднего плана – черным (меню Edit-Fill…или сочетание Alt+Backspace).


Теперь сделаем наш фон металлического цвета, включающего несколько оттенков серого, имитируя дверь автомобиля. Для этого воспользуемся панелью «Стили слоя» (Layer-Layer Style или двойной клик по миниатюре слоя) и выберем эффект «Наложение градиента» (Gradient Overlay) с линейным (Linear) стилем и углом 90°. В диалоговом окне этой опции открываем Редактор градиентов (Gradient editor), нажав на цветовую шкалу, и, устанавливаем цветовые значения для градиента слева-направо: #858585 позиция (location) 0%, #4E4E4E позиция 20%, #676767 позиция 40%, #FFFFFF позиция 80%, #FFFFFF позиция 85%, #DADADA 40%.


Хромированный автомобильный логотип в Фотошоп


Хромированный автомобильный логотип в Фотошоп


По завершении настроек градиента, присваиваем ему имя, затем нажимаем в диалоговом окне клавишу «Новый» (New) и видим наш градиент в наборе программы. Чтобы применять его дальше в нашей работе, сохраните градиент в любое место вашего компьютера, нажав на клавишу «Сохранить» (Save) справа диалогового окна.


Хромированный автомобильный логотип в Фотошоп


Шаг 2.


Не закрывая окна «Стилей слоя» (Layer style), активируем параметр «Наложение цвета» (Color Overlay) и устанавливаем режим смешивания на Умножение (Multiply). Щелкаем по цветовому квадрату и вводим значение цвета для опции #990000 (красный). Непрозрачность (Opacity) установите на 100%.


Хромированный автомобильный логотип в Фотошоп


Шаг 3.


Далее, пишем цифры будущего логотипа «4х4» шрифтом из ресурсов урока «TS Block» или любым другим жирным печатным шрифтом, используя серый цвет #999999. Для этого, активируем инструмент «Текст» (Type Tool). По завершении, нажимаем в верхнем меню значок Commit (галочку). Подводим курсор к первой цифре «4» и выделяем ее (об ее активизации говорит яркий голубой цвет). Открываем панель «Символ» (Окно-Символ (Window-Character)) или нажимаем на самый крайний значок в верхнем меню, открывая окно настроек текста. Выполняем следующие настройки для цифры: кегль (размер букв) 170 рт, кернинг метрический (Metrics), трекинг (межбуквенное расстояние) -160, смещение базовой линии 0 рт, стиль написания - псевдокурсивный (Faux Italic), метод сглаживания – резкий (sharpe).


Хромированный автомобильный логотип в Фотошоп


Затем, выделяем знак умножения «х» в словосочетании, установив курсор рядом и проводя им по знаку, и редактируем его в панели «Символ» (Character). Здесь обязательно настройте опцию «Смещение базовой линии», чтобы приподнять знак, как на оригинальном промышленном логотипе.


Выполните настройки со скриншота ниже:


Хромированный автомобильный логотип в Фотошоп


Скопируйте первую цифру «4», выделив ее курсором и нажав сочетание Ctrl+C (Копировать). Теперь установите курсор за знаком «х» и вставьте цифру в это место, нажав Ctrl+V (Вставить).


Обратите внимание, что знак умножения должен касаться обеих цифр, это важно.


Хромированный автомобильный логотип в Фотошоп


Шаг 4.


Двойным кликом по миниатюре слоя с логотипом открываем «Стили слоя» или нажимаем на иконку внизу панели слоев с буквами fx. Находим параметр «Обводка» (Stroke) и в диалоговом окне нажимаем на цветовой квадрат. Внизу окна открывшейся палитры активируем флажок «Только Веб-цвета» (Only Web Colors) и указываем цвет обводки # #666666. Выбираем позицию обводки снаружи (Outside) размером 3 рх.


Хромированный автомобильный логотип в Фотошоп


Шаг 5.


Далее, мы из созданной обводки сделаем отдельный слой. На миниатюре текстового слоя нажимаем по значку fx правой кнопкой мыши и выбираем из меню команду – Создать слой (Create Layer). Помещаем его ниже текстового слоя.


Хромированный автомобильный логотип в Фотошоп


Шаг 6.


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


Хромированный автомобильный логотип в Фотошоп


Шаг 7.


Добавим несколько эффектов при помощи «Стилей слоя» на оригинал логотипа. Он будет выполнять функцию 3d тиснения позади основной эмблемы.
Дважды щелкаем по миниатюре текстового слоя и находим параметр «Наложение градиента» (Gradient Overlay). В окне опции открываем редактор градиентов (Gradient Editor) и загружаем сохраненный градиент «Хром», который применяли на слое с фоном.


Хромированный автомобильный логотип в Фотошоп


Следующим эффектом будет «Обводка» (Stroke). Настройки следующие: размер 2рх, положение внутри. В разделе «Тип обводки» этого диалогового окна выбираем «Градиент» (Gradient) и указываем снова наш сохраненный «Хром», но активируем флажок Инверсии (Reverse) и изменяем стиль на Зеркальный (Reflected). Масштаб (Scale) ставим на 150%.


Хромированный автомобильный логотип в Фотошоп


Выполняем настройки для опции «Тиснение» (Bevel and Emboss): глубина (Depth) 145%, размер (size) 2рх, угол (angle) 90°, высота (attitude) 30.


Хромированный автомобильный логотип в Фотошоп


И, последний эффект «Внутренняя тень» (Inner Shadow) с такими значениями: непрозрачность (Opacity) 55%, угол (angle) 20° без глобального освещения (Global Light), смещение (distance) 2 рх, размах (choke) 90%, размер 1 рх.


Хромированный автомобильный логотип в Фотошоп


Шаг 8.


Теперь мы возвратимся к слою-обводке и добавим на него некоторые стили слоя. Мы создадим впечатление хромированной тисненой поверхности логотипа при помощи стилей «Тиснение» (Bevel and Emboss) и «Внешнее свечение» (Outer Glow). Вы можете изменить угол тиснения и его оттенок по своему желанию, чтобы ваш логотип выглядел настоящим.


Выполните настройки параметров со скриншота ниже:


Хромированный автомобильный логотип в Фотошоп


Шаг 9.


Далее, создадим черную пластиковую основу, которая находится у таких логотипов сзади, в контакте с поверхностью машины. Дублируем текстовой слой (Ctrl+J или перетяните слой на иконку нового слоя внизу панели) и удалям с дубликата все стили слоя (клик правой кн.мыши на миниатюре слоя и выбираем команду – Очистить стиль слоя (Clear layer styles)). Откройте окно «Стили слоя» (Layer Style) двойным кликом по миниатюре и выберите параметр «Тень» (Drop Shadow), выполните настройки: угол 90°, смещение (distance) 3 рх, размах (spread) 100%, размер (size) 7 рх. Используйте цвет для тени # 202020, нажав на цветовой квадрат рядом с режимом смешивания. Завершив настройки, преобразуйте полученную тень в отдельный слой, как мы это делали в шаге 5 и поместите его над слоем «Фон» (Background).


Хромированный автомобильный логотип в Фотошоп


Шаг 10.


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

На слое «Тень» открываем «Стили слоя» (Layer Style) и находим параметр «Тиснение» (Bevel and Emboss). Вводим значения: стиль- внутреннее тиснение (inner bevel), глубина 100%, направление вверх (up), размер 3рх, смягчение (soften) 8рх, угол 160°, высота 15°.
Затем, выполняем настройки для эффекта «Тень» (Drop Shadow): режим смешивания Умножение (Multiply), угол 90°, смещение 5рх, размах 0%, размер 5рх.


Хромированный автомобильный логотип в Фотошоп


Шаг 11.


Добавим поверх нашего логотипа тонкую полосу свечения, которая образуется при попадании лучей света на металл. Заполните верхний слой-копию текста белым (ffffff) цветом (Edit-Fill..или Shift+F5), предварительно выделив ее (Ctrl+клик по иконке этого слоя). Затем, выберите инструмент Прямоугольное выделение (Rectangular Marquee Tool) c радиусом растушевки (Feather) 3 рх (укажите в верхнем меню) и создайте тонкую полоску немного выше середины текста. Теперь, нажмите внизу панели слоев на иконку Маски слоя (Layer Mask), она выглядит как круг в квадрате.


Хромированный автомобильный логотип в Фотошоп


Шаг 12.


Далее, откройте окно «Стили слоя» (Layer Style) и выберите параметр «Внешнее свечение» (Outer Glow) и выполните настройки: режим смешивания – Экран (Screen), непрозрачность (opacity) 75%, размах (spread) 15%, размер 15 рх.


Хромированный автомобильный логотип в Фотошоп


Шаг 13.


Для завершения работы мы добавим блик на край логотипа. Скачайте набор бликов в формате PNG из ресурсов урока и загрузите их в фотошоп. Выберите большую вспышку вверху.


Хромированный автомобильный логотип в Фотошоп


Шаг 14.


Скопируйте (Ctrl+C), а затем вставьте (Ctrl+V) блик в наш документ и поместите его выше всех слоев в панели. Измените размер блика при помощи трансформирования (Edit-Free Transform или Ctrl+T) и расположите его на левом краю первой цифры «4» в начале световой полосы.


Хромированный автомобильный логотип в Фотошоп


Вот и все! Наш логотип готов. Вы можете попробовать использовать другой шрифт или эмблему. Не забудьте про соединение букв или фигур на вашем личном логотипе, иначе результат будет нереалистичным.


Желаю удачи!


Хромированный автомобильный логотип в Фотошоп


Используемые материалы:



Шрифт «TS Block»
Блики

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Alberto Sosa/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 27




Рейтинг популярности: 2.7/5 (Всего оценок: 26)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей



В галерею
03.08.2015 03.08.2015  Владимир Носков

Спасибо за урок!


В галерею
10.01.2013 10.01.2013  cobrastar

Спасибо за урок!


В галерею
10.07.2011 10.07.2011  мандаринка

Большое спасибо за урок!