Надпись кирпичом в фотошопе
В этом уроке вы узнаете как создать эффект граффити из ваших фотографий в Adobe Photoshop с помощью фильтров, корректирующих слоев, и стиля слоя.
Сложность урока: Средний
Узнайте, как создать эффект граффити из ваших фотографий в Adobe Photoshop, с помощью фильтров, корректирующих слоев, и стиля слоя.
Другие работы с эффектом объема 3D-граффити Graffiti Effect с Pop Up Photoshop представлены на сайте Envato.
1. Как создать фон кирпичной кладки
Создайте Новый документ размером 850 х 630 точек. Можно, конечно, использовать другой размер для вашего PSD-файла, но вы должны соблюдать пропорции, используемые в данном руководстве.
Добавьте изображение Кирпичной стены на новом слое. При необходимости, измените размер текстуры.
Примечание переводчика: Для изменения размера, воспользуйтесь Инструментом Трансформации: Редактирование (Edit) - Трансформирование (Transform) - Масштабирование (Scale).
2. Как добавить граффити
Шаг 1
Откройте и вставьте в наш документ изображение граффити, при необходимости измените его размер. Поместите этот слой над слоем со стеной.
Шаг 2
Нажмите на вторую иконку Добавить слой маску (Add layer mask) в нижней части панели Слои (Layers), чтобы добавить маску слоя к слою с изображением граффити.
3. Как создать портрет в стиле граффити
Шаг 1
Откройте фотографию с лицом модели. Скопируйте и вставьте в наш документ, выше всех слоев. Используйте инструмент Волшебная палочка (Magic Wand Tool), чтобы выделить фон вокруг портрета. Установите Допуск (Tolerance) 10 и, установив галочки на Сглаживание (Anti-alias) и Смежные пиксели (Contiguous), удерживая нажатой клавишу Shift, выделите все участки фона. Нажмите Delete для удаления выделенного фона.
Нажмите Ctrl +D, чтобы снять выделение.
Шаг 2
Нажмите Ctrl +J, и продублируйте слой с головой модели дважды, и назовите новые слои портрет 1 и портрет 2. Скройте два вновь созданных слоя: при нажатии на значок Глаз рядом с любым слоем на панели Слоев (Layers) можно скрыть или показать слой.
Шаг 3
Шаг 4
Применим к этому слою Фильтр: Переходим во вкладку Фильтр (Filter) - Имитация (Artistic) - Аппликация (Cutout) и выберите Количество уровней (Number of Levels) 8, Простота краев (Edge Simplicity) 0 и Четкость краев (Edge Fidelity) 3.
Шаг 5
Добавьте Корректирующий слой Постеризация: Слои (Layers) - Новый Корректирующий слой (New adjustment layer) – Постеризация (Posterize), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, установите Уровни (Levels) на 5 единиц.
Шаг 6
Добавьте Корректирующий слой Яркость/Контрастность: Слои (Layers) - Новый Корректирующий слой (New adjustment layer) - Яркость/Контрастность (Brightness / Contrast), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, Яркость (Brightness) до 117 и Контрастность (Contrast) до -50.
Шаг 7
Добавьте Корректирующий слой Цветовой тон/насыщенность: Слои (Layers) - Новый Корректирующий слой (New adjustment layer) - Цветовой тон/насыщенность (Hue / Saturation), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, установите Тон (Hue) на 129 и Насыщенность (Saturation) до 100.
Выберите Гранжевую кисть для рисования на маске Корректирующего слоя Hue / Saturation, прокрасьте черным как на изображении ниже, для отображения исходного цвета.
Шаг 8
Скопируйте слой с текстурой граффити, поместите его над корректирующими слоями, кликните левой кнопкой мышки между этим слоем и нижележащим, с зажатой клавишей ALT. Теперь и этот слой будет использован в качестве обтравочной маски к слою с портретом.
Измените режим наложения этого слоя, с копией текстуры граффити, на Светлее (Lighter Color)
Шаг 9
Шаг 10
Переходим во вкладку Фильтр (Filter) - Эскиз (Sketch) – Ксерокопия (Photocopy) и выбираем Детализация (Detail) 3, Затененность (Darkness) до 50.
Шаг 11
Переходим во вкладку Фильтр (Filter) - Имитация (Artistic) - Аппликация (Cutout) и выбираем Количество уровней (Number of Levels) 3, Простота краев (Edge Simplicity) 3 и Четкость краев (Edge Fidelity) 3.
Шаг 12
Перейдите к Изображение (Image) - Коррекция (Adjustments) - Уровни (Levels) и установите значения как на изображении ниже:
Шаг 13
Установите режим наложения слоя портрет 1 на Умножение (Multiply).
Если вы хотите, вы можете повторить тот же процесс, но с разными настройками для слоя портрет 2, но этот шаг не является обязательным.
4. Как создать эффект кирпича
Шаг 1
Нажмите Shift-+Ctrl +N, чтобы создать Новый слой поверх всех остальных слоев.
Нажмите Shift+Ctrl +Alt+E, чтобы объединить все видимые слои. Назовите этот слой Кирпичи.
Шаг 2
Добавьте маску слоя к слою Кирпичи.
Шаг 3
Выполните следующее действие: Изображение (Image) - Тримминг (Trim) и обрежьте холст, основанный на прозрачных пикселях.
Шаг 4
Перейти к самому нижнему слою с текстурой кирпичной стены и создайте выделение с помощью Инструмента Прямоугольная область выделения (Rectangular Marquee Tool). Нажмите Ctrl +C, чтобы сделать копию выделения.
Шаг 5
Вернитесь к слою Кирпичи и на вкладке Каналы (Channels) нажмите на значок Глаз рядом с маской слоя Кирпичи, чтобы сделать его видимым. Нажмите Ctrl + V, чтобы Вставить (Paste) выделение в этой маске.
Примечание переводчика: Если не получается с клавишами Ctrl + C, попробуйте так: после того, как в шаге 4, вы выделили участок Прямоугольным выделением, перейдите в меню Редактирование (Edit) – Копировать (Copy), теперь перейдите на слой Кирпичи, зайдите в закладку Каналы, нажмите значок Глаз напротив Маски слоя, активируйте слой, опять меню Редактирование (Edit) – Вставить (Paste).
Шаг 6
Вернитесь к вкладке Слои (Layers) и нажмите Ctrl +D, чтобы отменить выделение. Также кликните два раза мышкой по миниатюре окна на слое Кирпичи.
Шаг 7
Зайдите в Стиль слоя (Layer Style Window) Кирпичи и добавьте стиль Тиснение (Bevel and Emboss). Выставите настройки, как на изображении ниже.
Примечание переводчика: Стиль: Внутренний скос, Метод: Жесткая огранка, Глубина: 704%, Направление: Вниз, Размер: 65 пикс., Угол: 120 градусов, Режим подсветки: Перекрытие, Режим тени: Умножение.
Поздравляю! Вы это сделали!
В этом уроке вы узнали, как создать эффект граффити в Photoshop с нуля, используя кисти и текстуру, фильтры и корректирующие слои. Я надеюсь, что вам пригодится этот урок в будущем, для создания своих работ!
В этом уроке вы узнаете, как сделать текст из жёлтого кирпича в Фотошоп.
Сложность урока: Средний
Примечание переводчика: урок навеян сценой из книги “Волшебник Страны Оз”.
"Лучше всего начать с самого начала – идите по дороге из жёлтого кирпича". В этом уроке я покажу вам как с помощью текстуры кирпичей, простой кисти и пару стилей слоя, создать текст из жёлтых кирпичей. Итак, давайте приступим!
Итоговый результат
1. Создаём текст
Шаг 1
Задайте Интерлиньяж (Leading) 200, Кернинг (Kerning) Оптический (Optical).
Шаг 2
Продублируйте слой с текстом, уменьшите значение Заливки (Fill) до 0 для дубликата слоя, а затем продублируйте дубликат слоя.
2. Определяем узор
Шаг 1
Откройте текстуру Кирпичей, далее, идём Изображение – Размер изображения (Image > Image Size), поменяйте размеры изображения на 350 x 350 px.
Шаг 2
Теперь идём Редактирование – Определить узор (Edit > Define Pattern) и нажмите OK.
Примечание переводчика: дайте название новому узору на своё усмотрение или назовите новый узор как у автора “BrickLargePainted0050”.
Шаг 3
Откройте текстуру Травы. Установите следующие размеры для данной текстуры: 320 x 320 px. Таким же образом, как и в предыдущем шаге, выполните действие для определения узора.
3. Применяем стилизацию к оригинальному слою с текстом
Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:
Шаг 1
Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:
Шаг 2
Примените стиль слоя Контур (Contour) с настройками по умолчанию.
Шаг 3
Примените стиль слоя Текстура (Texture) со следующими настройками:
- Узор (Pattern): BrickLargePainted0050
- Глубина (Depth): 280%
Шаг 4
Примените стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:
Итак, мы применили стилизацию к оригинальному слою с текстом, добавив едва уловимый эффект текстуры.
4. Применяем стилизацию к дубликату слоя с текстом
Дважды щёлкните по первому дубликату слоя с текстом, чтобы применить следующие стили слоя:
Шаг 1
Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:
- Метод (Technique): Жёсткаяогранка (Chisel Hard)
- Размер ( Size): 5
- Поставьте галочку в окошке Сглаживание ( Anti-aliased)
- Непрозрачность ( Opacity): 50%
- Режим подсветки ( Highlight Mode): Мягкий свет (Soft Light)
- Режим тени ( Shadow Mode) – Непрозрачность (Opacity): 45%
Шаг 2
Далее, примените стиль слоя Контур (Contour) со следующими настройками:
- Поставьте галочку в окошке Сглаживание ( Anti-aliased)
Шаг 3
Примените стиль слоя Текстура (Texture) со следующими настройками:
- Узор (Pattern): BrickLargePainted0050
- Масштаб (Scale): 50%
- Глубина (Depth): 200%
Итак, мы добавили текстуру, а также детали к тексту.
5. Применяем стилизацию ко второму дубликату слоя с текстом
Дважды щёлкните по второму дубликату слоя с текстом, чтобы применить следующие стили слоя:
Шаг 1
Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:
- Метод ( Technique): Плавное (Smooth)
- Размер ( Size): 100
- Уберите галочку в окошке Глобальное освещение ( Use Global Light)
- Угол ( Angle): 18
- Высота ( Altitude): 58
- Поставьте галочку в окошке Сглаживание ( Anti-aliased)
- Режим подсветки ( Highlight Mode): Непрозрачность (Opacity): 35%
- Режим тени ( Shadow Mode): Непрозрачность (Opacity): 27%
Шаг 2
Далее, примените стиль слоя Контур (Contour) со следующими настройками:
- Поставьте галочку в окошке Сглаживание ( Anti-aliased)
Шаг 3
Примените стиль слоя Текстура (Texture) со следующими настройками:
- Узор (Pattern): BrickLargePainted0050
- Масштаб (Scale): 50%
- Глубина ( Depth): 45%
- Поставьте галочку в окошке Инвертировать ( Invert)
Итак, мы провели небольшое расцвечивание, а также добавили детали к тексту.
6. Добавляем текстуру гранж
Шаг 1
Откройте гранжевую текстуру, расположите данную текстуру поверх всех слоёв с текстом. Поменяйте режим наложения для слоя с текстурой на Затемнение основы (Color Burn).
Шаг 2
С помощью значка «Добавить новый корректирующий слой», расположенного в нижней части панели слоев, добавьте корректирующий слой Уровни (Levels).
Шаг 3
Когда появится окно настроек корректирующего слоя Уровни (Levels), нажмите значок Прикрепить к слою (Clip to layer), а затем поменяйте значение Гаммы (Gamma) на 2.24.
7. Добавляем текстуру травы
Шаг 1
Создайте новый слой поверх всех остальных слоёв, назовите этот слой ‘Трава’.
Выберите инструмент Заливка (Paint Bucket Tool), в верхней панели настроек данного инструмента установите тип заливки Узор (Pattern). Используйте текстуру Травы для заливки слоя ‘Трава’.
Шаг 2
К слою с травой, добавьте корректирующий слой Уровни (Levels). Когда появится окно настроек корректирующего слоя Уровни (Levels), нажмите значок Прикрепить к слою (Clip to layer), а затем поменяйте значение Гаммы (Gamma) на 0.50.
Шаг 3
Теперь, удерживая клавишу (Ctrl) + щёлкните по миниатюре любого слоя с текстом, чтобы создать активное выделение, далее идём Выделение – Инверсия (Select > Inverse).
Шаг 4
Находясь на слое с травой, не снимая активного выделения, нажмите значок Добавить слой-маску (Add vector mask) в нижней части панели слоёв.
8. Обрабатываем края текста
Шаг 1
Щёлкните правой кнопкой мыши по любому слою с текстом и в появившемся окне выберите опцию Создать рабочий контур (Create Work Path), а затем щёлкните по миниатюре слой-маски слоя ‘Трава’.
Шаг 2
Выберите инструмент Ластик (Eraser Tool), в настройках данного инструмента выберите кисть с рваными краями (Edges), установите цвет переднего плана на чёрный цвет, а затем нажмите клавишу Enter, чтобы обработать края выбранной кистью
Альтернативный способ создания данного эффекта: выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой по рабочему контуру и в появившемся окне выберите опцию Выполнить обводку контура (Stroke Path), а затем в выпадающем окне инструментов выберите инструмент Ластик (Eraser) и нажмите OK.
Примечание переводчика: инструмент Direct Selection Tool представлен в Photoshop CC как инструмент Выделение узла.
Не меняя инструмент Стрелка (Direct Selection Tool), нажмите Enter, чтобы избавиться от рабочего контура.
9. Добавляем тень к траве
Шаг 1
Дважды щёлкните по слою ‘Трава’, чтобы применить стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:
- Режим наложения ( Blend Mode): Линейный затемнитель (Linear Burn)
- Непрозрачность ( Opacity): 15%
- Уберите галочку в окошке Глобальное освещение ( Use Global Light)
- Угол (Angle): 60
- Смещение (Distance): 8
- Размах (Spread): 5
- Размер (Size): 1
Таким образом, мы добавили едва заметные тени к слою с травой.
10. Проводим заключительную коррекцию
Шаг 1
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне выберите опцию Градиент (Gradient).
Выберите градиент, который указан на скриншоте ниже. Установите Угол (Angle) примерно на 26, а также поставьте галочку в окошке Дизеринг (Dither).
Затем, поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Жёсткий свет (Hard Light), а также уменьшите степень Непрозрачности (Opacity) до 20%.
Шаг 2
Выделите все слои, которые вы создали, продублируйте их, а затем идём Слой - Объединить слои (Layer > Merge Layers).
Назовите новый объединённый слой Цветовой контраст (High Pass). Идём Фильтр – Преобразовать в смарт-объект (Filter > Convert for Smart Filters).
Шаг 3
Далее, идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass), установите Радиус (Radius) на 5.
Шаг 4
Поменяйте режим наложения (Blend Mode) для слоя с цветовым контрастом на Точечный свет (Pin Light), а также уменьшите степень Непрозрачности (Opacity) до 50%.
Шаг 5
В заключение, добавьте корректирующий слой Кривые (Curves). Поэкспериментируйте с кривой, пока вас не устроит результат.
Вы можете поиграть с настройками корректирующего слоя Градиент (Gradient), а также с настройками фильтра Цветовой контраст (High Pass), и / или с настройками корректирующего слоя Кривые (Curves), чтобы получить результат, который вам нравится.
Поздравляю! Мы завершили урок.
В этом уроке мы создали пару слоёв с текстом, применили стили слоя, чтобы добавить к тексту текстуру кирпичей.
Далее, мы добавили текстуру травы и с помощью рабочего контура и простой кисти Трава, создали края вокруг текста из кирпичей.
В заключение, мы добавили пару корректирующих слоёв, а также фильтр, чтобы усилить цветовые оттенки и вид итогового результата.
В этом уроке вы узнаете как, используя текст и несколько стоковых изображений, создать сюрреалистичную композицию.
Сложность урока: Средний
В этом уроке вы узнаете, как создать 3D-текст из кирпичей в Photoshop. Затем, используя этот текст и несколько других картинок, мы создадим сюрреалистичную композицию. Вы можете использовать другие текстуры, например, дерево, чтобы получить свой уникальный результат.
Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.
Шаг 1
Создаем новый документ и вставляем картинку с потрескавшейся землей. Затем добавляем корректирующий слой Layer – New Adjustment Layer – Brightness/Contrast (Слой – Новый корректирующий слой – Яркость/Контрастность) со следующими параметрами.
Дважды кликаем по слою с землей и добавляем стиль слоя Gradient Overlay (Наложение градиента).
Шаг 2
Под слоем с землей вставляем картинку с небом. Добавляем маску на слой с землей и редактируем ее, чтобы создать аккуратный переход между двумя изображениями. Для этого шов мы заливаем черно-белым градиентом.
Шаг 3
Создаем новый документ и вставляем на него текстуру кирпичной стены.
По ссылке вы также можете выбрать подходящую текстуру.
Шаг 4
На этом же файле, используя шрифт Ligurino, пишем текст. Вы можете скачать его в интернете и установить в Photoshop.
Зажимаем клавишу Ctrl и кликаем по миниатюре текстового слоя на панели слоев, чтобы загрузить его выделение. Затем переходим Select – Modify – Expand (Выделение – Модификация – Расширить) и в появившемся окне вводим 13 пикселей.
Переходим на слой с кирпичной стеной и нажимаем Ctrl+J, чтобы скопировать выделенный фрагмент на новый слой. Называем получившийся слой «Кирпичный текст» и удаляем все остальные слои.
С помощью Lasso Tool (L) (Лассо) создаем неровные края на буквах.
Загружаем выделение слоя с буквами и с помощью Clone Stamp Tool (S) (Штамп) добавляем кирпичи на букве D.
Для слоя «Кирпичный текст» добавляем корректирующий слой Brightness/Contrast (Яркость/Контрастность).
Шаг 5
Объединяем слой с текстом и корректирующий слой (Ctrl+E). Устанавливаем экшен для создания 3D-эффекта для текста и устанавливаем его в Photoshop. Применяем установленный экшен к слою с кирпичным текстом. У вас должен получиться вот такой результат:
Шаг 6
Переходим Layer – Layer Style – Global Light (Слой – Стиль слоя – Глобальное освещение) и применяем настройки, как показано ниже. Обратите внимание, что светотени текста изменились. Объединяем все слои и группы с текстом в одну группу с названием «Кирпичный текст» и перемещаем ее на документ, который мы создали в начале урока.
Шаг 7
С помощью мягкой круглой кисточки (В) черного цвета добавляем тени под текстом. Уменьшаем Opacity (непрозрачность) тени, чтобы она выглядела естественнее. Также мы должны нарисовать падающую от букв тень, чтобы было видно, что они стоят на земле, а не парят в воздухе.
Шаг 8
Теперь на одной из букв добавляем окно. Вырезаем его, переносим на рабочий документ, корректируем размер и применяем корректирующие слои Brightness/Contrast (Яркость/Контрастность) и Hue/Saturation (Цветовой тон/Насыщенность).
К слою с окном применяем стили Inner Shadow (Внутренняя тень) и Inner Glow (Внутреннее свечение), чтобы окно выглядело реалистичнее.
Шаг 9
Таким же образом добавляем дверь: вырезаем, корректируем размер, применяем цветокоррекцию и стили слоя.
Шаг 10
Теперь, для создания сюрреалистичной атмосферы, мы добавим сухое дерево на букве Р.
Комбинируем сухое дерево с зеленым. Оставляем только половину зеленой кроны. Берем Eraser Tool (E) (Ластик), выбираем кисточку с неровными краями и удаляем лишнее, как показано ниже.
С помощью любого инструмента выделения вырезаем лестницу и добавляем ее на букве S. Чтобы изменить перспективу лестницы, применяем Edit – Transform – Distort (Редактирование – Трансформирование – Искажение).
Лестница должна отбрасывать тень на букву S. Для этого мы дублируем ее (Ctrl+J), применяем Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и накручиваем ползунки так, чтобы копия лестницы стала полностью черной. Деформируем ее, как показано ниже, и уменьшаем Opacity (непрозрачность) до 50%.
Удаляем лишнюю тень, которая выступает за границы буквы, как показано ниже.
Шаг 11
Скачиваем и вставляем изображение с падающими листьями. Не забывайте добавить тени от листьев на всех объектах композиции (буквы, земля и т.д.).
Зажимаем клавишу Ctrl и на панели слоев выделяем все объекты композиции, кроме потрескавшейся земли и неба. Кликаем по ним правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Применяем к смарт-объекту стиль слоя Gradient Overlay (Наложение градиента).
Шаг 12
Также рядом с буквами вставляем грустную девушку. Вырезаем ее, применяем стили слоя и корректируем светотени.
Затем рисуем падающую тень от девушки.
Шаг 13
В качестве финального штриха можно добавить больше листьев вокруг девушки, применить корректирующий слой Gradient Map (Карта градиента) для создания интересной тонировки, уменьшить/увеличить насыщенность с помощью Hue/Saturation (Цветовой тон/Насыщенность) и применить фильтр High Pass (Цветовой контраст), чтобы увеличить четкость картинки. С помощью текстуры старой бумаги мы можем добавить гранж-эффект. Меняем ее режим смешивания на Overlay (Перекрытие) и уменьшаем непрозрачность до 50%.
В этом уроке мы создадим в Photoshop 3D-текст с текстурой из кирпича, используя бесплатный экшен. На полученные 3D буквы текста мы добавим различные изображения, чтобы получить сюрреалистическую картину.
Для вставки в буквы нам понадобятся вырезанные изображения различных предметов, их вы можете изготовить сами (как вырезать предмет из изображения), либо скачать готовые на этом сайте, ссылки будут приведены ниже.
Photoshop-экшен (action, операция, действие), предназначенный для генерации 3D фигур из текста, форм и пиксельных областей, вы также можете бесплатно скачать на этом сайте, экшен представлен в двух вариантах, для Photoshop с русским и английским интерфейсом, версии CS3 и выше.
В итоге у вас должно получиться что-то вроде этого.
Для выполнения урока нам понадобятся:
Кроме того, готовые PDS файлы, выполненные по этому уроку, а также исходники вы можете скачать по ссылке внизу страницы.
Давайте начнём.
Фон для 3D текста
Думаю, сначала нам сто?ит заняться созданием фона для нашей картины. Откройте в Photoshop файл 5.jpg с поверхностью пустыни. Размер изображения очень большой — 3872 на 2592 пикселя, нам столько не надо? поэтому обрежьте изображение с соблюдением пропорций до ширины 2000 пикселей с помощью инструмента «Рамка» (Crop Tool). Далее уменьшим размер документа с помощью инструмента «Размер изображения» (Image Size) до ширины 1000 пикселей (у себя я уменьшу до 800, чтобы документ было удобнее размещать на странице сайта).
Преобразуем фоновый слой в обычный и с помощью инструмента «Перемещение» (Move Tool, выбор клавишей V) перемещаем слой несколько вниз, чтобы вверху осталось пространство для неба. Хотя можно и не перемещать, всё-равно слой с небом, который мы потом добавим, закроет верхнюю часть слоя с пустыней.
Вот что получилось у меня на данный момент:
Заготовка фона под 3D текст.
Добавьте к слою стиль слоя «Наложение градиента» со следующими настройками:
Параметры стиля «Наложение градиента».
Выше слоя с пустыней добавьте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), вид панели слоёв и параметры корректирующего слоя показаны ниже:
Панель слоёв и панель свойств корректирующего слоя «Цветовой тон/Насыщенность».
Возьмите инструмент «Рамка» (Crop tool) и перетащите вверх верхнюю сторону рамки, чтобы увеличить высоту документа, она должна стать чуть меньше ширины. Таким образом,мы увеличим прозрачную
Откройте файл с небом 1.jpg. Измените ширину этого изображения до ширины вашего документа с поверхностью пустыни и с помощью инструмента «Перемещение» перетащите слой с небом да документ с пустыней так, чтобы нижний край неба немного перекрывал верхний край пустыни. Добавьте к слою с небом слой-маску. Возьмите инструмент «Градиент», выберите чёрно-белый, кликните по миниатюре слой=маски в слое с небом и протащите курсор вертикально вверх по области перекрытия слоёв с небом и пустыней. Это делается для того, чтобы сделать плавным переход между небом и пустыней, что-то вроде линии горизонта, подёрнутой дымкой. Вот как примерно должен выглядеть документ после всех этих манипуляций:
Готовый фон для 3D текста.
Сохраните этот файл как документ Photoshop (PSD-файл).
Если кому что-то непонятно, я сохранил документ, выполненный по действиям до этого момента, в файле фон_для_текста.psd, скачать архив с которым можно по ссылке внизу страницы.
Создание текста с текстурой кирпичной стены
Создаём новый документ Photoshop размером 1000 на 600 пикселей с белым фоном. Берём инструмент «Текст» (Type Tool), выбираем шрифт Miriad Pro (как я писал выше, он установлен в Windows по умолчанию и поддерживает латинские и кириллические буквы), высоту букв задаём примерно 320 pt и пишем слово. Фоновый слой удаляем. Затем зажимаем клавишу Ctrl и кликаем левой клавишей мыши по иконке текста. Вокруг текста должно появиться выделение:
Добавления выделенной области по форме букв текста.
Идём Выделение —> Модификация —> Расширить (Select —> Modify —> Expand) и расширяем выделение примерно на 13 пикселей (этот параметр целиком и полностью зависит от размера букв). Вот как должен выглядеть наш документ:
Выделение в виде букв после расширения.
На данный момент у нас имеется активное выделение. Создайте новый слой, залейте его любым, к примеру, фоновым цветом цветовой палитры, снимите выделение. Эти три действия быстрее всего сделать при помощи нажатия комбинаций горячих клавиш — Ctrl+Shitt+Alt+N, затем Ctrl+Delete (или Ctrl+Backspace), затем Ctrl+D. Вид моего документа:
Документ после заливки выделения фоновым цветом (как видно на цветовой палитре, у меня он чёрный).
Теперь придадим буквам текстуру кирпича. Откройте в Photoshop изображение с текстурой кирпичной стены 4.jpg, скачанное отсюда. Уменьшите размер изображения текстуры кирпича до размеров чуть побольше вашего документа с текстом и с помощью инструмента «Перемещение» перетащите текстуру на документ с текстом, поверх всех слоёв.
Добавьте к слою с текстурой обтравочную маску:
Изображение кирпичной стены добавлено как слой с обтравочной маской.
Нажмите комбинацию клавиш Ctrl+Shift+Alt+E чтобы получить новый слой, состоящий из видимых пикселей всех слоёв:
Новый слой, созданный из всех видимых пикселей документа.
Новый слой был создан выше всех остальных слоёв (у меня это Слой 3), с ним мы будем работать в дальнейшем, чтобы не затронуть исходные слои.
Зажмите клавишу Ctrl и кликните по миниатюре Слой 3 для того, чтобы вокруг букв появилось выделение.
Возьмите инструмент «Лассо», переключите режим на «Вычитание из видимой области» и вырежьте небольшие области выделения по краям, так, чтобы очертания букв получились неровными, как бы «отколотыми». Либо другой вариант — без полного выделения выделенных пикселей с помощью Ctrl плюс клика по миниатюре, обведите вручную буквы с помощью того же Лассо, но уже в обычном режиме. В любом случае, нужен примерно такой результат:
Удаление фрагментов по краям выделения.
Инвертируйте выделение, нажав клавиши Ctrl+Shift+I. Нажмите Delete для удаления пикселей слоя Слой 3. Снимите выделение, нажав Ctrl+D. На данный момент в документе никаких видимых изменений не произошло. Это происходит потому, что слои, расположенные под Слой 3, не подверглись никаким изменениям. Чтобы увидеть результат, отключите видимость этих слоёв:
Итак, буквы для создания 3D-текста готовы. Сохраните это файл как документ PSD. Я сохранил его как буквы_для_3D-текста.psd.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
В этом материале я отвечу на популярный вопрос от начинающих пользователей программы Adobe Photoshop — как создать текст в стиле граффити.
Путём нехитрых манипуляций я получил вот такой результат, затратив всего несколько минут времени:
Фоном для граффити послужит кирпичная стена, изображение с которой скачать можно на этой страничке:
Создаём карту смещения (Displacement Map)
Для того, чтобы наш будущий текст повторял неровности поверхности, на которой он будет нанесён, создадим картe смещения (Displacement Map), которую мы будем использовать в дальнейшем. Кстати, «Displacement Map» можно перевести как «карта объёма».
Для начала, давайте преобразуем изображение в чёрно-белое, это проще всего сделать нажатием комбинации клавиш Ctrl+Shift+U. Затем, мы должны увеличить его контраст. Есть несколько способов добиться этого, но я пришёл к выводу, что в данном случае использование инструмента «Уровни» (Levels) даст нам наилучшие результаты. Нажмите комбинацию клавиш Ctrl+L для открытия диалогового окна «Уровней», и, затем, сместите крайние чёрные и белые ползунки несколько к центру:
Теперь наше изображение должно иметь примерно такой вид:
Теперь наступил очень важный момент. Сохраните полученное изображение обязательно в формате PSD, иначе вы не сможете выбрать его в дальнейшем. Я назову этот файл disp_map.psd.
Теперь возвратим документу его первоначальный вид. Для этого пройдите по вкладке главного меню Окно —> История (Window —> Hiatory) и кликните по верхней строке в панели истории, либо или нажмите Файл —> Восстановить (File —> Revert) или клавиша F12.
И сразу сохраняем документ как новый файл PSD, дабы не затронуть готовый PSD-файл с картой смещения.
Текст
Подошло время создания текста!
Для надписи, вы можете, конечно, использовать любой шрифт, который захотите, но чтобы получить лучший эффект «граффити» в вашем дизайне, рекомендуется использовать шрифт именно в стиле граффити. В данном примере я использовал шрифт Zit Graffiti, скачать, который, вместе с другими шрифтами этого стиля, в т.ч., поддерживающими русские буквы, вы можете на этой страничке. Но, к сожалению, сам Zit Graffiti кириллицу не поддерживает. Я выбрал его из-за того, что при вводе в строчных букв, буквы залиты цветом, а если Вы вводите буквы верхнего регистра, то получаете только контур. Так как я хочу, чтобы мой текст был залит цветом, я буду вводить текст в нижнем регистре. Для примера я вбил своё имя:
Как правило, подобные надписи не делаются только одним цветом. Обычно буквы имеют градиенты, тени и обводку. Вот тут уже вступают в игру стили слоя. Их применение даст возможность добавить все эти элементы на одном текстовом слое. Настройки, которые я использовал, я привел ниже, но не стесняйтесь экспериментировать, чтобы получить результат лучше этого:
Применив эти стили, я получил такой результат:
Придаём тексту рельеф
На надпись на стене должна повторять неровности стены, т.е иметь рельеф. Для этого мы и используем сделанную ранее карту смещения.
Одно важное дополнение. Перед тем, как применить карту, преобразуем наш текст в
смарт-объект (Smart Object) для того, чтобы при необходимости редактировать текст, его стили слоя и цвета на более позднем этапе, после применения фильтра «Смещение»:
Теперь применяем «Смещение», для этого идём по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), после чего открывается диалоговое окно фильтра, где изменяем оба значения на 3 или 4:
Нажимаем ОК, после чего появляется окно выбора файла, где нам следует выбрать сохранённый файл PSD с картой смещения, который мы созданный в начале, у меня этот файл называется disp_map.psd:
Вот что получилось у меня после этого. Текст вроде-как начал принимать форму стены, но, пока ещё, мы далеки от идеала:
Смешивание слоёв
Очевидно, что текст должен вписываться в стену. Мы проделали большую работу по изменению границы теста от прямой линии, но теперь тестовый слой нуждается в органичном наложении на фоновый. Есть несколько способов это сделать, в том числе применение различных режимов наложения, но,в данном случае, я покажу другой способ смешивания, на мой взгляд, наиболее подходящий в данной ситуации. Идём по вкладке главного меню Слои —> Стиль слоя —> Параметры наложения (Layer —> Layer Styles —> Blending Options) или просто дважды кликаем по бывшему текстовому слою, а ныне смат-объекту, в результате открывается окно параметров наложения по умолчанию. Нас интересует раздел «Наложение, если» (Blend If):
Этот раздел содержит два бара. Верхний для текущего (активного) слоя, и нижний для слоя, находящегося под ним. Оба бара содержат слайдер регулировки теней и светов, которые и позволяют смешивать активный слой, и/или слой под ним (нижележащий слой, или, как в офиц. переводе, подлежащий). В нашем случае, мы хотим смешать тени и блики кирпичной стены (подлежащий слой) с текстом.
В нижнем баре тащим правый ползунок влево, а левый — вправо. В результате получается следующий результат:
Текст стал похож на граффити, но какой-то он уж слишком выцветший и облезлый. Мне хотелось бы, чтобы он выглядел поярче. Попробую смягчить результат.
Если зажать клавишу Alt и кликнуть по ползунку, то он разделится надвое, а эти половинки следует несколько раздвинуть:
Читайте также: