Дополнения

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

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

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

213 570 чел. 404 445 работ 4 124 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Создаём в Фотошоп постер в стиле гранж

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

Превью:

Материалы, используемые в уроке:

Архив

Шаг 1. Добавление текстур на задний план.
Начинаем работу с создания нового документа (1700х2000 пикс.). Открываем Текстуру с трещинами, перетаскиваем её в наш документ. Трансформируем (Ctrl + T) и поворачиваем на 90 градусов. Чтобы не нарушить пропорции выполняйте трансформацию с зажатой клавишей Shift.

Я очень люблю использовать в своих работах различные текстуры, подбирая для них всевозможные режимы наложения. Это помогает достичь разнообразных интересных визуальных эффектов. Бесплатные текстуры вы можете найти на Design Instruct Freebies.

Шаг.2 Обесцвечиваем текстуру.
Воспользуемся сочетанием клавиш Ctrl + Alt + U, чтобы вызвать окно Hue/Saturation (Цветовой тон/Насыщенность). Уменьшаем параметр Saturation (Насыщенность) до -100 чтобы обесцветить наше изображение.

Шаг 3. Добавляем следующую текстуру.
Повторяем все предыдущие шаги с Гранж-текстурой. Трансформируем и поворачиваем по размерам нашего документа, обесцвечиваем.

Шаг 4. Наложение текстур.
Изменяем верхнему слою с Гранж-текстурой Blend Mode (Режим наложения) на Multiply (Умножение), Opacity (Непрозрачность) слоя уменьшаем до 75%.

Теперь воспользуемся инструментом Gradient Tool (G) (Градиент), выставим параметры градиента: Radial Gradient (Радиальный градиент), от чёрного цвета #000000 к прозрачному, поставим галочку рядом с опцией Reverse (Инверсия).

Создаём новый слой. Протягиваем градиент от центра полотна наружу. Возможно, Вам придётся слегка увеличить и сместить градиент вверх таким образом, чтобы нижняя часть картинки была более затемнённой.
Создадим новый слой ниже слоя с градиентом. Зальём его светло-коричневым цветом #9a8662 с помощью инструмента Paint Bucket Tool (G) (Заливка). Меняем Blend Mode (Режим наложения) этому слою на Color (Цветность).
У Вас должно получиться что-то подобное:

Шаг 5. Создаём световой акцент.
До этого мы работали с текстурами для заднего плана нашей работы. Сейчас мы создадим световой акцент в центре полотна там, где будут располагаться основные элементы нашей композиции с часами и вороном.
Создаём новый слой поверх всех слоёв, на нём применяем радиальный градиент, но на этот раз от белого цвета #FFFFFF к прозрачному, галочку с Reverse (Инверсия) надо снять. Тащим градиент от центра к краю.
Меняем Blend Mode (Режим наложения) слою с бело-прозрачным градиентом на Soft Light (Мягкий свет). Должно получиться приблизительно так:

Шаг 6. Добавляем ворона.
Теперь мы можем добавить основные элементы в нашу работу. Для начала откроем фото с вороном. Нам необходимо отделить его от фона. Вы можете воспользоваться инструментом Pen Tool (P) (Перо), либо вырезать ворона при помощи Quick Mask (Q) (Быстрая маска).
После того, как Вы отделили ворона от фона, перетащите его в центр нашей работы. Если осталась какая-то часть фона, сотрите лишнее, используя инструмент Eraser Tool (E) (Ластик).

Шаг 7. Затемняем ворона.
Дублируем слой с вороном при помощи клавиш Ctrl + J. Скрываем оригинальный слой с вороном, нажав на глазик рядом с иконкой слоя. Будем работать с копией.
Прим.переводчика: исходя из того, что второй слой с вороном в дальнейшей работе не используется, можно сделать вывод, что копия слоя с вороном нужна на случай неудачной обработки Затемнителем.

Воспользуемся инструментом Burn Tool (O) (Затемнитель) с настройками Exposure (Экспозиция) 20-30%. Затемняем ворона по краям, тёмные участки перьев и когти, ориентируясь на пример в уроке.

Шаг 8. Создаём лучи света.
Создаём новый слой поверх всех слоёв. Воспользуемся инструментом Rectangular Marquee Tool (M) (Прямоугольное выделение) для рисования лучей, заливаем выделенную область белым цветом #FFFFFF.
Копируем слой с лучом белого цвета дважды. При помощи трансформации (Ctrl + T) уменьшаем лучи и располагаем их как на примере у автора.

Сливаем три слоя с лучами в один при помощи клавиш Ctrl +Е. Меняем слою с лучами Blend Mode (Режим наложения) на Overlay (Перекрытие).

Жмём Ctrl + T, чтобы вызвать режим трансформации на слое с лучами. Зажимаем клавиши Shift + Alt и тянем верхний средний ползунок рамки трансформации вверх за пределы слоя как на примере у автора.

Применяем к слою с лучами фильтр Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) с настройками Radius (Радиус) 56 пикс.
Поворачиваем лучи света по диагонали при помощи свободной трансформации Ctrl + T.

Шаг 9. Добавляем часы.
Открываем фото с часами. Так как часы на белом фоне, то нам несложно будет отделить их от фона. Разблокируем слой с часами двойным щелчком мыши по слою, в появившемся окне нажимаем ОК. воспользуемся инструментом Magic Wand Tool (W) (Волшебная палочка) – кликам по белому фону и нажимаем на Delete. Перемещаем часы в наш документ, размещаем их в центре композиции. Убедитесь, что слой с часами находится поверх всех остальных слоёв.

