Как сделать граффити в фотошопе

Обновлено: 06.07.2024

Что вы будете создавать

В этом уроке я покажу вам, как создать текстовый эффект граффити в Photoshop. Мы будем использовать стили слоя и функцию «Смешать, если» из параметров наложения.

Текстовый эффект, который мы будем создавать, вдохновлен стилями граффити от Envato Elements, где вы найдете одни из лучших букв граффити в мире. Как этот текстовый эффект граффити Photoshop с 10 различными стилями.

Эффект текста граффити на элементах Envato
Эффект текста граффити на элементах Envato
Эффект текста граффити на элементах Envato

Ищете короткий путь? Вы можете скачать один из этих текстовых шрифтов граффити, которые помогут вам быстро и легко создать текст граффити:

Следите за нами на нашем канале Envato Tuts+ YouTube:


Обучающие материалы

В этом уроке по Photoshop с текстовым эффектом граффити использовались следующие ресурсы:

  • Оригинал кирпичной стены: неотредактированное изображение
  • Кирпичная стена (отредактировано): фоновое изображение
  • Graffogie: шрифт

1. Как установить фон и текст

Шаг 1

Мы будем использовать фон кирпичной стены для текста граффити в этом уроке Photoshop. Откройте Photoshop и вместо создания нового документа выберите «Файл» > «Открыть». и выберите Brick-wall.jpg из учебных материалов. Если вы хотите попробовать другой фон, вы можете попробовать один из множества фонов для стен на Envato Elements.

Кирпичная стена
Кирпичная стена
Кирпичная стена

Шаг 2

Используйте инструмент «Текст» (T), выберите текстовый шрифт граффити Graffogie размером 285 pt и напишите слово «Vote» на монтажной области. Затем перейдите в Type > Warp Text и выберите Shell Upper с Bend: 21%, Horizontal Distortion: -29% и Vertical Distortion: 22% и нажмите OK. Наконец, выберите на монтажной области только букву «V», а затем перейдите на панель «Персонаж» и установите для параметра «Отслеживание» значение -75.

Тип голосования
Тип голосования
Тип голосования

Шаг 3

Снова используйте инструмент «Текст» (T), чтобы написать еще два слова — «для» и «Педро» — тем же шрифтом для граффити. Убедитесь, что каждое слово находится на своем слое. Напишите «для» с размером шрифта 116 pt и отслеживанием 75. Затем напишите «Педро» на новом слое с размером шрифта 255 pt и отслеживанием 75.

Тип для и pedro
Введите для и pedro
Type for and pedro

Шаг 4

Используйте инструмент "Перемещение" (V) и сдвиньте буквы в стиле граффити вместе.Затем выберите все три текстовых слоя на панели «Слои» и нажмите Control-T. Теперь установите Rotate на -8°. Наконец, мы готовы приступить к созданию текстовых эффектов Photoshop.

Расположить текст
Расположить текст
Расположить текст

2. Как создать первый текстовый эффект граффити

Шаг 1

Давайте начнем с выделения текстового слоя граффити "Vote". Теперь перейдите в Слой > Стиль слоя > Параметры наложения. и примените следующий стиль слоя.

В параметрах наложения используйте следующие настройки:

Шаг 2

Добавьте Bevel и Emboss со следующими настройками:

Шаг 3

Добавьте внутреннюю тень к текстовому эффекту граффити со следующими настройками:

Шаг 4

Добавьте внутреннее свечение со следующими настройками:

Шаг 5

Добавьте стиль Satin со следующими настройками:

Шаг 6

Добавьте наложение градиента со следующими настройками:

Шаг 7

Добавьте внешнее свечение со следующими настройками:

Шаг 8

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

Нажмите OK, чтобы применить все изменения.

Добавить тень
Добавить тень
Добавить тень

Вот результат первого текстового эффекта граффити, примененного к текстовому шрифту граффити.

Частичный результат
Частичный результат
Частичный результат

3. Как создать второй текстовый эффект граффити

Шаг 1

Выберите текстовый слой граффити «для» и перейдите в меню «Слой» > «Стиль слоя» > «Параметры наложения». чтобы применить следующий стиль слоя к шрифту граффити.

В параметрах наложения используйте следующие настройки:

Шаг 2

Добавьте скос и тиснение к объемному текстовому эффекту граффити со следующими настройками:

Шаг 3

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

Шаг 4

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

Шаг 5

Добавьте внутреннее свечение со следующими настройками:

Шаг 6

Добавьте тень с этими настройками, чтобы закончить этот эффект трехмерного текста граффити:

Нажмите OK, чтобы применить стиль слоя.

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

Частичный результат
Частичный результат
Частичный результат

4. Как создать третий текстовый эффект граффити

Шаг 1

Выберите слой шрифта с надписью "pedro" и перейдите в меню "Слой" > "Стиль слоя" > "Параметры наложения". чтобы применить следующий стиль слоя.

В параметрах наложения используйте следующие настройки:

Шаг 2

Добавьте Bevel и Emboss со следующими настройками:

Шаг 3

Добавьте внутреннюю тень к текстовому эффекту шрифта граффити со следующими настройками:

Шаг 4

Добавьте внутреннее свечение со следующими настройками:

Шаг 5

Добавьте эффект Satin со следующими настройками:

Шаг 6

Добавьте наложение градиента со следующими настройками:

Шаг 7

Добавьте внешнее свечение со следующими настройками:

Шаг 8

В качестве последнего шага для этого текстового эффекта букв в стиле граффити добавьте тень со следующими настройками:

Нажмите OK, чтобы применить текстовые эффекты.

Добавить тень
Добавить тень
Добавить тень

Поздравляем! Готово!

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

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

Окончательный результат
Окончательный результат
Окончательный результат

Познакомьтесь с другими классными уроками по созданию текстовых эффектов в Photoshop

Текст граффити из учебника Photoshop, который вы только что проверили, не единственный, который у нас есть. Вы можете изучить множество текстовых эффектов, а не только крутые граффити-буквы! Вот еще несколько руководств, которые могут вам понравиться:

5 лучших дополнений Photoshop с граффити-логотипом от Envato Elements

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

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




1. Текстовый эффект граффити PSD (ASL, PSD)

Граффити текстовый эффект PSD
Граффити текстовый эффект PSD
Grapffiti Text Effect PSD
< /p>

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

2. Текстовый эффект граффити PSD vol.1 (ASL, PSD)

Граффити текстовый эффект PSD vol1
Текстовый эффект граффити PSD vol1
Граффити текстовый эффект PSD vol1

Еще один набор крутых граффити от того же талантливого художника. Этот пакет PSD с текстовым эффектом граффити также содержит десять уникальных макетов, а также десять файлов ASL: десять наборов стилей для Photoshop. Не стесняйтесь попробовать эти 3D-эффекты надписей на стенах!

3. Уличное искусство Граффити Логотип Photoshop (ABR, ATN, PAT)

Street Art Graffiti Logo Photoshop
Уличное искусство граффити Логотип Photoshop
Street Art Graffiti Logo Photoshop

Кто сказал, что граффити — это только текст? У нас есть все типы надстроек в стиле граффити, и это очень крутой экшен Photoshop с логотипом граффити в стиле уличного искусства. Лучше всего это работает с портретами, фигурами, моделями и неодушевленными предметами. Конечным результатом станет многослойная композиция с множеством эффектов и настроек.

4. Стили слоя PSD с текстовым эффектом граффити (ASL, PSD)

Граффити Текстовый эффект PSD Стили слоя
Текст граффити Стили слоя PSD с эффектом
Стили PSD-слоев с текстовым эффектом граффити

Но если вы являетесь поклонником граффити-буквенных шрифтов и 3D-эффектов граффити-букв, то это для вас. Наслаждайтесь этим набором из 15 букв в стиле граффити для Photoshop и создавайте крутые текстовые композиции в стиле граффити.

5. Граффити с логотипом Photoshop (ABR, ATN, PAT)

Spray Art Graffiti Logo Photoshop
Распыление граффити Логотип Photoshop
Spray Art Graffiti Logo Photoshop

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

Заключение

Надеюсь, вам понравился этот урок и подборка лучших граффити-букв в мире от Envato Elements. Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения и результаты ниже. И не забудьте посетить наш канал Envato Tuts+ на YouTube, где вы найдете много привлекательных проектов Photoshop.

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

Но прежде чем мы начнем, и если вы хотите следовать этому руководству точно так, как описано, загрузите следующие ресурсы:

Шаг 1

Откройте фоновое изображение стены в Photoshop.


Шаг 2

Выберите инструмент «Текст» (T) и введите любой текст. В данном случае я использую шрифт «Don Graffiti» размером 370 пикселей.


Шаг 3

При активном текстовом слое перейдите в меню «Слой» > «Стиль слоя» > «Параметры наложения». В разделе «Общее наложение» обязательно установите режим наложения «Нормальный» и уменьшите непрозрачность до 90%. В разделе «Расширенное смешивание» установите для параметра «Непрозрачность заливки» значение 0%.


Шаг 4

Отметьте параметр Bevel & Emboss и нажмите миниатюру Gloss Contour, чтобы открыть редактор контуров.


Шаг 5

Добавьте две новые опорные точки на кривую отображения, щелкнув линию. Установите первую точку на Вход: 46% - Выход: 0% и отметьте опцию «Угол». Установите вторую точку на Вход: 54% - Выход: 100%, а также установите флажок «Угол».


Шаг 6

Нажмите кнопку "Создать". Назовите контур «Контур граффити», нажмите «ОК», а затем нажмите «ОК» в редакторе контуров.


Шаг 7

Оставаясь в параметрах Bevel & Emboss, примените следующие настройки:


Шаг 8

Отметьте параметр «Контур» и установите для параметра «Диапазон» значение 60%.


Шаг 9

Нажмите на миниатюру контура, чтобы открыть редактор контуров.


Шаг 10

Добавьте к кривой 3 новые опорные точки и установите для каждой из них следующие значения (после завершения нажмите кнопку "ОК" в Редакторе контуров):

  • Точка 1: вход 0 % – выход 100 %
  • Точка 2: ввод 25 % – вывод 10 %
  • Точка 3. Ввод 50 % – выход 50 %
  • Пункт 4. Ввод 75 % – выход 10 %
  • Пункт 5. Ввод 100 % – выход 100 %

Шаг 11

Отметьте параметр "Внутренняя тень". Нажмите на стрелку рядом с уменьшенным изображением контура, выберите «Наклон — по убыванию» и примените следующие настройки.
Примечание. Выбранный здесь цвет будет цветом вашего текста.


Шаг 12

Отметьте параметр «Внешнее свечение». Нажмите на стрелку рядом с миниатюрой Контура, выберите контур, который мы сохранили перед «Контуром граффити», и примените следующие настройки.


Шаг 13

Чтобы закончить наш стиль граффити, щелкните параметр «Тень». Нажмите на стрелку рядом с миниатюрой контура, выберите «Полукруг» и примените следующие настройки.


Шаг 14

Прежде чем нажимать кнопку «ОК» на панели «Стиль слоя», нажмите кнопку «Новый стиль». Назовите стиль «Стиль граффити 1», обязательно установите флажки «Включить эффекты слоя» и «Включить параметры наложения слоя» и нажмите «ОК».


Шаг 15

Наконец, нажмите "ОК" на панели "Стиль слоя", чтобы применить стиль граффити к тексту.


Шаг 16

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


Ещё из руководств

Как создать текстовый эффект на спортивную тематику в Illustrator

Учебники Диего Санчеса

Обычно, когда вам нужно придать тексту эффект, вы, вероятно, думаете об использовании Photoshop. Но в Illustrator вы также можете создавать широкий спектр эффектов, которые можно повторно использовать с любым другим текстом без необходимости повторного создания всего эффекта с помощью графических стилей. Итак, сегодня я покажу вам, как легко вы можете создать текстовый эффект спортивной тематики в Illustrator, используя только панель «Внешний вид», а затем создав с ней стиль графики, чтобы вы могли использовать его неограниченное количество раз поверх любого другого текста, который вы хотите.< /p>

Как сделать бесконечный градиент в Illustrator

Учебники Диего Санчеса

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

Легко создавать редактируемый эффект 3D-линии в Illustrator

Учебники Диего Санчеса

В Illustrator существует множество различных способов создания эффекта 3D-текста. К сожалению, некоторые методы для создания этого эффекта требуют немного больше времени, чем другие. Другие требуют, чтобы вы преобразовали текст в кривые, что делает невозможным его редактирование позже. Итак, сегодня я покажу вам простой и легкий способ сделать текстовый эффект 3D Line в Illustrator. Его легко обновить, и текст останется полностью редактируемым без необходимости повторного создания всего эффекта.

Как быстро создать эффект разбитого текста в Illustrator

Учебники Диего Санчеса

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

Диего Санчес

Диего предотвращает синдром запястного канала у дизайнеров по всему миру, создавая невероятно экономящие время экшены и макеты в Photoshop.

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

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

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


Создайте корректирующий слой «Порог»

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



Ещё больше после прыжка! Продолжить чтение можно ниже
Подписчики Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите сегодня.

Уклонение и сжигание

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


Умножить

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


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

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


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

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


Небольшое размытие

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


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

Посмотрите видеоверсию этого руководства и получите ссылку для загрузки исходного изображения.

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

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

Учебное пособие по Photoshop: эффект граффити на гранжевой стене

Эффект граффити на гранжевой стене. Учебное пособие по Photoshop

Текстовый эффект граффити в фотошопе


Как создать эффект граффити в Adobe Photoshop

Как создать эффект граффити в Adobe Photoshop

Урок фотошопа в стиле текста граффити

Урок фотошопа в стиле текста граффити

Бесплатный текстовый стиль граффити для фотошопа

Бесплатный стиль текста граффити для фотошопа

Урок фотошопа с текстом на стене

Урок фотошопа с текстом на стене

Учебник Photoshop по стилю шрифта граффити

Учебник Photoshop по стилю шрифта граффити

Создание текста граффити в Photoshop

Создать текст граффити в Photoshop

Создайте текстовый эффект граффити в мультяшном стиле в Photoshop


Нарисовать шрифт граффити на кирпичной стене в фотошопе

Нарисовать шрифт граффити на кирпичной стене в фотошопе

Создать городское граффити в фотошопе

Создайте городское граффити в фотошопе

Экшен Photoshop с эффектом граффити

Экшен Photoshop с эффектом граффити

Более 20 текстур граффити бесплатно

Более 20 текстур граффити бесплатно

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

Бесплатный экшен Photoshop Posterize

 Постеризация Photoshop

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

Бесплатные наложения текстур VHS Glitch для Photoshop

Бесплатные фоны пустой комнаты для Photoshop

Будь крутым чуваком!

Вашим пожертвованием вы можете помочь нам поддерживать этот веб-сайт и продолжать выпускать бесплатные ресурсы еще много месяцев! Важна любая сумма

Читайте также: