Типографический эффект отраженного пейзажа в Photoshop
19 сентября 2017 | Опубликовано в Уроки | Нет комментариев »
В этом уроке мы будем создавать стильный типографический эффект в Adobe Photoshop. Для этого мы используем фотографию пейзажа, и при помощи правильного шрифта и обтравочной маски создадим текст поверх этого пейзажа, в котором последний будет отражаться. Мы будем также работать с кистями и фильтрами.
Результат
Исходники
Для выполнения урока вам понадобятся следующие исходники:
- Шрифт Sumac Typeface
- Пейзаж Foggy Germany от Christian Grab
- Кисти UNRESTRICTED — Real Smoke Brushes от frozenstocks
1. Создаем фон и текст
Шаг 1
От выбора фотографии зависит насколько удачным получится результат. Выбирайте изображение с двумя контрастными областями, которые можно отразить. При этом одна из областей должна быть бедна на детали.
Откройте пейзаж Foggy Germany в Photoshop. Изображение довольно большое, и вы можете его уменьшить, выбрав в меню Image > Image Size/Изображение>Размер изображения. Укажите подходящий размер.
Шаг 2
Создайте текст при помощи шрифта Sumac Typeface, затем нажмите Command/Ctrl-T чтобы войти в режим свободного трансформирования. Масштабируйте текст так, чтобы он почти заполнил изображение.
Нажмите Return/Enter чтобы применить трансформацию.
2. Применяем к тексту изображение
Шаг 1
Дублируйте фоновый слой с пейзажем, перетащите копию слоя вверх — поверх слоя с текстом, кликните по слою правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску.
Шаг 2
В меню выберите Edit > Transform > Flip Vertical/Редактировать>Трансформировать>Отразить вертикально, и Edit > Transform > Flip Horizontal/Редактировать>Трансформировать>Отразить горизонтально.
Шаг 3
Выберите инструмент Move/Перемещение, и при помощи клавиш со стрелками немного переместите слой с отраженным пейзажем, чтобы найти наилучшее положение.
3. Создаем маску с градиентом
Шаг 1
Выберите слой с отраженным пейзажем и кликните по иконке Add layer mask/Добавить маску слоя в нижней части палитры Layers/Слои.
Шаг 2
Возьмите инструмент Gradient/Градиент, выберите линейный градиент от черного к белому.
Выберите маску слоя и растяните градиент на длину стрелки, показанной ниже. Это немного размоет нижнюю часть текста.
4. Финальные штрихи
Шаг 1
Создайте новый слой поверх всех слоев, назовите его Brush и возьмите инструмент Brush/Кисть.
Выберите белый цвет и используйте кисти UNRESTRICTED — Real Smoke Brushes чтобы добавить немного дыма в нашу работу. Так мы слегка сольем текст с фоном.
В этом шаге важно выбрать правильное значение для Opacity/Непрозрачности кисти. В нашем случае это 50%.
Шаг 2
Создайте еще один слой поверх всех слоев и назовите его Noise. В меню выберите Edit > Fill/Редактировать>Залить. Укажите параметры как на картинке ниже и нажмите OK.
Шаг 3
Кликните правой кнопкой по слою Noise и выберите Convert to Smart Object/Преобразовать в смарт-объект, затем смените Blend Mode/Режим наложения слоя на Soft Light/Мягкий свет.
Шаг 4
Выберите в качестве первого и фонового слоя черный и белый. Затем в меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум.
Настройте параметры как показано ниже, или поэкспериментируйте со значениями, которые нравятся вам больше (особенно если размер вашего документа отличается от того, что был выбран в уроке).
Результат
Автор урока Rose
Перевод — Дежурка
Смотрите также:
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- Футуризм в иллюстрации
193