Шаг 10. Придаём тонкий оттенок к нашему фону.
Создаём новый слой между слоями со светло-коричневой заливкой и слоем с белым градиентом в центре. Заливаем этот слой при помощи инструмента Paint Bucket Tool (G) (Заливка) красным цветом #ff0000. Меняем слою с красной заливкой Blend Mode (Режим наложения) на Soft Light (Мягкий свет), уменьшаем Opacity (Непрозрачность) до 35%.

Шаг 11. Ослабим яркость лучей света, попадающих на ворона.
В этом шаге мы сделаем так, чтобы лучи, падающие на ворона, не были такими яркими. Но надо сделать так, чтобы лучи, попадающие на фон, остались прежними. Для этого надо выполнить следующие действия:
С зажатой клавишей Ctrl кликаем по слою с вороном, появится выделение.

Идём на слой с лучами, жмём Ctrl + J, чтобы скопировать выделенную область на новый слой. Сейчас изображение выглядит засвеченным, но мы это исправим.

Ещё раз зажимаем Ctrl и снова кликаем по слою с вороном. Идём на оригинальный слой с лучами света и жмём Delete, чтобы очистить выделенную область. Идём на слой-дубликат части лучей и уменьшаем Opacity (Непрозрачность) до 50%. Таким образом, мы получаем яркие лучи на заднем плане и приглушённый свет на вороне.
Теперь наша картинка должна выглядеть так:

Шаг 12. Добавляем на картинку яркие цветные пятна.
Создаём новый слой. Используя инструмент Gradient Tool (G) (Градиент), с параметрами: Radial Gradient (Радиальный градиент), от оранжевого цвета #F6520A к прозрачному. Рисуем небольшое пятно в середине картинки. Меняем этому слою Blend Mode (Режим наложения) на Screen (Осветление).

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

Создаём новый слой. Используем ещё один радиальный градиент, но на этот раз с более динамичным синим цветом. Используем радиальный градиент от синего цвета #0AC7F6 к прозрачному, меняем слою Blend Mode (Режим наложения) на Screen (Осветление).

Как Вы можете заметить, я дублировал слой с оранжевым градиентом ещё раз, увеличил и поместил его чуть ниже.  Таким образом, мы сбалансируем цвета на нашем изображении.
Теперь наше изображение стало ярче и привлекательнее. Мне не хотелось бы делать его тёмным, поэтому я использовал яркие акценты. Попробуйте и Вы использовать другие яркие цвета, и у вас получится интересный, неповторимый результат.

Шаг 13. Добавляем облака с помощью кистей.
Создаём новый слой поверх всех слоёв. Используем Кисти Облаков, предварительно загрузив их и установив в ФШ.

Устанавливаем цвет переднего плана на белый, выбираем инструмент Brush Tool (B) (Кисть) и рисуем несколько облаков, экспериментируем с их размещение на своё усмотрение.
Вы можете создать ещё несколько слоёв с облаками, чтобы добавить визуальную глубину изображению.

Шаг 14. Окончательная корректировка.
Чтобы наше изображение выглядело законченным, необходимо произвести последние корректировки.
Для увеличения контрастности изображения добавляем корректирующий слой Levels (Уровни). Для этого жмём на кнопочку Create new fill or adjustment layer (Создать новый слой заливки или настройки) внизу палитры слоёв. Переместите средний серый ползунок немного вправо, приблизительно до значения 0,84. Установите непрозрачность этому корректирующему слою 72%.

Теперь идём на слой с вороном, дважды щёлкаем по иконке слоя, чтобы вызвать окно параметров. Добавляем Drop Shadow (Тень), настройки смотрим на примере ниже:

В конце работы добавим надпись.
Используя инструмент Horizontal Type Tool (T) (Горизонтальный текст), добавляем текст на задний план и надпись внизу картинки, но этот шаг не обязателен.

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

Автор урока: Eric Vasquez
 

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

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

переделал , и вот что получилось.

Супер урок, спасибо!

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

Спасибо за урок! Мой постер получился не только в стили гранж, но и винтаж...

Красивый урок, спасибо!

Урок очень хороший. Но архива нет. Пришлось искать что то похожее.

Спасибо, очень простой и интересный урок.

Отличная работа!!!! Я бы облака заменила бы на другие . А так молоко напоминает , что тоже было бы в тему . Хорошая работа!!!

Эля Чугунова, спасибо большое. Да вот долго на самом деле о них думал, но в итоге решил оставить так как есть.

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

Большое спасибо за урок!!

Спасибо.Замечательный урок.

Спасибо за урок!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

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

Большое спасибо за урок!

Огромное спасибо, талантливому автору урока и отличному переводчику. Все понятно и точно. Урок прошел на одном дыхании. Еще раз, всем спасибо.

Классный урок. спасибки!

У всех так красиво получилось! А я еще не волшебница( ,только учусь :) я тут от темы вороны тоже отвлеклась слегка...

Спасибо надеюсь получилось хорошо)

Спасибо за интересный урок! Вот моя работа)

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

Благодарю за прекрасный урок.
Вот мое творение

Спасибо автору за отличную идею постера

Спасибо! Было интересно

Очень интересный урок! Спасибо автору и переводчику!!!

СПАСИБКИ за урок!!! ;)))

Хороший урок, спасибо!

вот что получилось))

спасибо за урок. Очень простой и очень клёвый. Давно тут не было стоящих))))

очень интересный урок))

Классный урок классные эффекты спасибо вам :)

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

Большое спасибо Photoshop-Мастер и авторам уроков :3

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

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

{{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