Как сделать стену в фотошопе
В данном уроке о том, как средствами Photoshop создать текстуру кирпичной кладки. В нем подробно, по шагам, расписан процесс создания реалистичной текстуры ложковой кладки со смещением на 1/2 кирпича из классического красного кирпича с рифленой поверхностью на сером растворе. В видео же представлен пример использования аналогичного метода для создания не менее реалистичной текстуры баварской кладки на бежевом растворе. А вообще, выбирая разные исходные изображения, экспериментируя с настройками заливок, корректировок и эффектов, таким же способом можно делать текстуры самых разнообразных кладок…
Текстура кирпичной кладки средствами Photoshop
Определение узоров
Для создания реалистичной кладки потребуется изображение с такой фактурой, какую должна иметь поверхность кирпичей на будущей текстуре. Таким изображением может стать фотография бетонной, каменной, штукатурной или любой другой поверхности с подходящей фактурой. Из этого изображения делаем несколько узоров, которые будут выполнять роль кирпичей в намеченной кладке:
- Запускаем Photoshop 2020 и открываем исходное изображение ;
- С палитры инструментов берем инструмент « Rectangular Marquee » (Прямоугольная область), на панели параметров для него устанавливаем:
- « Selection Options » (Параметры выделения) — New selection (Новая выделенная область);
- « Feather » (Растушевка) — 0 px (0 пикс.);
- « Style » (Стиль) — Fixed Size (Задан. размер);
- « Width » (Шир.) — 3020 px (3020 пикс.);
- « Height » (Выс.) — 800 px (800 пикс.);
- Открываем меню « Edit » (Редактирование) › пункт « Define Pattern… » (Определить узор…), в диалоговом окне « Pattern Name » (Имя) в текстовое поле « Name » (Имя) вводим brick_1 и нажимаем кнопку « OK »;
- Выделяем другой, отличный от первого, фрагмент изображения;
- Определяем узор с именем brick_2, то есть повторяем 3ий шаг;
- Еще раз выделяем другой, отличный от двух предыдущих, фрагмент изображения;
- Определяем узор с именем brick_3, то есть еще раз повторяем 3ий шаг.
Создание документа
Исходное изображение необходимо лишь для извлечения из него узоров и более не потребуется. Для продолжения работы создаем новый документ:
- Открываем меню « File » (Файл) › пункт « New… » (Создать…), в диалоговом окне « New Document » (Создать документ) задаем следующие настройки:
- « Width » (Ширина) — 4288 Pixels (Пикселы);
- « Height » (Высота) — 4288 Pixels (Пикселы);
- « Resolution » (Разрешение) — 96 Pixels/Inch (Пикселы/дюйм);
- « Color Mode » (Цветовой режим) — RGB Color (Цвета RGB), 8 bit (8 бит);
- « Background Contents » (Содержимое фона) — White (Белый фон);
- « Color Profile » (Цветовой профиль) — sRGB IEC61966-2.1 ;
- « Pixel Aspect Ratio » (Попиксельная пропорция) — Square Pixels (Квадратные пикселы);
Заливка кирпичной текстурой
Быстро составить из узора желаемый рисунок кирпичной кладки в Photoshop можно посредством заливки. А наличие нескольких идентичных по форме и по размеру узоров, подходящих на роль кирпичей, позволит немного разнообразить кладку. Поэтому текстура будет состоять из трех слоев, по количеству подготовленных узоров…
Первый слой
Используя узор brick_1, заливаем кирпичной текстурой первый слой:
- Кликом по иконке « Create a new layer » (Создать новый слой) в нижней части панели « Layers » (Слои) создаем над слоем Background (Фон) новый пустой слой, которому автоматически будет присвоено название Layer 1 (или Слой 1 в русской версии Photoshop);
- Открываем меню « Edit » (Редактирование) › пункт « Fill… » (Выполнить заливку…), в диалоговом окне « Fill » (Заполнить) задаем следующие настройки:
- « Contents » (Содержание) — Pattern (Узор);
- « Custom Pattern » (Заказной узор) — brick_1;
- « Script » (Сценарий) — включено , Brick Fill (Заливка кирпичной текстурной);
- « Mode » (Режим) — Normal (Нормальный);
- « Opacity » (Непрозр.) — 100 % ;
- « Preserve Transparency » (Сохранить прозрачность) — отключено ;
- В диалоговом окне « Brick Fill » (Заливка кирпичной текстурой) задаем следующие настройки:
- « Pattern Scale » (Масштаб узора) — 0,4 ;
- « Spacing » (Интервалы) — 40 pixels (пикс.);
- « Offset between rows » (Смещение между строками) — 50 % of width (% ширины);
- « Color randomness » (Произвольность цвета) — 0,01 ;
- « Brightness randomness » (Произвольность яркости) — 0,1 ;
- « Pattern rotate angle » (Угол поворота узора) — 0 degrees (град.);
Итог: холст залит узором brick_1; копии узора образуют рисунок, соответствующий ложковой кладке со смещением на 1/2 кирпича.
Второй слой
Используя узор brick_2, заливаем кирпичной текстурой второй слой:
- Создаем над слоем Layer 1 еще один слой, которому автоматически будет присвоено название Layer 2 (или Слой 2 в русской версии Photoshop), то есть повторяем 9ый шаг;
- Созданный Layer 2 заливаем кирпичной текстурой с использованием узора brick_2, то есть повторяем 10ый и 11ый шаги с заменой « Custom Pattern » (Заказного узора) в диалоговом окне « Fill » (Заполнить) с brick_1 на brick_2);
С помощью слой-маски маскируем часть кирпичей на втором слое:
- С палитры инструментов берем инструмент « Magic Wand » (Волшебная палочка), на панели параметров для него устанавливаем:
- « Selection Options » (Параметры выделения) — Add to selection (Добавить к выделенной области);
- « Sample Size » (Размер образца) — 51 by 51 Average (Среднее 51×51);
- « Tolerance » (Допуск) — 100 ;
- « Anti-alias » (Сглаживание) — включено ;
- « Contiguous » (Смежные пикселы) — включено ;
- « Sample All Layers » (Образец со всех слоев) — отключено ;
- В нижней части панели « Layers » (Слои) кликаем по иконке « Add layer mask » (Добавить слой-маску).
Итог: кирпичная кладка составлена из чередующихся в произвольном порядке копий узоров brick_1 и brick_2.
Третий слой
Используя узор brick_3, заливаем кирпичной текстурой третий слой:
- Создаем над слоем Layer 2 новый пустой слой, которому автоматически будет присвоено название Layer 3 (или Слой 3 в русской версии Photoshop), то есть еще раз повторяем 9ый шаг;
- Созданный Layer 3 заливаем кирпичной текстурой с использованием узора brick_3, то есть еще раз повторяем 10ый и 11ый шаги с заменой « Custom Pattern » (Заказного узора) в диалоговом окне « Fill » (Заполнить) с brick_2 на brick_3);
С помощью слой-маски маскируем часть кирпичей на третьем слое:
- Повторяем 14ый и 15ый шаги с выделением произвольным образом некоторого количества кирпичей, отслеживая, чтобы в выделение не попали те кирпичи, которые остались на втором слое;
Объединяем все слои с заливками кирпичной текстурой:
- На панели « Layers » (Слои) выделяем слои Layer 1, Layer 2 и Layer 3;
- Кликаем правой кнопкой мыши по одному из выделенных слоев, из открывшегося контекстного меню берем команду « Merge Layers » (Объединить слои).
Итог: кирпичная кладка составлена из чередующихся в произвольном порядке копий узоров brick_1, brick_2 и brick_3; все кирпичи кладки располагаются на слое Layer 3.
Коррекция формы
После 20го шага кирпичи на текстуре имеют прямоугольную форму, с прямыми углами и четкими гранями. Однако в реальности таких «правильных» кирпичей не бывает, их углы всегда немного скруглены. А если учесть, что готовая текстура должна максимально походить на реальную фотографию кладки, то грани кирпичей на ней должны быть слегка размыты, так как на цифровом фото просто невозможна ситуация, когда один пиксель окрашен в цвет кирпича, а соседний — уже в цвет раствора, всегда есть хотя бы пара-тройка переходных пикселей промежуточного цвета. В связи с вышесказанным следующим этапом работы над текстурой будет коррекция формы кирпичей:
- Кликом с зажатой клавишей ‹ Ctrl> › по миниатюре слоя Layer 3 на панели « Layers » (Слои) выделяем все кирпичи;
- Открываем меню « Select » (Выделение) › подменю « Modify » (Модификация) › пункт « Contract… » (Сжать…), в диалоговом окне « Contract Selection » (Сжать область) задаем следующие настройки:
- « Contract By » (Сжать на) — 4 pixels (пикселы);
- « Apply effect at canvas bounds » (Применить эффект на границах холста) — отключено ;
- Еще раз открываем меню « Select » (Выделение) › подменю « Modify » (Модификация) › пункт « Smooth… » (Сгладить…), в диалоговом окне « Smooth Selection » (Оптимизировать область) задаем следующие настройки:
- « Sample Radius » (Радиус) — 12 pixels (пикселы);
- « Apply effect at canvas bounds » (Применить эффект на границах холста) — отключено ;
- И еще раз открываем меню « Select » (Выделение) › подменю « Modify » (Модификация) › пункт « Feather… » (Растушевка…), в диалоговом окне « Feather Selection » (Растушевка выделенной области) задаем следующие настройки:
- « Feather Radius » (Радиус растушевки) — 2 pixels (пикс.);
- « Apply effect at canvas bounds » (Применить эффект на границах холста) — отключено ;
- В нижней части панели « Layers » (Слои) кликаем по иконке « Add layer mask » (Добавить слой-маску).
Итог: кирпичи текстуры имеют форму прямоугольников со слегка скругленными углами; их края немного размыты.
Заполнение швов раствором
Белый фоновый слой, на который наложены кирпичи, совершенно не годится на роль кладочного раствора. Для получения максимально реалистичной текстуры швы между кирпичами заполняем текстурой, имитирующей цементно-песчаный раствор:
Придание текстуре объема
Чтобы плоские прямоугольники выглядели как объемные кирпичи, нужны светотени. Сформировать их можно с помощью эффектов. Для придания объема кирпичам воспользуемся эффектом « Bevel & Emboss » (Тиснение):
Этим же эффектом воспользуемся, чтобы сделать швы кладки вогнутыми:
- Нажатием сочетания клавиш ‹ Ctrl+J › копируем слой Layer 3, новому слою автоматически будет присвоено название Layer 3 copy (или Слой 3 копия в русской версии Photoshop);
- В верхней части панели « Layers » (Слои) в текстовое поле « Fill » (Заливка) вводим значение 0% и дважды кликаем по названию эффекта « Bevel & Emboss » (Тиснение), которое отображается под слоем Layer 3 copy, в разделе « Bevel & Emboss » (Тиснение) диалогового окна « Layer Style » (Стиль слоя) меняем следующие настройки:
- « Style » (Стиль) — на Outer Bevel (Внешний скос);
- « Depth » (Глубина) — на 50 % ;
- « Size » (Размер) — на 40 px (пикс.);
- « Soften » (Смягчение) — на 16 px (пикс.);
- В левой части диалогового окна « Layer Style » (Стиль слоя) отключаем галочку « Contour » (Контур) и нажимаем кнопку « OK ».
Собственные тени выявляют форму кирпичей и швов кладки. Однако на растворе, помимо теней собственных, должны присутствовать падающие тени от выступающих из него кирпичей. Чтобы дополнить текстуру падающими тенями, возьмем эффект « Drop Shadow » (Тень):
Изменение цвета кирпичей
Вне зависимости от того, какого цвета было исходное изображение , с помощью различных средств Photoshop всегда можно перекрасить кирпичи в любой другой цвет, если это необходимо. В данном случае, когда исходная текстура фактически черно-белая, для изменения цвета кирпичей подойдет эффект « Color Overlay » (Наложение цвета):
Исходное изображение было достаточно светлым, поэтому и кирпичи на текстуре получились слишком светлыми. С помощью корректировки « Hue/Saturation » (Цветовой тон/Насыщенность) корректируем яркость кирпичей:
- Открываем меню « Image » (Изображение) › подменю « Adjustments » (Коррекция) › пункт « Hue/Saturation… » (Цветовой тон/Насыщенность…), в одноименном диалоговом окне задаем следующие настройки:
- « Preset » (Стиль) — Custom (Заказная);
- « Color Range » (Цветовой диапазон) — Master (Все);
- « Hue » (Цветовой тон) — 0 ;
- « Saturation » (Насыщенность) — 0 ;
- « Lightness » (Яркость) — -30 ;
- « Colorize » (Тонирование) — отключено ;
Уменьшение размера холста
Все эффекты работают на краях слоев, которые совпадают с границами холста. Это приводит к тому, что на краях текстуры присутствуют тени, которых там быть не должно. Убрать их просто — сделать текстуру больше холста. Оттого еще на этапе создания документа холст был сделан размером 4288×4288 пикселей, что несколько больше размера 4096×4096 пикселей, который должна иметь готовая текстура. Поэтому теперь просто уменьшаем холст:
- Открываем меню « Image » (Изображение) › пункт « Canvas Size… » (Размер холста…), в одноименном диалоговом окне задаем следующие настройки:
- « Width » (Ширина) — 4096 Pixels (Пиксели);
- « Height » (Высота) — 4096 Pixels (Пиксели);
- « Relative » (Относительная) — отключено ;
- « Anchor » (Расположение) — Middle Center (Середина по центру);
Итог: готовая текстура ложковой кладки со смещением на 1/2 кирпича из классического красного кирпича с рифленой поверхностью на сером растворе.
В этом уроке вы узнаете, как добавить немного хаотичного городского стиля своей работе, используя технику выделения объектов, режимы наложения слоёв и различные гранжевые текстуры.
Сложность урока: Средний
Граффити повлияло на многих современных графических дизайнеров и иллюстраторов. Этим стилем разукрашивают скейтборды, одежду, обложки музыкальных альбомов. Также он часто используется для рекламы или журналов. Граффити зародилось в 70-х как простые росписи на стенах метро Нью-Йорка, а сейчас этот стиль является неотъемлемой частью хип-хоп культуры. Граффити стало всемирным видом живописи и постоянно мелькает то на изысканных выставках, то на улицах.
В этом уроке вы узнаете, как добавить немного хаотичного городского стиля своему рисунку при помощи техник выделения и смешивания слоев. Также мы создадим трехцветный трафарет, используя фильтры и каналы Photoshop. Затем у вас появится шанс немного испачкать руки, добавив подтеки краски. По окончанию урока мы усилим эффект, применив режимы наложения, а также менее известный фильтр программы Photoshop Смещение (Displace). Таким образом, готовое граффити станет еще реалистичнее.
Фотографию скейтера для этого урока любезно предоставил Paul Frost.
Примечание: часть изображений отсутствует на сайте-источнике, в архиве вы найдёте альтернативные материалы для выполнения урока.
Шаг 1
Откройте Photoshop, создайте новый RGB документ размером 29,7 см на 21 см с разрешением 300 пикселей/дюйм (dpi). Возьмите изображение стены с iStockphoto или используйте любую похожую фотографию. Перетяните фотографию на документ в качестве нового слоя, выберите инструмент Штамп (Clone tool), в строке Образец (Sample) выберите Все слои (All Layers). Расширьте штукатурку в левой части фотографии. Вы можете также убрать черную краску в правом верхнем углу. Когда вы будете довольны результатом, объедините все слои при помощи клавиатурного сокращения Ctrl + E.
Шаг 2
Сохраните изображение под именем Graffiti Tutorial. Обесцветьте его (Ctrl + U), а затем примените эффект Размытие по Гауссу (Gaussian blur) с радиусом 2,5 пикселя. Для этого перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Теперь нажмите Shift + Ctrl + S, чтобы Сохранить как (Save as), выберите формат Photoshop и назовите файл Bumpmap.psd. Теперь можете закрыть изображение - мы вернемся к нему ближе к концу урока и используем как карту смещения для граффити.
Шаг 3
Откройте документ Graffiti Tutorial, добавьте новую группу под названием "Graffiti 1", затем откройте фотографии из архива (от Graffiti_1.jpg до Graffiti_16.jpg). Теперь используйте инструмент Волшебная палочка (Magic Wand) или перейдите в меню Выделение > Цветовой диапазон (Select > Colour Range), чтобы выделить граффити, а затем скопировать и вставить их в папку нашего документа в качестве новых слоев.
Шаг 4
Продолжайте добавлять слои, но не забудьте оставить свободное место для трафарета скейтера и большого рисунка. Поэкспериментируйте с разными режимами наложения. Для этого урока я использовал различные комбинации режимов наложения.
Попробуйте поменять оттенок надписей на более бледный и уменьшить Непрозрачность (Opacity), чтобы "состарить" рисунки. Также можете попробовать смешать слои, дважды кликнув по миниатюре слоя, а затем перетянув белый ползунок раздела Наложение если (Blend If) влево. Если зажать клавишу Alt и перетянуть половину ползунка, можно достичь более мягкого эффекта.
Шаг 5
Откройте файл Skater.jpg (он находится в архиве), обрежьте лишний фон. Теперь выберите инструмент Перо (Pen tool) с режимом Контур (Paths), чтобы выделить скейтера. Вам не нужно быть 100% аккуратными при размещении точек, так как финальный результат все равно будет грубым. Когда вы закончили, перейдите на вкладку Контуры (Paths) и дважды кликните по миниатюре контура для сохранения изменений.
Шаг 6
Обесцветьте слой, нажав Shift + Ctrl + U, затем сгенерируйте выделение из контура, нажав Ctrl и кликнув по его миниатюре. Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, после чего заполните его белым. Теперь откройте меню Уровни (Levels), нажав Ctrl + L. Установите значение левой точки на 71, средней – 3,37, правой - 187. Это повысит контраст.
Шаг 7
Сейчас мы немного усилим контраст. Перейдите в меню Изображение > Коррекция > Постеризация (Image > Adjust > Posterize). Введите значение 3. Теперь нам нужно упростить детали, чтобы рисунок выглядел как вручную сделанный трафарет. Снова выделите контур, а затем при помощи жесткой кисти закрасьте черные и белые зоны. После этого выберите инструмент Пипетка (Eyedropper tool), возьмите образцы серого и также закрасьте некоторые участки. Теперь перейдите в меню Фильтр > Шум > Медиана (Filter > Noise > Median). Установите параметр Радиус (Radius) на 2 пикселя.
Шаг 8
Выберите инструмент Волшебная палочка (Magic Wand tool), снимите галочку Смежные пиксели (Contiguous), установите параметр Допуск (Tolerance) на 2, а затем выделите черные области рисунка. Перейдите к панели Каналы (Channels), создайте новый канал. Теперь используйте выпадающее меню, чтобы открыть Параметры канала (Channel Options). Выберите пункт Выделенные области (Selected Areas). Изменение первоначальных параметров канала упростит последующие шаги.
Шаг 9
Назовите новый канал "Black", измените фоновый цвет на белый, а затем нажмите кнопку Delete, чтобы заполнить выделение черным цветом. Теперь черный цвет не зависит от белого и серого. Можете закрасить некоторые зоны белым, чтобы упростить рисунок еще больше. Помните - мы добиваемся эффекта трафарета.
Примечание переводчика - просто уберите мелкие детали, или "висящие" отдельно участки.
Шаг 10
Выделите серые зоны, создайте новый канал, и заполните его черным цветом. Зарисуйте некоторые участки, упростив рисунок. Назовите канал "Grey". Теперь выделите белые зоны, снова создайте новый канал, затем заполните выделение черным. Выделите прежде созданный контур, инвертируйте, после чего нажмите Alt + Delete, чтобы заполнить его белым. Уберите выделение, назовите канал "White".
Шаг 11
Создайте новый слой, удалите фоновый слой. Сгенерируйте выделение канала "Grey" (для этого кликните по его миниатюре с зажатой клавишей Ctrl - прим. переводчика), затем заполните выделение бледно-коричневым (R = 243; G = 165; B = 114). Таким же образом выделите канал "White", заполните его слегка желтоватым (R = 200; G = 240; B = 224) на новом слое. Повторите тот же процесс для канала "Black", заполнив его черным цветом на другом слое.
Примечание. Рекомендуемые RGB значения от переводчика: 1) заливка для канала "Grey" - R = 243; G = 240; B = 225 2) заливка для канала "White" R = 243; G = 240; B = 225
Шаг 12
Выберите инструмент Рамка (Crop tool) и растяните нижнюю часть холста, прежде чем подтвердить кадрирование. Поверните изображение против часовой стрелки, как показано на рисунке. Теперь пора добавить немного подтеков краски. Откройте файл Paint_1.jpg. При помощи инструмента Волшебная палочка (Magic Wand tool) со снятой галочкой Смежные пиксели (Contiguous) выделите фотографию. После этого скопируйте и вставьте ее над слоем с черной заливкой (на скриншоте он назван "Black fill"). Трансформируйте слой с лишней краской, поместите его в необходимом месте, а затем измените режим наложения на Умножение (Multiply). Теперь удалите лишние части, после чего добавьте оставшиеся файлы для получения максимально реалистичного эффекта.
Шаг 13
Теперь используйте те же светло-коричневые и желтоватые оттенки, чтобы заполнить другие зоны с подтеками краски. Используйте Обычный (Default) режим наложения - мы добиваемся легкого эффекта, поэтому не перестарайтесь. После того, как вы станете довольны результатом, Объедините видимые (Merge Visible) слои, нажав Shift + Ctrl + E. Назовите получившийся слой "Skater".
Теперь перейдите к пресетам кистей. Выберите среднюю мягкую кисть, поставьте галочку напротив пункта Шум (Noise) на панели пресетов. Добавьте немного подтеков, используя те же цвета, включая черный. Перетяните слой "Skater" в документ, разместив его над группой из слоев.
Шаг 14
Выберите любое граффити, которое вам понравится - оно должно быть достаточно ярким, чтобы стать центром нашей работы, или откройте изображение граффити, предложенное в начале урока.
Примечание: Автор выбрал изображение, в котором отсутствовала нижняя левая часть граффити. Перед использованием в работе, он восстановил недостающую часть изображения с помощью инструмента Clone на новом слое в режиме «Все слои». На сайте-источнике отсутствует данное изображение. В архиве вы найдёте альтернативный вариант для выполнения урока.
Шаг 15
Назовите слой с большим граффити "Main graffiti". Перетяните его в документ с нашей работой, разместив над слоем со скейтером. Переместите его в правый нижний угол. Теперь выберите инструмент Ластик (Eraser tool) и смягчите углы. Измените режим наложения слоя "Main graffiti" на Экран (Screen) и установите Непрозрачность (Opacity) - 60%. Продублируйте его, затем установите режим наложения для копии Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) - 77%.
Шаг 16
Установите режим наложения слоя "Skater" Экран (Screen), сократите его Непрозрачность (Opacity) до 75%. Продублируйте этот слой, затем установите следующие параметры для дубликата: Режим наложения - Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) - 77%. Откройте файл "Tag.tif", перетяните его в документ как новый слой, разместите надо всеми остальными. Перетяните его в произвольное место, установите режим наложения Экран (Screen), Непрозрачность (Opacity) - 50%.
Выделите верхний слой и примените к нему смещение. Для этого перейдите в меню Фильтр > Искажение > Смещение (Filter > Distort > Displace). В появившемся окне установите Масштаб по горизонтали и вертикали (Horizontal, Vertical Scale) на 5, выберите пункты Растянуть (Stretch To Fit), Повторить граничные пиксели (Repeat Edge pixels). После этого кликните по кнопке ОК, выберите файл bumpmap.psd, созданный в шаге №2, и кликните Открыть. После этого, по очереди выделите все слои и нажмите Ctrl + F для повтора фильтра. Теперь ваши граффити повторяют контуры стены под ними.
В этом уроке вы узнаете как создать эффект граффити из ваших фотографий в 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 с нуля, используя кисти и текстуру, фильтры и корректирующие слои. Я надеюсь, что вам пригодится этот урок в будущем, для создания своих работ!
В этом уроке Вы узнаете лёгкий и быстрый способ создания текста в стиле Граффити.
Сложность урока: Легкий
Текстовый эффект Граффити очень популярен уже на протяжении многих лет. В этом уроке вы узнаете, что создать граффити в фотошоп очень просто!
Видео версия урока
Изображение, с которым мы начнём работать это обычная кирпичная стена, которую можно найти где угодно, но если у вас такого изображение нет, то вам поможет ресурс Shutterstock.
Прежде чем мы начнём работу над текстом, создадим карту смещения, она пригодится нам в дальнейшем. Карта смещения, это обычно высококонтрастная черно-белая версия Вашего изображения, которая поможет 'подогнать' наш текст, соответствуя изгибам кирпичам стены.
Начнём с преобразования изображения со стеной в чёрно-белое. Это можно сделать быстро с помощью комбинации клавиш Ctrl+ Shift+ U.
После обесцвечивания изображения нам необходимо повысить его контраст. Есть несколько способов достигнуть этого, но автор предлагает воспользоваться Уровнями (Levels), чтобы усилить тени и повысить света.
Полученное высококонтрастное чёрно-белое изображение стены и послужит нам как карта смещения. На данный момент, вам нужно сохранить это изображение как файл PSD. Очень важно, что он сохраняется именно в PSD, иначе вы не сможете выбрать его в дальнейшем.
Теперь займёмся текстом. Откройте снова цветное изображение с кирпичной стеной, не перепутайте с файлом для карты смещения.
Обычно, граффити не рисуется одним цветом и надпись содержит градиенты, тени и границы. В этом нам помогут стили слоя, с помощью которых мы добавим все эффекты прямо на один слой с текстом. Настройки стилей, которые использовал автор, можно посмотреть ниже на скриншотах, но не стесняйтесь экспериментировать, чтобы получить результат, который вам понравится больше.
Наложение градиента (Gradient Overlay)
Обводка (Stroke)
Внутренняя тень (Inner Shadow)
Внешнее свечение (Outer Glow)
Как только вы применили все стили у вас должен быть примерно такой результат.
Теперь когда текст готов, займёмся применением карты смещения, которую мы создали ранее. Прежде чем добавить фильтры, преобразуем слой с текстом в смарт объект. Сделать это можно в меню Фильтр – Преобразовать для смарт фильтров (Filter – Convert for smart filters). Это позволит вам редактировать текст и цветовую гамму на более позднем этапе, если это необходимо! А теперь идём в меню Фильтр – Искажение – Смещение (Filter – Distort – Displace).
Настройки фильтра ниже на скриншоте.
Горизонтальная и вертикальная шкала значений будет контролировать, насколько эффективно смещение. Чем выше значение, тем большее искажение применяется к слою. Нам большое искажение не нужно, поэтому значений 3 или 4 вполне хватит. После нажатия на кнопку ОК, вы перейдёте к выбору PSD-файла, сохраненного ранее.
Когда файл выбран и открыт, вы должны увидеть результат, который похож на тот, что ниже на скриншоте. Программа применит чёрно-белое изображение как карту смещения и исказит слой, создавая впечатление, что это часть стены.
Очевидно, что смещение сделало свою работу, исправив совершенно прямые границы текста, но этого недостаточно. Теперь нужно сделать надпись на стене более реалистичной. Есть несколько способов, которыми это можно сделать, в том числе экспериментировать с различными режимами наложения, но автор предлагает воспользоваться способом Наложить если (Blend If).
Чтобы получить доступ к этой функции, откройте окно стилей слоя в меню Слои – Стиль слоя – Параметры наложения (Layer > Layer Styles > Blending Options).
Настройки функции Наложить если содержит два бара. Один для текущего слоя, а второй для слоя под ним. Оба содержат маркеры для теней и светов, которые позволяют смешивать текущий и/или подлежащий слой. Мы будем использовать нижний слайдер, чтобы работать с подлежащим слоем, то есть кирпичной стеной.
Расположите маркеры как показано на скриншоте – тени вправо, света влево. Вы увидите, как слой с кирпичной стеной смешается с текущим слоем.
Перетащив просто маркеры, мы как правило получаем средний результат, если вас устраивает, то можете так и оставить, хотя можно сделать ещё лучше. Для этого нужно разделить маркеры, зажав клавишу Alt и потянув его половинки. Эффект смешивания будет намного качественнее.
Преимущество использования функции Наложить если по сравнению с режимами наложения состоит в том, что вы не теряете исходные цвета изображения. Изменение режимов наложения имеет тенденцию изменять цвет ваших слоев, чтобы смешать их. Конечно вы можете экспериментировать, чтобы видеть, какой метод Вам больше подойдёт.
В этом материале я отвечу на популярный вопрос от начинающих пользователей программы 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 и кликнуть по ползунку, то он разделится надвое, а эти половинки следует несколько раздвинуть:
Читайте также: