Уроки Работа с текстом Максим Енин 11 апреля 2013

Автомобильный логотип в стиле ретро в Фотошоп

Сложность урока: Средний

В этом уроке мы, комбинируя текст и стили слоя, создадим хромированный автомобильный логотип в стиле 50-ых годов.

Материалы для урока:

Архив

Шаг 1

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

Два раза кликаем левой кнопкой мышки по фоновому слою. На этот раз для того, чтобы вызвать окно Layer Style (Стиль слоя). Применяем Inner Glow (Внутреннее свечение) и Gradient Overlay (Наложение градиента).

В результате получаем фон, залитый красным градиентом.

Шаг 2

Используя Pen Tool (Перо) (Р), над предыдущим слоем рисуем фигуру черного цвета с зубчатым краем. Ее мы используем для создания иллюзии отражения гор на горизонте.

Шаг 3

На панели слоев уменьшаем Fill (Заливка) до 0% и применяем стиль слоя.

Внешнее свечение:

У вас должен получиться примерно такой же результат.

Шаг 4

Создаем новый слой и заливаем его белым цветом. Убеждаемся, что новый слой активен, зажимаем клавишу Ctrl/Command и кликаем по миниатюре слоя с силуэтом гор, чтобы загрузить его выделение. Жмем клавишу Delete, чтобы удалить выделенную часть белого слоя.

Уменьшаем Fill (Заливка) до 0% и применяем стиль слоя Наложение градиента.

Шаг 5

Мы создали хорошую основу и теперь займемся самим логотипом.
С помощью Ellipse tool (Эллипс) (U) рисуем овал, устанавливаем его Fill (Заливка) на 0% и применяем стиль слоя. Этот эффект мы применили, чтобы создать тень от хромированной основы логотипа.

Внутренняя тень:

Наложение градиента:

Тень:

Шаг 6

Дублируем слой с овалом, удаляем с копии все стили слоя, устанавливаем его Fill (Заливка) на 0% и создаем внешнюю обводку черного цвета и шириной 25 px.

Кликаем правой кнопкой мыши по текущему слою на панели слоев и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Это позволит нам в будущем вернуться к параметрам стиля слоя и при необходимости изменить ширину обводки.

Обводка:

Шаг 7

К смарт-объекту применяем стиль слоя, чтобы придать ему хромированный эффект.

Тиснение:

Контур:

Внутреннее свечение:

Шаг 8

Далее мы добавим отражение гор внутри овала. Создаем новый пустой слой. Убеждаемся, что он активен, зажимаем Ctrl/Command и кликаем по миниатюре слоя с овалом, чтобы загрузить его выделение. Далее удерживаем Ctrl/Command+Alt и кликаем по белому слою, который мы создали ранее. В результате появится выделение той части гор, которая находится внутри овала. Заливаем выделение черным цветом и применяем стиль слоя Внешнее свечение.

Шаг 9

Дублируем слой с овалом, удаляем с него стили слоя и перемещаем в самый верх палитры слоев. Устанавливаем его параметр Fill (Заливка) на 0% и применяем стиль слоя Внутреннее свечение, чтобы добавить эффект мягкого свечения.

Шаг 10

Дублируем самый верхний слой с овалом и удаляем с него стили слоя.
Устанавливаем его параметр Fill (Заливка) на 0% и применяем стиль слоя Внутренняя свечение, чтобы добавить тень.

Шаг 11

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

Тиснение/скос:

Контур:

Обводка:

Внутреннее свечение:

Наложение градиента:

Тень:

Шаг 12

Теперь мы нарисуем текстуру в виде шахматной доски. Создаем новый документ 200 х 200 пикселей с белым фоном. В левом верхнем и правом нижнем углах рисуем два черных квадрата размером 100 х 100 пикселей.

Жмем Ctrl/Command+A, чтобы выделить все рабочее полотно и переходим Edit - Define Pattern (Редактирование - Определить узор). Даем имя нашей текстуре и жмем OK.

Шаг 13

Возвращаемся к основному документу. Вверху и внизу рисуем линии по всей ширине документа. Применяем к ним стиль слоя Pattern Overlay (Наложение узора), используя в качестве текстуры ту, которую мы создали в предыдущем шаге.

Наложение градиента:

Наложение узора:

Тень:

Финальный результат

Используя базовые инструменты выделения и стили слоя, мы создали с вами свой собственный автомобильный логотип в ретро-стиле.

Автор: John Shaver

 

Источник: psd.tutsplus.com

39 тыс. 62
Печать Жалоба

Комментарии 62

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

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

Спасибо за урок и за перевод.

Отличный урок

Спасибо! О_о

спасибо за урок!!!! как-то так)))

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

Спасибо за бесценный опыт)

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

Прекрасно!

Спасибо, мне понравилось!

Спасибо. Интересно))

И вертикальный вариант с силуэтом города

Спасибо!

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

Класс, спасибо !

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

Еще 29
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее