Уроки Работа с текстом Юрий Лукша 12 августа 2010

Матовый фон для надписи

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

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

Шаг 1. Откройте любое изображение в Photoshop. Автор использовал осеннюю фотографию. Вы можете использовать подобный снимок, если Вам нравится. Или выберите любое другое. Переименуйте слой, дважды щелкая по слою, назовите его "Листья".

Шаг 2. Создайте новый слой (Ctrl + Shift + N) сверху слоя Листья, и назовите его "Frosted Bar". Используя инструмент Прямоугольная область (M), проверьте, активным должен быть слой "Frosted Bar", сделайте выделение нужного Вам размера, выделение должно быть от одного края изображения до другого. Размещение бара Ваше дело. В случае автора: бар расположен у основания изображения, как показано ниже.

Шаг 3. Заполните выделение белым цветом, используя Инструмент Заливка (G) (#FFFFFF) и снимите текущее выделение (Ctrl) + D).

Шаг 4. Примените следующие стили слоя к "Frosted Bar" . (Параметры наложения: Нормальный - Непрозрачность заливки 20 %.

Обводка: Цвет белый (#FFFFFF) Размер 2 и Положение: снаружи и 50 % Непрозрачности.

Шаг 5. Мы должны будем отредактировать наше оригинальное изображение. Значит, лучше делать дубликат, таким образом Вы можете всегда полностью изменять его. Делаем копию слоя "Листья"((Ctrl) + J). Активный слой "copy Leaves" , загрузим выделение слоя с матовым изображением (Ctrl) + щелчок на слое "frosted bar" (по миниатюре изображения слоя). Примените Размытие по Гауссу (Фильтр>Размытие>Размытие по Гауссу) Радиус 20, жмём OK.

Шаг 6. Проработав основные моменты на слое "frosted bar". Создайте новый слой ((Ctrl) + Shift + N) сверху слоя "frosted bar", и назовите его "Highlights". Снова загрузите выделение слоя с матовым изображением, и выбираете инструмент Кисть (B). Используя большую мягкую кисть (500px, Нажим 0% и цвет Белый: #FFFFFF), осветлите верхние и нижние грани (как показано на изображении), а затем снизьте прозрачность слоя до 60 %.

Шаг 7. На заключительном шаге, добавим текст. Используя инструмент Горизонтальный текст (T) добавте любой текст, который Вы захотите в пределах бара любого размера (В случае автора, размер шрифта 100px). Снизьте прозрачность до 40 % на слое с текстом, и измените режим наложения на Перекрытие.

Финальное изображение
Посмотрите на то, что должно было получиться. Надеюсь, что Вам понравился урок!

Автор: Aaron Vanston
 

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

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

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

Выделение полосы (ctrl+ лкм по иконке слоя)-инверсия-и пройтись ластиком по всему слою (матовость сотрется везде кроме кусочка с полосой)

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

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

Спасибо! Было интересно!

Благодарю.

Хорошее исполнение!

В заключительном шаге 7, Снизьте прозрачность до 40 % на слое с текстом, и измените режим наложения на Перекрытие. Зачем нужно менять режим наложения на перекрытие, если она никакую функцию не несёт, и при 100% прозрачностью и при 40% прозрачностью, зачем и для чего? Объясните мне пожалуйста.

У меня в шаге 6, получается полная ерунда. Для чего нужна кисть (500px, Нажим 0% и цвет Белый: #FFFFFF), если нажим нулевой, хотя у меня он не выставляется на ноль? И при этом никаких действий не происходит....

Всё просто!) Спасибо!

Понравилось исполнение!

Спасибо, давно хотел узнать как это делать :)

спасибо, красиво вышло

спасибо за перевод!

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

Очень красиво, спасибо )

Спасибо! пригодится)

Спасибо огромное за полезный урок!

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

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

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

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


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

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