Граффити фотошоп: Граффити стили для Photoshop

Эффект граффити в Adobe Photoshop

В этом уроке мы научимся создавать эффект граффити в Adobe Photoshop. Мы будем работать с масками, каналами, стилями слоя и фильтрами. Также поработаем в режиме маски кистями и используем различные режимы наложения. В итоге у вас получится иллюстрация в стиле нарисованного на стене граффити.

 

Результат

Исходники

Для выполнения урока вам понадобятся следующие файлы:

• Кирпичная стена
• Портрет мужчины
• Гранж-кисти
• Стена граффити

1. Фон из кирпичной стены

Создайте новый документ размером 850 x 630 px. При желании вы можете выбрать и другой размер, но в таком случае учитывайте это при выполнении урока.

В новый слой добавьте изображение кирпичной стены из исходников. При необходимости масштабируйте изображение.

2. Добавляем граффити

Шаг 1

Создайте новый слой и добавьте в него изображение граффити. Подгоните размер изображения под нужный вам размер.

Шаг 2

В палитре Layers/Слои кликните по второй иконке в нижнем ряду. Эта иконка добавит маску слою с граффити.

Выберите черный цвет и возьмите инструмент Brush/Кисть. Используйте гранж-кисти, чтобы рисовать черным цветом внутри маски. Так вы частично скроете слой с граффити, проявляя слой с кирпичной стеной.

3. Эффект граффити на портрете

Шаг 1

В новый слой поместите портрет мужчины. При помощи инструмента Magic Wand/Волшебная палочка выделите фон изображение. Настройте параметры волшебной палочки как показано ниже. Удерживая клавишу Shift вы можете создавать множественные выделения. После того как вы выделили весь фон, нажмите Delete, чтобы удалить эти области.

Нажмите Control-D, чтобы снять выделение.

Шаг 2

Дважды нажмите Control-J, чтобы создать две копии слоя с портретом. Назовите копии Man Portrait 1 и Man Portrait 2. Скройте две последние копии (для этого кликните по иконке глаза рядом с названием каждого слоя в палитре Layers/Слои).

Шаг 3

Вернитесь к оригинальному слою с портретом. Кликните по нему дважды, чтобы открыть стили слоя. В появившемся окне выберите стиль Stroke/Обводка и укажите параметры как показано на картинке ниже.

Шаг 4

В меню выберите Filter > Artistic > Cutout/Фильтр>Имитация>Аппликация и настройте фильтр как показано ниже.

Шаг 5

В меню выберите Layer > New Adjustment Layer > Posterize /Слой>Новый корректирующий слой >Постеризация. Настройте параметры слоя как показано ниже. Кликните по третьей иконке в нижнем ряду палитры постеризации, чтобы сделать этот слой обтравочной маской для слоя с портретом.

Шаг 6

В меню выберите Layer > New Adjustment Layer > Brightness/Contrast / Слой>Новый корректирующий слой>Яркость/Контраст. Настройте параметры как показано ниже и также сделайте слой обтравочной маской.

Шаг 7

В меню выберите Layer > New Adjustment Layer > Hue/Saturation/ Слой>Новый корректирующий слой>Цветовой тон/Насыщенность.  Настройте параметры как показано ниже и также сделайте слой обтравочной маской.

Возьмите инструмент Brush/Кисть и используйте гранж-кисти черного цвета, чтобы замаскировать в маске слоя Hue/Saturation/Цветовой тон/Насыщенность часть кепки.

Шаг 8

Создайте новый слой. Копируйте изображение с граффити из нашего документа и вставьте его в новый слой. Кликните по слою правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску.

Укажите этому слою Blend Mode/Режим наложения — Lighter Color/Светлее.

Кликните по второй иконке в нижнем ряду палитры Layers/Слои, чтобы указать маску слою с граффити. Инструментом Brush/Кисть при помощи гранж-кистей черного цвета закрасьте частично маску слоя, чтобы получилось примерно как на картинке ниже.

Шаг 9

Верните видимость слою Man Portrait 1. Укажите в качестве главного цвета черный, а в качестве фонового — белый.

Шаг 10

В меню выберите Filter > Sketch > Photocopy/Фильтр>Эскиз>Ксерокопия. Настройте параметры как показано ниже.

Шаг 11

В меню выберите Filter > Artistic > Cutout/Фильтр>Имитация>Аппликация и настройте параметры как показано ниже.

Шаг 12

Выберите в меню Image > Adjustments > Levels/Изображение>Коррекция>Уровни. Настройте бегунки как показано ниже.

Шаг 13

Укажите слою Man Portrait 1 Blend Mode/Режим наложения — Multiply/Умножение.

При желании вы можете повторить ту же процедуру со слоем Man Portrait 2, но этот шаг опционален.

4. Эффект кирпичной стены

Шаг 1

Нажмите Shift-Control-N чтобы создать новый слой поверх остальных.

Нажмите Shift-Control-Alt-E чтобы объединить все видимые слои в один слой-копию. Назовите этот слой Brick Effect.

Шаг 2

Укажите слою Brick Effect маску.

Шаг 3

В меню выберите Image > Trim/Изображение>Тримминг и настройте параметры как показано ниже.

Шаг 4

Вернитесь к слою с кирпичной стеной, инструментом Rectangular Marquee/Прямоугольное выделение растяните выделение по размеру холста. Нажмите Control-C чтобы скопировать выделение.

Шаг 5

Вернитесь к слою Brick Effect и в палитре Channels/Каналы кликните по иконке глаза рядом с каналом маски слоя Brick Effect Mask, чтобы сделать ее видимой. Нажмите Control-V, чтобы вставить в этот канал изображение кирпичной стены.

Шаг 6

Вернитесь в палитру Layers/Слои и нажмите Control-D, чтобы снять выделение. Также кликните по превьюшке Brick Effect Layer, чтобы сделать активным этот слой (не маску).

Шаг 7

Кликните по слою дважды, чтобы открыть для него окно стилей слоя. Выберите стиль Bevel and Emboss/Тиснение и настройте как показано ниже.

Результат

Автор урока — John Negoita

Перевод — Дежурка

Смотрите также:

• Эффект рисунка акварелью в Adobe Photoshop
• Реалистичные текстуры дерева в Adobe Photoshop
• Эффект создания печати в Adobe Photoshop

Урок 6: Граффити в Photoshop. Налаживаем ЛЮБОЕ граффити на ЛЮБУЮ стену.

Приблизительное время выполнения: 5 минут Шаг 1 Найдите изображение стены, на которой мы будем делать наше лого (это изображение я нашел в интернете в Google Images). Любое изображение стены с подходящей структурой подойдет (то есть, стена должна быть не гладкой!). Шаг 2 Расположите ваш логотип в новом слое. Логотип должен быть просто пиксельным изображением (никаких шрифтов, дорожек и фигур), потому что в следующем шаге мы будем применять “перенос перспективы”, что потребует того, чтобы слой состоял из пикселей. Шаг 3 Выберите “perspective transform” в меню Edit, и затем измените угол, под которым расположено лого для того, чтобы он совпадал с перспективой стены. Применение “perspective transform” на выделении отображает изменяемые границы, с помощью которых можно выровнять лого со стеной. Шаг 4 Если логотип оказался слишком широким, это также не составит проблемы. Вы можете подогнать размер лого с помощью обычного инструмента для трансформации (CTRL+T). Немного уменьшите его так, чтобы оно помещалось на стене. Если перспектива всё ещё не выглядит реалистичной, повторите предыдущие шаги, потому что перспектива очень важна. Шаг 5 После этого, измените режим Blend слоя с логитипом на “overlay“: Результат: Шаг 6 У логотипа всё ещё острые края и он больше походит на наклейку, нежели на граффити. Чтобы сделать его более реалистичным, мы размоем его края. Чтобы применить размытие только к краям изображения, а не ко всему лого, вам придется скопировать слой и разместить его под оригиналом лого. Шаг 7 Затем, размойте скопированный слой с помощью “Gaussian Blur“, установив значение на 5,0 пикселей. Gaussian Blur вы найдете в меню Filter. Шаг 8 Наконец, чтобы увеличить реалистичность, используйте Eraser Tool для того, чтобы стереть лого там, где стена потертая. Вывод Если вам больше нравится неточная вариация, как в шаге 5, но с размытыми краями, вы можете выбрать размытый слой и нажать (зажав Ctrl) на пиктограмме оригинала слоя логотипа. Таким образом вы выделите контуры оригинала слоя. Сделав это, нажмите DELETE, чтобы удалить выбранную часть размытого слоя. Чтобы придать созданному ещё более реалистичный эффект, вы можете расположить ещё одно граффити (более потёртое) на стену, стерев его побольше для того, чтобы оно выглядело более изношенным.

Автор: Андрей, просмотров: 2008,

Следующий пост: Урок 7: Делаем простое отражение текста (Сложность: очень легко) ->

Как превратить фотографию в граффити с помощью Photoshop

Стив Кэплин

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

Выберите свое изображение

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

Создание корректирующего слоя Threshold

Настройка Threshold превращает слои в чисто черно-белые. И хотя вы можете применить корректировку непосредственно к своему изображению, в этом случае вам нужно применить ее как корректирующий слой. Убедитесь, что вы настроили его на использование нижележащего слоя в качестве обтравочной маски, чтобы эффект «Порог» не применялся к стене.

Осветление и затемнение

