Уроки Все для дизайнера Марат Садыгалиев 18 октября 2016

Создаём постер к Хэллоуину в Фотошоп

Сложность урока: Средний

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

Скачать архив с материалами к уроку

Примечание: исходных ссылок у автора нет, в архиве вы найдете альтернативные изображения для выполнения урока

Итоговый результат:

Шаг 1. Создаём Новый Документ

Вначале давайте создадим новый документ в программе Photoshop. Идём Файл – Новый …(File > New ..). Установите следующие настройки Ширина (Width) 2000 px, Высота (Height) 3000 px, Разрешение (Resolution) 300 пикс/дюйм (pixels/inch). Нажмите OK.

Шаг 2. Создаём Задний Фон

Создайте новый слой (Shift+Ctrl+N), установите цвет переднего плана на #0d455f, а цвет заднего плана на #12ced0. Выберите инструмент Градиент (gradient tool). Установите метод Радиальный (Radial), тип градиента от цвета переднего плана к цвету заднего плана. Залейте новый слой выбранным градиентом.

Шаг 3

Нажмите клавишу “D”, чтобы выставить цвета переднего и заднего плана по умолчанию. Теперь выберите инструмент Перо (pen tool) и с помощью данного инструмента создайте фигуру, как показано на скриншоте ниже:

Шаг 4

Создайте новый слой, выберите инструмент Кисть (brush tool). Нажмите клавишу F5, чтобы появилось окно настроек кисти. В меню набора кистей, выберите кисть Трава, а также уберите галочку в окошке Динамика цвета (color dynamics). Находясь на новом слое, прокрасьте поверх контура нарисованной фигуры, которую мы создали в предыдущем шаге.

Шаг 5

Ещё раз выберите инструмент Перо (pen tool). Создайте фигуру, похожую на фигуру дома:

Шаг 6

Установите цвет переднего плана на #eb8f18. Выберите инструмент Прямоугольник (rectangle tool). Нарисуйте прямоугольник поверх фигуры дома.

Шаг 7

Нарисуйте ещё один прямоугольник. В режиме Контуры (Path) примените опцию Вычесть из области контура (subtract), чтобы вычесть из предыдущей фигуры.

Шаг 8

Нарисуйте ещё один прямоугольник точно так же, как и в Шаге 7.

Шаг 9

Продублируйте полученную фигуру окна. Расположите дубликаты, как показано на скриншоте ниже:

Шаг 10

Создайте ещё один новый слой. Находясь на новом слое, прокрасьте ярко-жёлтой кистью, тем самым, добавив свет на окна.

Шаг 11

Поменяйте режим наложения для слоя с жёлтым свечением на Замена светлым (Lighten), а также уменьшите Непрозрачность (opacity) слоя до 57%, а Заливку (fill) слоя до 82%.

Шаг 12

Нажмите клавишу “D”, чтобы выставить цвета переднего и заднего плана по умолчанию. Создайте новый слой. Находясь на новом слое, нарисуйте два дерева с помощью кисти Деревья.

Шаг 13

Создайте новый слой, залейте его облаками, для этого идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds). Поменяйте режим наложения для слоя с облаками на Мягкий свет (soft light), а также уменьшите Непрозрачность (opacity) до 66%, а Заливку (fill) до 71%.

Шаг 14

Выберите инструмент Эллипс (ellipse tool), нарисуйте круг. Для создания идеального круга, удерживайте клавишу Shift.

Шаг 15

Создайте ещё один круг. В режиме Контуры (Path) примените опцию Вычесть из области контура (subtract), чтобы вычесть из предыдущей фигуры.

Шаг 16

Дважды щёлкните по слою с Луной, чтобы появилось окно со стилями слоя. Выберите стиль слоя Внешнее свечение (Outer Glow). Установите настройки, которые указаны на скриншоте ниже:

Шаг 17

Создайте новый слой, на новом слое нарисуйте летучих мышей:

Шаг 18

Далее, откройте исходное изображение с волшебным небом. Переместите данное изображение на наш рабочий документ. Поменяйте режим наложения для слоя с небом на Жёсткий свет (Hard Light). Уменьшите Непрозрачность (opacity) слоя до 84%, а Заливку (fill) слоя до 74%.

Шаг 19

Теперь мы поменяем цвет неба, чтобы оно было похоже на ночное небо. Идём Слой – Новый корректирующий слой – Цветовой тон / Насыщенность (Layer > New adjustment > Hue/Saturation):

Шаг 20. Добавляем Зомби

Откройте исходное изображение с зомби. Находясь на слое с зомби, выделите изображение зомби, для этого, удерживая клавишу (Ctrl)+щёлкните мышкой по миниатюре слоя, чтобы загрузить активное выделение. Далее, перейдите Выделение – Уточнить край (select > Refine edge) или нажмите клавиши (Alt+Ctrl+R), чтобы уточнить края выделенной области, тем самым, сделав их мягче и более чёткими.

Шаг 21

Скопируйте выделенное изображение зомби (Ctrl+C), а затем вклейте (Ctrl+V) на наш рабочий документ.

Шаг 22

Активируйте инструмент Свободная трансформация (free transfrom tool (Ctrl+T)). Далее, отразите изображение с зомби по горизонтали.

Примечание переводчика: в режиме свободной трансформации, щёлкните правой кнопкой мыши по изображению и в появившемся окне выберите опцию Отразить по горизонтали (Flip horizontally).

Шаг 23

Далее, с помощью инструмента Ластик (eraser tool), почистите лишние мелкие фрагменты на краях изображения.

Шаг 24

Дважды щёлкните по слою с зомби, чтобы появилось окно со стилями слоя. Выберите стили слоя Внутренняя тень (Inner Shadow) и Наложение градиента (Gradient Overlay). Установите настройки, которые указаны на скриншоте ниже:

Шаг 25

Далее, идём Слой – Новый корректирующий слой – Цветовой тон / Насыщенность (Layer > New adjustment layer > Hue/Saturation). Не забудьте преобразовать данный корректирующий слой в обтравочную маску.

Примечание переводчика: автор применяет корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с зомби в качестве обтравочной маски.

Шаг 26

Перейдите на маску корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation) и с помощью мягкой чёрной кисти скройте эффект коррекции на участках, которые отмечены на скриншоте ниже.

Шаг 27

Создайте новый слой с настройками, которые указаны на скриншоте ниже. С помощью инструментов Затемнитель и Осветлитель (burn and dodge tool), прокрасьте поверх изображения зомби, чтобы добавить светотени.

Шаг 28. Виньетка

Создайте новый слой, нажмите клавиши (Ctrl+A), чтобы загрузить активное выделение всей сцены. Далее, идём Редактирование - Обводка (Edit > Stroke). Установите значение Ширины (Width) на 50px, цвет обводки #000000.

Шаг 29

Далее, к слою с обводкой, примените фильтр Размытие по Гауссу (Gaussian blur), для этого идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian blur). Установите радиус (Radius) размытия 105.8 px. Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Шаг 30. Эффекты Освещения

Далее, идём Слой – Новый корректирующий слой – Яркость / Контрастность (Layer > New adjustment layer > Brightness/Contrast).

Шаг 31

Далее, добавьте новый корректирующий слой Кривые (Curves).

Шаг 32

Добавьте ещё Кривых (Curves):

Примечание переводчика: автор добавляет ещё один корректирующий слой Кривые (Curves) и выставляет кривые по каналам.

Шаг 33

Для усиления эффектов освещения, добавьте корректирующий слой Уровни (Levels).

Шаг 34

Создайте новый слой. Залейте этот слой Линейным градиентом (linier gradient). Цвета градиента # eabe0f и # 045d17.

Шаг 35

Поменяйте режим наложения для слоя с градиентом на Мягкий свет (Soft Light). Установите значение Непрозрачности (opacity) 67%, а значение Заливки (fill) 87%.

Шаг 36

Откройте исходную текстуру, переместите данную текстуру на наш рабочий документ. Поменяйте режим наложения для слоя с текстурой на Перекрытие (overlay), а также уменьшите значения Непрозрачности (opacity) и Заливки (fill) слоя до 73%.

Шаг 37. Добавляем Текст

Выберите инструмент Горизонтальный текст (Text tool). Напечатайте текст, как показано на скриншоте ниже:

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

Шаг 38

Дважды щёлкните по слою с текстом, чтобы применить следующие стили слоя:

Результат должен быть, как на скриншоте ниже.

Шаг 39

Создайте новый слой. Установите цвет переднего плана на #42100a. Находясь на новом слое, нарисуйте подтёки крови, как показано на скриншоте ниже:

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

Шаг 40. Заключительная Цветокоррекция

В этом шаге мы добавим ещё один корректирующий слой для цветокоррекции всей сцены:

Результат:

Шаг 41

Далее, добавьте ещё один корректирующий слой Цветовой Баланс (Color Balance).

И мы завершили урок! Спасибо, что были со мной. Надеюсь, что вам понравился этот урок!

Итоговый результат:

Автор: Muhammad

Источник: cienel.net

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

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

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

для форума sZoneOnline

Чётко! ) Спасибо за урок!

Спасибо.Урок какой то кровожадный.Прям фильм ужасов.

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

Снова мразь всякая полезла! И зачем всё это???

с НАСТУПАЮЩИМ ХЭЛлОУИНОМ))

Спасибо, интересная работа.

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

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

Спасибо! не дай бог приснится!

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

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

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее