Дорога из желтого кирпича в Adobe Photoshop
19 ноября 2015 | Опубликовано в Уроки | Нет комментариев »
Сегодняшний урок посвящен поклонникам «Волшебника из Страны Оз» и «Волшебника Изумрудного Города». Мы будем создавать текстовый эффект из желтого кирпича в Adobe Photoshop. Мы сделаем паттерны из изображений, стилизуем текст, поместим текст в пушистую траву и добавим интересные деталей.
Результат
Исходники
Вот что нам понадобится для выполнения урока:
- Шрифт SansBlack
- Кирпичи: BrickLargePainted0050 Image 1 (Small)
- Трава: Grass0035 Image 1 (Small)
- Текстура Grunge Texture 27 от amptone-stock
- Кисть для ластика Edges
- Градиенты Free Pack 6000 photoshop gradients от Supertuts007 (нам нужен CSP True Sky Gradients.grd)
1. Создаем текст
Шаг 1
Создайте новый документ размером 1000 x 700 px и введите ваш текст заглавными буквами. Используйте шрифт SansBlack размером в 230 px, цвета #f1cc4c
.
Настройте Leading/Интерлиньяж на 200, и Kerning/Кернинг на Optical/Оптический.
Шаг 2
Дублируйте слой и укажите копии Fill/Заливку в 0, затем дублируйте этот слой.
2. Создаем паттерны
Шаг 1
Откройте файл BrickLargePainted0050 и в меню выберите Image > Image Size/Изображение>Размер изображения. Укажите размер в 350 x 350 px.
Шаг 2
В меню выберите Edit > Define Pattern/Редактировать>Определить узор и нажмите OK.
Шаг 3
Откройте изображение Grass0035, измените размер на 320 x 320px, и также сделайте из него узор.
3. Стили для оригинального слоя с текстом
Кликните дважды по оригинальному слою с текстом и укажите ему следующие стили слоя:
Шаг 1
Bevel and Emboss/Тиснение
Шаг 2
Contour/Контур
Шаг 3
Texture/Текстура
Используйте паттерн BrickLargePainted0050
Шаг 4
Pattern Overlay/Перекрытие узора
Используйте паттерн BrickLargePainted0050
Вот что должно получиться:
4. Стили для первой копии текста
Кликните дважды по первой копии текст и примените к ней следующие стили слоя:
Шаг 1
Bevel and Emboss/Тиснение
Шаг 2
Contour/Контур
Шаг 3
Texture/Текстура
Используйте паттерн BrickLargePainted0050
Вот что получится:
5. Стили для второй копии текста
Кликните дважды по второй копии текста и укажите следующие стили слоя:
Шаг 1
Bevel and Emboss/Тиснение
Шаг 2
Contour/Контур
Шаг 3
Texture/Текстура
Используйте паттерн BrickLargePainted0050
Это добавит нашему тексту деталей.
6. Добавляем текстуру
Шаг 1
Поместите изображение Grunge Texture 27 поверх остальных слоев в нашем документе и смените его Blend Mode/Режим наложения на Color Burn/Затемнение основы.
Шаг 2
Кликните по иконе Create new fill or adjustment layer/Добавить новый корректирующий слой или слой-заливку в нижней части палитры Layers/Слои и выберите Levels/Уровни.
Шаг 3
Кликните по иконке Clip to layer/Отсечение по слою и выберите и укажите Gamma/Гамму в 2.24.
7. Добавляем траву
Шаг 1
Создайте новый слой поверх остальных и назовите его Grass/Трава.
Возьмите инструмент Paint Bucket/Заливка и в панели настроек выберите заливку Pattern/Узор, выберите паттерн Grass0035 и залейте им слой Grass.
Шаг 2
Добавьте корректирующий слой Levels/Уровни, кликните по иконке Clip to layer/Отсечение по слою и настройте уровни как показано ниже.
Шаг 3
Удерживая Command/Ctrl, кликните по слою с текстом, чтобы создать выделение по его контуру. В меню выберите Select > Inverse/Выделение>Инверсия выделения.
Шаг 4
Убедитесь что активен слой Grass и кликните по иконке Add vector mask/Добавить векторную маску в нижней части палитры Layers/Слои.
8. Стираем края
Шаг 1
Кликните правой кнопкой по любому слою с текстом и выберите Create Work Path/Создать рабочий контур, затем кликните по иконке маски слоя Grass.
Шаг 2
Возьмите инструмент Eraser/Ластик и выберите тип кисти Edges/Края, выберите в качестве первого цвета черный и нажмите на кнопку Return/Enter чтобы применить ластик к рабочему контуру.
Возьмите инструмент Direct Selection/Прямое выделение и нажмите Return/Enter, чтобы избавиться от рабочего контура.
9. Добавляем тень траве
Кликните дважды по слою Grass и укажите ему стиль слоя Drop Shadow/Тень:
Это добавит легкую тень траве.
10. Цветовая коррекция для завершения
Шаг 1
Добавьте корректирующий слой Gradient/Градиент.
Используйте градиент указанный ниже с теми же параметрами.
После этого смените Blend Mode/Режим наложения корректирующего слоя на Hard Light/Жесткий свет и снизьте Opacity/Непрозрачность до 20%.
Шаг 2
Выделите все слои, дублируйте их, затем в меню выберите Layer > Merge Layers/Слой>Объединить слои.
Переименуйте объединенный слой в High Pass и в меню выберите Filter > Convert for Smart Filters/Фильтр>Преобразовать для смарт-фильтров.
Шаг 3
В меню выберите Filter > Other > High Pass/Фильтр>Другие>Цветовой контраст, и укажите Radius/Радиус в 5.
Шаг 4
Для слоя High Pass смените режим наложения на Pin Light/точечный свет и снизьте Opacity/Непрозрачность до 50%.
Шаг 5
Добавьте корректирующий слой Curves/Кривые и поэкспериментируйте со значениями, чтобы добиться наилучшего результата.
Результат
Автор урока Rose
Перевод — Дежурка
Смотрите также: