Уроки Все для дизайнера Светлана Слуцкая 22 апреля 2015

Придаём винтажность логотипу в Фотошоп

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

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

Конечный результат:

Шаг 1

Для начала, создайте логотип, к которому хотите применить винтажный эффект. Мой логотип был создан в Adobe Illustrator.

Шаг 2

Перейдите в программу Adobe Photoshop, Создайте новый слой (Shift + Ctrl + N) и залейте его черным цветом. На этом черном фоне разместите логотип. К слою с логотипом примените стиль слоя Наложение цвета (Color Overlay), чтобы изменить его черный цвет на белый.

Шаг 3

Поместите слои с логотипом и черным фоном в группу (Ctrl + G) и преобразуйте в смарт-объект (smart object )(кликните по группе в палитре Слои правой кнопкой мыши и выберите пункт Преобразовать в смарт-объект). Далее, полученный смарт-объект преобразуйте в смарт-фильтр (Фильтр – Преобразовать в смарт-фильтр) (Filter>Convert to Smart Filters) и размойте фильтром Размытие по Гауссу (Фильтр – Размытие – Размытие по Гауссу) (Filter>Blur>Gaussian Blur) с радиусом в 4 пиксела.

Шаг 4

Примените к смарт-фильтру корректирующий слой Уровни (Слой – Новый корректирующий слой – Уровни)  (Layer>New Adjustment Layer>Levels). Изменяйте здесь значения до тех пор, пока практически не пропадет эффект размытия. После этого, к данному корректирующему слою примените обтравочную маску. Эта обтравочная маска должна располагаться в палитре Слои над слоем со смарт-фильтром (Слой – Создать обтравочную маску) (Layer>Create Clipping Mask).

Шаг 5

Над слоем с логотипом создайте новый слой (Shift + Ctrl + N) и кистью с эффектом пятен пройдитесь по логотипу, чтобы создать эффект потертости.

Шаг 6

Поместите в группу слой с логотипом и слой с потертостями (Ctrl + G) и измените режим наложения группы на Светлее (Lighter Color). Под слой с логотипом добавьте изображение, которое послужит фоном.

Шаг 7

Изображение, которое использовано в этом уроке, очень светлое и не создает нужный контраст вместе с логотипом. Для того, чтобы добавить контраста изображению, примените команду Цветовой тон/Насыщенность (Изображение – Коррекция – Цветовой тон/Насыщенность) (Image>Adustments>Hue and Saturation).

В открывшемся диалоговом окне слегка уменьшите значение параметра Насыщенность (Saturation) и параметра Яркость (Lightness). Значения будут зависеть от изображения, которое Вы используете.

Шаг 8

Примените команду Уровни (Изображение – Коррекция – Уровни) (Image>Adjustments>Levels) и измените положение серого маркера, чтобы немного затемнить изображение.

Шаг 9

Добавьте корректирующий слой Фотофильтр (Слой – Новый корректирующий слой – Фотофильтр) (Layer>New Adjustment Layer>Photo Filter). Используйте фильтр Warming Filter с плотностью (Density) 65%.

Шаг 10

Преобразуйте группу с логотипом и слоем с потертостями в смарт-фильтр (Фильтр – Преобразовать в смарт-фильтр) (Filter>Convert to Smart Filters) и примените фильтр Акцент на краях (Фильтр – Галерея фильтров – Штрихи – Акцент на краях) (Filter>Filter Gallery>Brush Strokes>Accented Edges). Поэкспериментируйте с настройками.

Уменьшите непрозрачность логотипа до  95%, чтобы он сочетался с фоном, также можете использовать команду Уровни, чтобы сделать его не слишком ярким.

Конечный результат:

Автор:  ABDUZEEDO

Перевод: Слуцкая Светлана

Источник: abduzeedo.com

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

не могу отделить фон от логотипа, возможно где-то накосячил

Хорошее исполнение урока!

У меня так вышло))

как-то так...

Таким вот образом "обрамил" аватарку одной из групп В Контакте, админом которой некоторое время мне довелось быть.
))

Лучшее что получилось по уроку.

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

Еще один лого)) спасибо..

Спасибо.. Интересный эффект

Спасибо. Давно хотела узнать, как создаются подобные эффекты. Получилось пока не очень,поскольку не сильно понятен принцип имитации потертостей. Лого разрабатывала сама. Мир.

Благодарю.
P.S. Я пытался.

Урок хороший, но попытка не удалась. Вот что вышло

ХК Сибирь только вперед! Новосибирск! И наша любимица зоопарка Герда)) Спасибо за урок!

а где взять кисть с эффектом пятен в фотошопе?

не получается соединить слои текст с картинкой, все пошагово делал и растерялась( еще чайник

В некоторых моментах запутался, но всё же выполнил)

Спасибо за урок. На его основе сделал макет логотипа своей группы))

Благодарю!

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее