Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Создаем эффект в стиле гранж в Adobe Photoshop

18 апреля 2014 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый документ (Ctrl+N) в Adobe Photoshop CS5 размером 1000px на 1000px (RGB) и разрешением в 72 pixels/inch. Инструментом Rectangle/Прямоугольник (U) горизонтальные линии цвета #191919 как показано на картинке ниже.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

В палитре Layers/Слои выделите, удерживая клавишу CTRL, все слои с полосками, затем объедините их в группу, нажав на иконку Create a new group/Создать новую группу в нижней части палитры.

При помощи Free Transform/Свободного трансформирования (Ctrl+T) наклоните линии как показано на картинке ниже.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

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

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Удалите фон с фотографии при помощи инструментов Pen/Перо(P)Magic Wand/Волшебная палочка (W)Magnetic Lasso/Магнитное лассо (L) или при помощи Filter>Extract/Фильтр>Вырезание. Затем вставьте модель без фона в наш документ в новом слое.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

В нижней части палитры Layers/Слои кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку и выберите вариант Hue/Saturation / Оттенок/Насыщенность.Настройте параметры как показано ниже.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Результат:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый слой и кистью Soft Round/Мягкая круглая белого цвета с параметром Opacity/Непрозрачность – 20%) рисуйте поверх модели.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Должно получиться так:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Смените Blending mode/Режим наложения для этого слоя на Overlay/Перекрытие.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый слой и кистью Soft Round/Мягкая круглая рисуйте поверх модели и фона. Используйте цвет  #FF4445 и Opacity/Непрозрачность в 15%.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Вот что должно получиться:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Смените Blending mode/Режим наложения слоя на Color Dodge/Осветление основы.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте еще один новый слой. Выберите кисть Rough Round Bristle/Круглая с грубой щетиной черного цвета и порисуйте ею по краям.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Вот так:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый слой. Выберите кисть Soft Round/Круглая мягкая черного цвета и с параметром Opacity/Непрозрачность в 10%. Затемните ею края.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Ориентируйтесь по картинке ниже:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Смените Blending mode/Режим наложения слоя на Overlay/Перекрытие.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Дублируйте последний созданный слой и укажите ему Blending mode/Режим наложения  Normal/Нормальный.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый слой и примените к нему Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Результат:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Укажите слою с шумом Fill/Заливку в 27% и Blending mode/Режим наложения  Soft Light/Мягкий свет.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый слой и кистью Rough Round Bristle/Круглая с грубой щетиной черного цвета рисуйте в областях, указанных красными стрелками на картинке ниже. Меняйте диаметр кисти, чтобы внести разнообразие.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Ориентируйтесь на эту картинку:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Теперь скачайте этот набор кистей.

Создайте новый слой, загрузите кисти SM_SplatterisM1_Low и используйте их, чтобы получить результат как на второй картинке ниже. Рисуйте черным цветом.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Укажите слою с подтеками маску, нажав на иконку Add layer mask/Добавит слой-маску в нижней части палитры Layers/Слои. Выберите кисть Hard Round/Жесткая круглая черного цвета.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

В маске черной кистью рисуйте в тех местах, где подтеки попадают на модель, чтобы скрыть их.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый слой и загрузите кисти Grunge_Brushes_007_by_Tackybrush. Черным цветом рисуйте этими кистями так, как показано на второй картинке ниже.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Applying Grungy Effects into an Image in Adobe Photoshop CS5

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

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Не снимая выделения, добавьте слой-маску слою с трещинами и нажмите CTRL+I.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Создайте новый корректирующий слой (Create new fill or adjustment layer) типа Curves/Кривые и настройте его как показано ниже.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Результат:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Вот и всё! Вы можете скачать файл PSD.

Автор урока adobetutorialz

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

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




Комментарии