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

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

Этапы урока

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

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

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

Шаг 1

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

2-8452788

Шаг 2

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

3-4884576

Шаг 3

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

4-2387835

Шаг 4

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

5-7957296

Шаг 5

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

6-4978982

Шаг 6

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

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

7-7920123

Шаг 7

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

8-4633193

Шаг 8

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

9-1214406

Шаг 9

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

10-2970659

Шаг 10

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

11-5027962

Шаг 11

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

12-3525125

Шаг 12

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

13-5135390

Шаг 13

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

14-9549263

Шаг 14

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

15-1727897

Шаг 15

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

16-1721858

Шаг 16

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

17-5070528

Шаг 17

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

18-8205867

Шаг 18

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

19-5293881

Шаг 19

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

20-6589734

Шаг 20

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

21-8444199

Шаг 21

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

22-9909338

Шаг 22

Итак, мы завершили работу с книгой, пришло время добавить актёров к нашей маленькой сцене. Давайте начнём с короля всех животных – льва. Откройте исходное изображение “Лев”. С помощью инструмента Волшебная палочка magic-8942100

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

23-5070001

Шаг 23

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

24-1417146

Шаг 24

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

25-8826377

Шаг 25

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

26-4923460

Шаг 26

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

27-7062375

Шаг 27

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

28-1550441

Шаг 28

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

29-2328689

Шаг 29

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

30-9046274

Шаг 30

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

31-8135182

Шаг 31

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

32-9403910

Шаг 32

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

33-9367329

Шаг 33

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

34-5849838

Шаг 34

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

35-3391330

Шаг 35

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

36-3559775

Шаг 36

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

37-5093952

Шаг 37

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

38-3101948

Шаг 38

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

39-9615499

Шаг 39

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

40-8523079

Шаг 40

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

41-6973000

Шаг 41

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

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

42-1711870

Шаг 42

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

43-4877282

Шаг 43

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

44-8714082

Шаг 44

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

45-3660420

Шаг 45

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

46-2120394

Шаг 46

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

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

47-1445460

Шаг 47

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

48-5576766

Шаг 48

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

49-7715597

Шаг 49

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

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

50-1277485

Шаг 50

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

51-5099379

Шаг 51

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

52-9865575

Шаг 52

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

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

53-2332634

Шаг 53

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

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

54-3526504

Шаг 54

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

55-5687581

Шаг 55

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

56-2578173

Шаг 56

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

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

57-4694795

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

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

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

58-1838107

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

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

Автор: Johan Sandu

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

photoshop4you