Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

207 785 чел. 399 346 работ 4 090 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Текстовые обои в стиле гранж

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

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

Итак, давайте начнем!

Материалы для урока:

Архив

Шаг 1. Создайте новый документ размером 1200 * 1700px, заполните фоновый слой черным цветом. Создайте новый слой поверх него и используйте кисти , которые мы только что скачали, для создания шероховатой текстуры, как показано ниже:

Хитрость тут в том, что нужно правильно настроить плотность (flow) и  непрозрачность (opacity) кисти , то есть нужно установить уровень приблизительно на 30% - 40 %, и менять размер кисти, в процессе использования.
Кроме того, не зацикливайтесь на одной кисти, попробуйте смешивать различные вместе и смотрите, чтобы вам понравился результат.

Теперь мы хотим создать основу для нашего текста и придать некоторую глубину изображению.
Для этого добавим новый корректирующий слой Кривые (Curves adjustment layer) поверх всех предыдущих слоев:

Таким образом должна выглядеть маска корректирующего слоя:

и вот эффект на данный момент:

Шаг 2. Используя шрифт, который мы загрузили прежде, печатаем и размещаем текст, как показано ниже (используйте для шрифта темно-серый цвет):

Подсказка: печатайте каждую букву на новом слое; используйте свободное трансформирование (Free Transform Tool) (Ctrl + T), чтобы повернуть и переместить каждую букву.

Как только Вы определитесь с положением, растрируйте и объедините все слои с текстом. Примените следующие стили слоя к объединенному слою:

Тень (Drop Shadow)

Скос и рельеф (Bevel and Emboss)

Градиент (Gradient Overlay)

и у вас должен получиться следующий эффект:

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

Теперь нам нужно переместить каждый слой, чтобы визуально отделить их друг от друга. Убедившись, что активным является инструмент Move (Перемещение) используйте комбинацию клавиш «вверх» и «вправо» на клавиатуре. Повторите действие с каждым слоем, пока не достигните результата, указанного ниже:

Шаг 3. Загрузите выделение последнего текстового слоя (CTRL + клик левой кнопкой мыши на иконке изображения слоя на палитре слоев). Перейдите Select – Refine Edge (Выделение – Уточнить край) и примените следующие настройки:

Не снимая выделения, создайте новый слой, назовите "Облака", и добавьте немного облаков с помощью фильтра Облака: (Черно-белый цвет)

Дублируйте этот слой три раза, и переместите последний текстовый слой поверх дублированного слоя Облака, у вас получится следующий эффект:

Дублируйте слой Облака дважды, и перетащите эти два слоя поверх текстового слоя. Измените режим смешивания на Перекрытие  (Overlay). Получится следующий эффект:

Шаг 4. Теперь мы можем добавить желаемые цвета на изображение, чтобы немного его оживить. Чтобы сделать это, я просто создаю новый слой поверх предыдущих слоев, называю “цвет 1 ″, и большой мягкой круглой кистью раскрашиваю по-своему усмотрению:

Измените режим смешивания этого слоя на Перекрытие (overlay).
Я также хочу показать шероховатость фона, поэтому я создаю новый слой, называю его “цвет 2 ″, и круглой  мягкой кистью коричневого цвета закрашиваю края:

Установите режим смешивания этого слоя на Осветление основы (Color Dodge).
Вы можете также сделать акцент на тексте, просто создайте другой слой, назовите "основным моментом", и воспользуйтесь белой мягкой кистью большого размера и закрасьте нужные области:

Измените режим смешивания этого слоя на Мягкий свет (soft light).
Для заключительной обработки я добавил два корректирующих слоя поверх всех предыдущих слоев:

Кривые

Цветовой баланс

Таким образом должна выглядеть маска на корректирующем слое цветовой баланс:

В итоге вы получите следующий эффект:

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

Я добавил несколько линий, и используя кисти.
Вот мой конечный результат (нажмите, чтобы увеличить):

Надеюсь, вам понравился наш урок! Спасибо.

 

Комментарии 211

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

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

Спасибо, урок очень понравился!

Текстовые обои в стиле гранж. Спасибо.

Легко и ярко! Спасибо!

Интересный урок - спасибо!

Интересно было делать.

Интересно. Спасибо. Но у меня получилась ерунда какая то

Не знаю, как-то так получилось. Спасибо за урок!

Не так как хотелось бы...

вот такая MEGA вышла у меня :)

Интересный урок и вот мой вариант.

Спасибо за урок. Мне очень понравилось.

Классный урок. И невозможно повторить точь в точь - все равно будет отличаться работа.

Спасибо за урок! За 20 минут смотря на урок-отводя глаза в шоп..

спасибо, всегда интересно что-то новое пробовать ))

Интересный урок,спасибо!)))

Спасибо огромнейшее!

вот то что получилось))Спасибо за урок!!!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

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

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules