Уроки по Photoshop, Illustrator, Flash и 3ds max. Статьи по дизайну и фотографии.

Дизайн в стиле гранж в Фотошоп.

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

дизайн в стил гранж

Rectangle Tool Шаг 1. Начнем с создания документа. Нажимаем Ctrl+N или идем File>New (Файл>Новый), размер файла пусть будет 1280*1024px и разрешении 72dpi. Выбираем Инструмент Rectangle Tool (Прямоугольник (U)) и выделяем им весь документ, чтобы потом было удобней с фоном. (Обратите внимание, чтобы Инструмент "Прямоугольник" должен быть в режиме "Слой-фигура").
gradient overlay
gradient editor
градиент
Шаг 2. Идем в Слой>Стиль Слоя>Наложение Градиента (Blending Options>Gradient Overlay)
фото DJ Шаг 3. Находим подходящее изображение в Интернете
cutout
применяем фильтр
Шаг 4. Вырезаем фигуру DJ, кладем её на наш фон и применяем ко слою с DJ фильтр Filter>Filter Gallery>Cutout (Фильтр>Галерея фильтров>Аппликация)
color overlay
наложение цвета
Шаг 5. Создаем копию слоя с DJ и помещаем её под оригинальный слой с DJ. Для нового слоя идем в Стили Слоя, а далее Color Overlay (Наложение цвета), внизу показаны параметры, которые необходимо установить и то, как будет выглядеть новый слой.
outer glow
stroke
градиент
Шаг 6. Возвращаемся к основному слою с DJ, задаем для Режим Смешивания (Blending Mode) - Overlay (Перекрытие), и идем в Стили Слоя и далее Outer Glow (Внешнее Свечение) и Stroke (Обводка).
дизайн с диджеем Вот, что у нас получилось
brush
рисуем кистью
Шаг 7. Скроем слои с DJ, создадим новый слой и перенесём его под эти скрытые слои. Делаем новый слой белым, например, с помощью Paint Bucket Tool (Инструмент "Заливка" (G)). После этого с помощью большой мягкой кисти рисуем пятно (параметры см. внизу)
halftone
кисть
Шаг 8. Далее выбираем Filter>Pixelate>Color Halftone (Фильтр>Оформление>Цветные полутона)
halftone
наложение цвета
Шаг 9. Идем далее в Select>Color Range (Выделение>Цветовой диапазон) и кликаем пипеткой по белому цвету. Нажимаем Ok и Delete,чтобы удалить белый фон. Снимаем выделение (Ctrl+D), выбираем Free Transform (Ctrl+T или идем Редактирование>Свободное Трансформирование) и перемещаем новый элемент в правый нижний угол. Идем в Стиль Слоя Color Overlay (Наложение цвета) и задаем параметры
слои с DJ Делаем видимыми слои с DJ
free transformШаг 10. Создаем три копии слоя с красным пятном и, использя Инструмент Free Transform, изменяем их размер и положение. Также надо изменить их цвета, новые указаны на рисунке. (Эти новые слои также, как и оригинал должны находиться под слоями с DJ)
свободная трансформацияСделаем ещё одну копию слоя с красным пятном и поместим новую копию в левый нижний угол, ничего не меняя ни в цвете, ни в размере.
custom shape tool
произвольная фигура
Color Dodge
Шаг 11. Выбираем Инструмент Custom Shape Tool (Произвольная Фигура (U)) для создания белых лучей. Слой с лучами должен быть также под слоями с DJ.


Для данного слоя ставим Fill (Заливка) - 33%, Blending Mode (Режим Смешивания) - Color Dodge (Осветление основы).
градиент
gradient tool
Шаг 12. Создаем маску слоя (Mask) для данного слоя, нажав на соответствующую кнопку внизу Палитры Слоев. Затем выбираем Инструмент Градиент (Gradient Tool (G)) (параметры см. внизу на рисунке) и проводим им так, чтобы скрыть нижнюю часть слоя с лучами.
копия слояШаг 13. Копируем опять слой с красным пятном и помещаем новое пятно в левый верхний угол, как на картинке внизу.
brush
рисуем кистью
Шаг 14. Создаем новый слой и помещаем его над слое с лучами, но под слои с DJ. Берем красивую цветочную кисть (её можно скачать с данного сайта) и рисуем белые узоры.
параметры кисти
draw brush
кисть
Шаг 15. Создаем ещё один новый слой и повотряем сделанное в предыдущем шаге, только с новой кистью.
overlay Шаг 16. Для слоя с кругами (последнего сделанного) выбираем Режим Смешивания (Blending Mode) - Overlay (Перекрытие).
ellipse tool
bevel emboss
gradient overlay
gradient editor
stroke обводка
Шаг 17. Теперь, нарисуем прикольный динамик. Для этого, для начала выбираем Инструмент Эллипс (Ellipse Tool (U)) и рисуем круг (для этого при рисовании необходимо удерживать клавишу Shift). Идем в Стили Слоя и работаем там со следующими Стилями: Bevel and Emboss (Тиснение), Gradient Overlay (Наложение Градиента) и Stroke (обводка).
обработка фото Наше изображение после этих преобразований
рисуем круг bevel emboss
наложение градиента
редактор градиента
рисуем динамик
Шаг 18. Используя тот же Инструмент Эллипс, на новом слое, рисуем ещё один круг. Стили Слоя для этого слоя: Bevel and Emboss (Тиснение) и Gradient Overlay (Наложение Градиента).
рисуем эллипсШаг 19. Теперь, нарисуем внутренний элемент динамика, применяя всё тот же Инструмент Эллипс и закрасив его в чёрный цвет.
bevel emboss
рисуем элемент динамика
Параметры Стиля Слоя Bevel and Emboss
рисуем круг
gradient overlay
gradient editor
рупор
Шаг 20. Рисуем еще один круг. Его параметры для Gradien Overlay
рисуем заклепки
рисуем стерео динамик
Шаг 21. С помощью любимого Инcтрумента Ellipse Tool, рисуем черные заклепки на нашем динамике
free transformШаг 22. Связываем в одну группу все слои с частями динамика (для этого, например, нажимаем кнопку "Создать новую группу" внизу Палитры слоев и переносим в неё все необходимые слои, которые можно выделить все одновременно, нажимая на слое и удерживая клавишу Ctrl). После этого создаем 3 копии этой группы и, воспользовавшись Инструментом Free Transform, перемещаем их в различные места нашего плаката, на забывая при этом ещё и менять их размер.
белое пятно
fill layer
Шаг 23. Копируем слой с красным пятном в левом нижнем углу и меняем его цвет (на белый) и местоположение (с помощью Free Transform). Fill (Заливка) слоя пусть будет 70%.
делаем копии слоя Шаг 24. Делаем 3 копии слоя с белым пятном
кисть
рисуем brush
Шаг 25. Опять создаём новый слой и рисуем на нём (с помощью Инструмента Brush (Кисть)).
кисти фотошоп
крутой плакат
Шаг 26. Всё, мы почти закончили, осталось только добавить несколько светящихся огоньков. Для этого мы будем использовать стандартную кисть Photoshop (рисуем на новом слое, разумеется).
наложение градиента
редактируем градиент
Для нового слоя идем в Стиль слоя Gradient Overlay
дизайн плаката в стиле гранж Все! Поздравляю! Вот наше итоговое изображение.

Урок переведен автором сайта и при цитировании его на русском языке ссылка на сайт обязательна. Автор www.adobetutorialz.com. Оригинал статьи на английском


Другие уроки Фотошоп >>