Создаём волшебную книгу в Photoshop

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

Этапы урока

Мы создадим насыщенную цветом волшебную сцену. Для выполнения данного урока вам понадобится программа Photoshop CS3 или выше.

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

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

Шаг 1

Откройте исходное изображение с задним фоном. Это будет наша основа, на которой мы создадим нашу сцену. Дважды щёлкните по слою с задним фоном и в появившемся окне, нажмите кнопку ОК, чтобы разблокировать его. Далее, щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert To Smart Object).

Шаг 2

Загрузите все кисти, которые указаны вначале этого урока (вы можете загрузить кисти либо щёлкнув по файлу .abr или идём Редактирование – Наборы – Управление наборами (Edit > Preset > Preset Manager) и далее нажмите кнопку загрузить кисти (load brush). Создайте новый слой (Ctrl + Shift + Alt + N) и с помощью кисти Облака, нарисуйте облако в центре нашей сцены.

Шаг 3

Создайте новый слой, выберите стандартную мягкую круглую кисть, установите размер кисти 400px, цвет кисти белый. Щёлкните кистью один раз поверх облака, чтобы создать эффект свечения. Уменьшите непрозрачность (opacity) данного слоя до 76%.

Шаг 4

Создайте новый слой, выберите кисть Солнце. Нарисуйте маленькое солнце белого цвета поверх облака. Уменьшите непрозрачность (opacity) данного слоя с солнцем до 43%.

Шаг 5

Выберите кисть Боке из набора кистей световые эффекты. Создайте два новых слоя. На новых слоях, создайте Боке / романтический эффект по краям нашей сцены. Поменяйте режим наложения для слоёв на Линейный осветлитель (Linear Dodge), а также уменьшите непрозрачность слоя, если эффект будет слишком насыщенным.

Шаг 6

Создайте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), в окне настроек, увеличьте значение Цветового тона (hue) до +38. Далее, перейдите на маску данного корректирующего слоя, чтобы залить маску чёрным цветом (нажмите клавишу ‘D’, чтобы выставить цвета по умолчанию, а затем нажмите клавиши (Ctrl + Backspace), чтобы залить маску чёрным цветом). Выберите стандартную мягкую круглую кисть, размер кисти 300px., цвет кисти белый. Находясь на маске (в палитре слоёв маска расположена рядом с миниатюрой слоя, маска будет чёрного цвета), с помощью мягкой кисти, щёлкните один раз в центре сцены поверх облака, чтобы восстановить эффект корректирующего слоя.

Примечание переводчика: 1. создайте корректирующий слой Цветовой тон / Насыщенность(Hue/Saturation) поверх всех остальных слоёв 2. автор сгруппировал все слои, которые были созданы на данный момент, в одну группу. Новую группу, автор назвал “Задний фон”.

Шаг 7

Откройте исходное изображение “Остров”. Выделите всё изображение (Ctrl+A), скопируйте его (Ctrl+C). Возвращаемся на наш рабочий документ и вклеиваем (Ctrl+V) выделенное изображение острова.  С помощью инструмента Свободная трансформация (Free Transform (Ctrl + T), примените масштабирование, а затем расположите остров, как показано на скриншоте ниже.

Шаг 8

К слою с островом, добавьте слой-маску, идём Слой- Слой-маска- Показать всё ( Layer > Layer Mask > Reveal All). Теперь, с помощью стандартной кисти мел (chalk), скройте нижнюю часть острова (с помощью чёрной кисти, вы можете скрыть изображение на слой-маске, а с помощью белой кисти, восстановить скрытое изображение).

Шаг 9

Откройте исходное изображение “Цепи”. Выделите цепи, которые вам понравились, далее, скопируйте / вклейте выделенные цепи на наш рабочий документ (щёлкните по слою с понравившейся цепью, нажмите клавиши (Ctrl+A), чтобы выделить изображение, затем нажмите (Ctrl+C), чтобы скопировать и (Ctrl+V), чтобы вклеить на наш рабочий документ). Щёлкните правой кнопкой мыши по слою с цепями и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert To Smart Object). Проведите преобразование в смарт-объект со всеми добавленными слоями с изображениями (смарт-объекты помогут вам сохранить информацию о пикселях после бесконечного числа масштабирования и трансформаций). С помощью слой-масок, скройте верхние участки цепей.

Шаг 10

Откройте исходное изображение “Книга”. С помощью инструмента Перо (Pen Tool), создайте контур вокруг изображение книги. Как только вы создали контур, нажмите клавиши (Ctrl+Enter), чтобы преобразовать контур в активное выделение. Скопируйте / вклейте выделенное изображение книги на наш рабочий документ, расположив книгу на острове. Не забудьте преобразовать слой с книгой в смарт-объект.

Шаг 11

Создайте новый слой, расположите данный слой ниже слоя с книгой. С помощью стандартной мягкой кисти чёрного цвета, нарисуйте тени. Поменяйте режим наложения для данного слоя на Умножение(Multiply).

Шаг 12

Создайте новый корректирующий слой Кривые (Curves), идём Слой- Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves). Установите кривую, как показано на скриншоте ниже для затемнения и усиления контраста. Далее, удерживая клавишу (Alt) + щёлкните между корректирующим слоем Кривые (curves) и слоем с книгой – чтобы преобразовать корректирующий слой Кривые (curves) в обтравочную маску к слою с книгой. Создание обтравочной маски означает, что верхний слой будет виден только через пиксели нижнего слоя– в данном случае, корректирующий слой будет воздействовать только на нижний слой, т.е. слой с книгой.

Шаг 13

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), идём Слой— Новый корректирующий слой – Цветовой тон / Насыщенность ( Layer > New Adjustment Layer > Hue/Saturation) и в окне настроек, уменьшите значение Насыщенности (saturation) до -68. Теперь, преобразуйте данный корректирующий слой в обтравочную маску к корректирующему слою Кривые(curves), который мы создали в Шаге 12. В данном случае, коррекция корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation) будет воздействовать только на слой с книгой (потому что слой с книгой является самым нижним слоем).

Шаг 14

Создайте ещё один корректирующий слой Кривые (Curves) в качестве обтравочной маски  к слою с книгой. Установите кривую, как показано на скриншоте ниже для осветления книги и дальнейшего усиления контраста.

Шаг 15

Создайте ещё один корректирующий слой Кривые (Curves). Немного потяните кривую верх, чтобы немного осветлить книгу. Как вы видите, я создаю много корректирующих слоёв с кривыми вместо одного единственного корректирующего слоя, а причина в том, что это даст мне свободу действий, когда дело дойдёт до эффектов. Если в дальнейших шагах я решу, что мне не нравится какой-то эффект, который был применён к слою с книгой, то я могу удалить соответствующий корректирующий слой, который использовался в качестве обтравочной маски к слою с книгой.

Шаг 16

Откройте исходное изображение “Трава”.  С помощью инструмента Прямоугольная область (Rectangular Marquee Tool), выделите траву. Скопируйте / вклейте выделенное изображение травы на наш рабочий документ. Преобразуйте слой с травой в смарт-объект. С помощью инструментаСвободная трансформация (Free Transform (Ctrl + T), примените масштабирование, а затем расположите траву поверх правой страницы книги.

Шаг 17

С помощью инструмента Перо (pen tool), создайте контур вокруг верхних страниц книги. Нажмите клавиши (Ctrl+Enter), чтобы преобразовать контур в активное выделение. К слою с травой добавьте слой-маску, идём Слой- Слой-маска- Скрыть всё (Layer > Layer Mask > Hide All) и нажмите клавишу ‘D’, чтобы выставить цвета по умолчанию – вы обратите внимание, что трава исчезла. Щёлкните один раз по слой-маске, чтобы она стала активной, а затем нажмите клавиши (Alt+Backspace), чтобы залить выделенную область белым цветом, таким образом, трава будет видна только через верхние страницы книги.

Шаг 18

Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение. Далее, выберите кисть Трава, которые вы скачали. Щёлкните по слой-маске, чтобы убедиться, что она активна, далее, прокрасьте белой кистью Трава вдоль кромки страниц. Таким образом, мы скроем жёсткие линии на слой-маске и создадим ощущение, что трава прорастает из страницы.

Шаг 19

Повторите Шаги с 16 по 18 для левой страницы книги.

Шаг 20

Создайте новый слой (или два новых слоя). Нарисуйте чёрную вертикальную линию вдоль средней части книги с помощью стандартной круглой мягкой кисти. Уменьшите непрозрачность слоя (слоёв) до 60-70%, а также уменьшите режим наложения на Умножение (Multiply).

Шаг 21

Теперь, давайте добавим объёма и небольшого затенения к нашей книге. Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay). Выберите стандартную круглую мягкую кисть с низкой непрозрачностью 10%. Прокрасьте белым и чёрным цветом поверх участков, которые указаны на скриншоте ниже (белой кистью выделите участок, а чёрной кистью, наоборот приглушите участок книги).

Шаг 22

Итак, мы завершили работу с книгой, пришло время добавить актёров к нашей маленькой сцене. Давайте начнём с короля всех животных – льва. Откройте исходное изображение “Лев”. С помощью инструмента Волшебная палочка (Magic Wand Tool) или Перо (Pen Tool), создайте выделение вокруг изображения льва. Скопируйте / вклейте выделенное изображение льва на наш рабочий документ, расположив льва, как показано на скриншоте ниже. Я расположил льва возле кромки книги, а не в центре, потому что, таким образом, я усилю эффект 3d – картина будет выглядеть так, как будто лев появился из книги.

Примечание переводчика: 1. вы можете сгруппировать все слои, относящиеся к книге в одну группу. Назовите новую группу “Книга” 2. то же самое вы можете проделать со всеми объектами или персонажами, которые вы добавите к нашей сцене.

Шаг 23

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

Шаг 24

Создайте новый корректирующий слой Карта градиента (Gradient Map), поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). Преобразуйте данный корректирующий слой в обтравочную маску к слою со львом. С помощью карты градиента, мы усилим контраст изображения льва, а также немного затемним его.

Шаг 25

Далее, добавьте новый корректирующий слой Яркость / Контрастность (Brightness/Contrast) для усиления контрастности и насыщенности изображения. Установите значения, которые указаны на скриншоте ниже. Преобразуйте данный корректирующий слой в обтравочную маску к слою со львом. Сгруппируйте все слои, относящиеся ко льву, а также обтравочные слои (удерживая клавишу (Ctrl)+щёлкните по каждому слою, чтобы выделить их – как только вы выделили слои, нажмите клавиши (Ctrl+G), чтобы сгруппировать выделенные слои), таким образом, палитра слоёв будет выглядеть аккуратно и вам будет легче ориентироваться.

Шаг 26

Откройте исходное изображение “Оленёнок”. С помощью инструмента Перо (Pen Tool), создайте контур вокруг изображения оленёнка. Преобразуйте контур в активное выделение, скопируйте / вклейте выделенное изображение оленёнка на наш рабочий документ, расположив, как показано на скриншоте ниже. Используя приём, о котором я рассказал в Шаге 23, совместите оленёнка с травой.

Шаг 27

Далее, добавьте новый корректирующий слой Кривые (Curves) в качестве обтравочной маски к слою с оленёнком. Установите кривую, как показано на скриншоте ниже. С помощью кривой, мы изменим цветовой тон изображения оленёнка, чтобы совместить его со всей сценой.

Шаг 28

Теперь, добавьте корректирующий слой Яркость \ Контрастность (Brightness/Contrast) в качестве обтравочной маски к слою с оленёнком. Установите настройки, которые указаны на скриншоте ниже.

Шаг 29

Оленёнок выглядит ненастоящим без тени. Давайте добавим тени. Вначале создайте новый слой, расположите новый слой ниже слоя с оленёнком. Поменяйте режим наложения для данного слоя наУмножение (Multiply), а также уменьшите непрозрачность слоя до 48%. С помощью мягкой кисти чёрного цвета, нарисуйте тени, как показано на скриншоте ниже.

Шаг 30

Теперь, давайте добавим большого оленя. Откройте исходное изображение с оленем, скопируйте / вклейте изображение оленя на наш рабочий документ. Расположите оленя, как показано на скриншоте ниже. Примените приём из Шага 23, чтобы совместить копыта оленя с травой. Добавьте тени на новом слое, режим наложения для слоя с тенью Умножение (Multiply). Расположите слой с тенью ниже слоя с оленем.

Шаг 31

Далее, добавьте новый корректирующий слой Кривые (Curves) и Яркость / Контрастность(Brightness/Contrast) в качестве обтравочной маски к слою с оленем. Примените настройки, которые указаны на скриншоте ниже для цветовой коррекции оленя и усиления насыщенности цвета.

Шаг 32

Откройте исходное изображение с птицами. Скопируйте / вклейте птиц на наш рабочий документ. Расположите птиц над книгой. Не забудьте преобразовать слой с птицами в смарт-объект.

Шаг 33

Откройте исходное изображение “Дерево”.  Скопируйте / вклейте дерево на наш рабочий документ, расположите дерево перед львом. Примените приём из Шага 23, чтобы совместить дерево с травой. Добавьте тени на новом слое, расположив слой с тенью ниже слоя с деревом.

Шаг 34

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою с деревом. Увеличьте значение Цветового тона (hue) до +21, чтобы сделать цветовой тон дерева более зелёным.

Шаг 35

Откройте исходное изображение “Модель”.  С помощью инструмента Перо (Pen Tool), создайте контур вокруг изображение модели. Создайте активное выделение. Скопируйте / вклейте выделенное изображение модели на наш рабочий документ. Расположите модель на краю книги. Нарисуйте тени на новом слое. Расположите слой с тенью ниже слоя с моделью.

Шаг 36

Создайте новый слой поверх слоя с моделью, поменяйте режим для данного слоя на Перекрытие(Overlay). Преобразуйте данный слой в обтравочную маску к слою моделью. Далее, с помощью мягкой круглой кисти с низкой непрозрачностью 20%, цвет кисти белый, аккуратно прокрасьте участки, которые обозначены на скриншоте ниже, чтобы добавить модели немного объёма.

Шаг 37

Рыжие волосы немного отвлекают внимание, поэтому, на мой взгляд, будет лучше, если мы поменяем цвет волос на чёрный. Создайте новый корректирующий слой Цветовой тон / Насыщенность(Hue/Saturation) в качестве обтравочной маски к слою с моделью. Залейте маску данного корректирующего слоя чёрным цветом (вначале щёлкните по маске, далее, нажмите клавишу ‘D’, а затем нажмите клавиши (Ctrl+Backspace). Уменьшите значение Насыщенности (saturation) до -78 и с помощью мягкой круглой кисти, прокрасьте поверх волос модели, чтобы восстановить эффект корректирующего слоя.

Шаг 38

Наша картина должна напоминать библейскую сцену и мужчина, сидящий на книге должен напоминать Адама. Давайте добавим вьющееся растение, напоминающее известный лист. Откройте исходное изображение “Вьющееся растение“. Скопируйте / вклейте растение на наш рабочий документ. Расположите вьющееся растение, как показано на скриншоте ниже. К слою с вьющимся растением, добавьте слой-маску, чтобы удалить лишние листья.

Шаг 39

К слою с вьющимся растением, добавьте стиль слоя Тень (drop shadow) для этого, щёлкните правой кнопкой мыши по слою с вьющимся растением и в появившемся окне, выберите опцию Параметры наложения (Blending Options).

Шаг 40

Продублируйте слой с вьющимся растением (Ctrl + J), немного поверните дубликат слоя. У дубликата слоя отключите эффект Тень (drop shadow), для этого, щёлкните по глазку рядом с надписью Эффекты(Effects). Расположите данный дубликат слоя поверх оригинального слоя с вьющимся растением для добавления небольшого разнообразия.

Шаг 41

Итак, мы завершили размещение основных элементов, теперь давайте добавим эффекты и дополнительные элементы.

Создайте новый слой, добавьте белое облако над книгой с помощью кисти Облака.

Шаг 42

Откройте исходное изображение “Радуга”. Скопируйте / вклейте изображение радуги на наш рабочий документ. Поменяйте режим наложения для слоя с радугой на Линейный осветлитель (Linear Dodge) и с помощью слой-маски, скройте жёсткие края. Уменьшите непрозрачность слоя до 44%.

Шаг 43

Создайте новый слой, залейте его чёрным цветом (Shift + F5). Далее, идём Фильтр – Рендеринг – Блик(Filter > Render > Lens Flare), выберите тип объектива (105 mm Prime). Поменяйте режим наложения для слоя с бликом на Осветление (screen) и с помощью слой-маски, ослабьте эффект, если он получился слишком ярким.

 

Шаг 44

Откройте текстуру “Снега”. Выделите всё изображение, а затем скопируйте (Ctrl+A), (Ctrl+C). Вклейте текстуру на наш рабочий документ, поменяйте режим наложения для слоя с текстурой Снега наОсветление (Screen). Уменьшите непрозрачность слоя до 17% и с помощью слой-маски, скройте центральную часть текстуры со снежинками.

Шаг 45

Откройте текстуру “Боке”. Выделите текстуру, скопируйте / вклейте текстуру на наш рабочий документ. Поменяйте режим наложения для слоя с текстурой Боке на Мягкий свет (Soft Light), а затем уменьшите непрозрачность слоя до 47%. С помощью слой-маски, также скройте центральную часть текстуры.

Шаг 46

Далее, с помощью инструмента Прямоугольная область (Rectangular Marquee Tool), создайте достаточно узкий и вытянутый прямоугольник. Залейте выделенную область белым цветом, повернув прямоугольник, как показано на скриншоте ниже. Отмените активное выделение (Ctrl+D), а затем примените фильтр Размытие по Гауссу (Gaussian Blur), идём Фильтр – размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 2рх.

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

Шаг 47

Поменяйте режим наложения для слоя с белым прямоугольником на Мягкий свет (Soft Light), а затем уменьшите непрозрачность слоя до 11%. Продублируйте слой с прямоугольником пару раз (Ctrl + J), немного сместите дубликаты слоёв вправо или влево.

Шаг 48

Создайте новый слой, выберите стандартную мягкую круглую кисть, размер кисти 2px, непрозрачность кисти 30%, цвет кисти белый. С помощью кисти, прокрасьте контуры, добавив световые блики на участки, которые указаны на скриншоте ниже. Дважды щёлкните по слою, чтобы применить стиль слояВнешнее свечение (outer glow).

Шаг 49

Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay). С помощью мягкой круглой кисти непрозрачностью 30%, размер кисти 400px, щёлкните кистью один раз или два раза в центре нашей сцены. Таким образом, мы сфокусируем внимание наблюдателя в центре нашей картины.

Примечание переводчика: автор не указал цвет кисти, попробуйте белый цвет кисти или любой светлый тон на свой выбор.
 

 

Шаг 50

Ещё раз выберите мягкую круглую кисть, уменьшите непрозрачность кисти до 20%, установите грязно-жёлтый цвет кисти (#a7b01d). Создайте новый слой, поменяйте режим наложения для данного слоя наПерекрытие (Overlay). Прокрасьте участки, которые обозначены на скриншоте ниже, чтобы добавить разнообразие оттенков к нашей сцене.

Шаг 51

Откройте исходное изображение с туманностью. Выделите всё изображение, скопируйте / вклейте выделенную текстуру туманности на наш рабочий документ. Поменяйте режим наложения для слоя с туманностью на Осветление основы (Color Dodge), а также уменьшите непрозрачность слоя до 60%. С помощью слой-маски, скройте туманность в центре изображения.

Шаг 52

Далее, с помощью кисти Луна, нарисуйте Луну рядом с деревом. Поменяйте режим наложения наОсветление основы (Color Dodge).

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

Шаг 53

Создайте корректирующий слой Кривые (Curves). Установите кривую, как показано на скриншоте ниже. С помощью данного корректирующего слоя мы усилим контраст, а также затемним нашу сцену.

Примечание переводчика: создайте данный корректирующий слой поверх всех остальных слоёв.
 

 

Шаг 54

Далее, добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast). Увеличьте значение Контрастности (contrast) до 24.

Шаг 55

Создайте объединённый слой из всех видимых слоёв (Ctrl + Shift + Alt + E). К объединённому слою, примените фильтр Контурная резкость (Unsharp Mask), идём Фильтр – Резкость – Контурная резкость (Filter > Sharpen > Unsharp Mask).

Шаг 56

Ещё раз создайте объединённый слой из всех видимых слоёв, только на этот раз, примените фильтрРазмытие по Гауссу (Gaussian Blur), радиус размытия 15px. Поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите непрозрачность слоя до 53%. С помощью слой-маски, скройте эффект размытия в нижней части сцены.

Как вы  видите, размытие и изменения режима наложения на Мягкий свет (Soft Light) или Перекрытие(Overlay) создаёт очень мягкий эффект свечения, что идеально подходит для данной небесной сцены.

И мы завершили урок!

Итоговый результат вы можете увидеть на скриншоте ниже. Надеюсь, что вы отлично провели время и узнали сегодня что-то полезное.

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

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

Ссылка на PSD файл урока

Автор: Johan Sandu

Переводчик: Садыгалиев Марат

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