Используйте инструменты Осветление и затемнение, чтобы непосредственно осветлить и затемнить слой со скейтбордистом. Поскольку вы смотрите на слой через корректирующий слой, очень легко осветлить очень темные области, такие как джинсы, чтобы впустить в них больше света и придать им большую четкость.

Установите на Умножение

Измените режим слоя с Нормального на Умножение, и весь белый цвет исчезнет, ​​и вы увидите только краску. Я также использовал Dodge и Burn, чтобы осветлить его лицо и затемнить заднюю часть его рубашки. Помните, что при использовании любого инструмента вы можете удерживать Option или Alt, чтобы временно получить доступ к другому.

Добавьте немного цвета

Используйте корректирующий слой Hue/Saturation, снова используя нижний слой в качестве обтравочной маски, чтобы добавить цвет к изображению. Поскольку настройка Threshold дает сплошной черный цвет, вам нужно нажать кнопку Colorize и поднять уровень Lightness, чтобы увидеть эффект.

Пусть стена просвечивает сквозь стену

Граффити не должно быть идеальным. Чтобы просвечивать некоторые шероховатости стены, откройте диалоговое окно «Стиль слоя» (или дважды щелкните миниатюру слоя со скейтбордистом). В разделе «Смешать, если» внизу перетащите левый треугольник нижнего слоя вправо, чтобы выявить те области стены, которые темнее точки, в которую вы его перетаскиваете.

Немного размытия

Граффити не должно выглядеть слишком четким. Добавление небольшого количества размытия по Гауссу (около 1 пикселя должно быть достаточно) смягчит края, придав граффити более размытый вид. Поскольку процессы Threshold и Hue/Saturation являются корректирующими слоями, вы можете вернуться в любой момент и настроить их дальше, если хотите.

Видеоруководство по граффити

• в Графика , Инструкции , Фото Стив Кэплин
• |
• 10 июля 2017 г.
• |

Теги ↓

Как сделать многоразовое граффити в Photoshop учебник

3

SHARES

Первоначально я написал этот урок граффити десять лет назад. Хотя стиль по-прежнему выглядит хорошо, удобство использования отстой. Общее время обновления, давайте сделаем граффити на текстовом слое, используя все стили слоя. Преимущество в этом в 2 раза. Во-первых, мы можем повторно использовать стиль слоя, а во-вторых, мы можем изменить текст, и стиль останется на нем при редактировании. (Неразрушающий ребенок!)

Шаг 1

Начните с соответствующего шрифта и введите слово grafitti

Здесь я использовал Tags Extreme. Загрузите его здесь | Загрузите стиль слоя для этого урока

Шаг 2

Создайте новый пользовательский градиент, подобный этому.

Шаг 3

Откройте стили слоя, щелкнув маленький значок «fx» внизу панели слоев. Выберите Gradient Overlay слева, откройте наш градиент и установите его на 90, при необходимости настройте масштаб. 9Шаг 4 на самом деле дают этому тройной удар, мы должны быть умными. Давайте используем внешнее свечение в качестве вторичного штриха. )Все время так делаю) Выбираем внешнее свечение. Режим наложения нормальный и черный. Магия происходит с распространением и размером. Убедитесь, что вы включили сглаживание, иначе изображение будет выглядеть блочным.

Двойной ход в действии!

Шаг 6

Теперь нам нужно создать 3-й штрих, который на самом деле представляет собой тень с жесткими краями, непрозрачность равна 100, и снова волшебство происходит с распространением и размером. Установите расстояние в соответствии с вашим изображением. Совет: Вы можете перетащить прямо в документ, чтобы установить расстояние и угол.

Ча! Граффити выглядит хорошо!

Шаг 7

Поскольку он применяется как стиль слоя к текстовому слою, я могу изменить текст так, как мне нравится.

Шаг 8

Добавить это граффити на фотографии очень просто. Все, что вам действительно нужно сделать, это изменить режим наложения на Overlay.

Надеюсь, вам понравился этот обновленный урок (на самом деле я полностью его переделал). Недавно я обновил все учебные пособия в PhotoshopCAFE, потому что теперь я знаю более быстрые и лучшие способы работы, а также пользуюсь преимуществами новых функций Photoshop.

Почему бы вам не загрузить стиль слоя для этого урока

Будьте в курсе!

CS6 Superguide

Присоединяйтесь к нашему списку, чтобы получать больше руководств и советов по Photoshop. Получите эксклюзивные учебные пособия, скидки и бесплатные супергиды. Никакого спама, весь контент, не чаще одного раза в неделю.
Если вы есть в нашем списке, вы получите его бесплатно по электронной почте, как только он станет доступен. Если нет, зарегистрируйтесь сейчас и бесплатно получите супергид по CS6. Или нажмите на изображение ниже.