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

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

Создаем фотоманипуляцию по мотивам «Алисы в Стране Чудес»

2 июня 2014 | Опубликовано в Уроки | 188 Комментариев »

В этом уроке мы будем создавать фотоманипуляцию по мотивам «Алисы в Стране Чудес». Это отличный урок для тех, кому нужно потренироваться в работе с масками. Также в нем много работы по адаптации посторонних элементов к цветовой и световой композиции. Также в этом туториале мы будем рисовать пряди волос и даже глаза.

 

Результат

photo manip alice in wonderland final 469x700 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Исходники

Шаг 1

Давайте начнем. Создайте новый документ (File > New/Файл>Создать или Ctrl+N) размером 900×1341 px.

photo manip alice in wonderland 1 550x458 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 2

Вставьте в документ изображение “Into the rose garden”.

photo manip alice in wonderland 2 550x458 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 3

Выберите в меню Filter > Blur > Gaussian blur/Фильтр>Размытие>Размытие по Гауссу,  укажите радиус размытия в 2,2 px.

photo manip alice in wonderland 3 550x458 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 4

Вставьте в документ изображение “Clouds on a beautiful day 1″. Смените blending mode/режим наложения для этого слоя на Multiply/Умножение.

photo manip alice in wonderland 4 550x458 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 5

Теперь добавьте этому слою маску, выбрав в меню Layer > Layer mask > Reveal all/Слой>Слой-маска>Показать все. Или кликните по показанной ниже иконке.

photo manip alice in wonderland 5 550x458 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 6

Вам нужно стереть нижнюю часть слоя “Clouds on a beautiful day 1″. Вы можете сделать это большой, растушеванной кистью.

photo manip alice in wonderland 6 550x641 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 7

Теперь создайте новый корректирующий слой Vibrance/Вибрация (Layer > New Adjustment Layer > Vibrance/Слой>Новый корректирующий слой>Вибрация). Можете также использовать иконку в палитре Layers/Слои. Настройте корректирующий слой как показано ниже:

photo manip alice in wonderland 7 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 8

Так как картинка получается слишком темной, используйте корректирующий слой Brightness and Contrast/Яркость и контраст (Layer > New Adjustment Layer > Brightness/Contrast/Слой>Новый корректирующий слой>Яркость/Контраст). Настройте его как показано ниже:

photo manip alice in wonderland 8 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 9

Добавьте корректирующий слой Color Balance/Цветовой баланс. Он добавит изображению свежести и весеннего настроения.

photo manip alice in wonderland 9 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 10

Вставьте в документ файл “Flowered garden png”. Разместите его в нижней части документа и не беспокойтесь о пустых местах. Мы о них позаботимся.

photo manip alice in wonderland 10 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 11

Добавьте корректирующий слой Brightness/Contrast / Яркость/Контраст и сделайте из него обтравочную маску (правый клик > Create clipping mask/Создать обтравочную маску). Настройте яркость и контраст как показано ниже.

photo manip alice in wonderland 11 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 12

Вновь добавьте корректирующий слой Vibrance/Вибрация, и также превратите его в обтравочную маску. Настройте вибрации как показано ниже:

photo manip alice in wonderland 12 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 13

Фон почти готов. Создайте новый корректирующий слой Brightness/Contrast /  Яркость/Контраст и настройте его:

photo manip alice in wonderland 13 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 14

Теперь нам нужен источник света. Создайте новый слой (Layer > New > Layer/Слой>Создать>Слой). Возьмите инструмент Brush/Кисть (B), выберите большой размер (в примере 765px), растушеванность, и цвет #f6a313. Нарисуйте им круглое пятно, как показано ниже.

photo manip alice in wonderland 14 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 15

В том же слое кистью уже меньшего размера (245px), цвета #fff200 нарисуйте меньший круг. Если вам покажется, что он слишком мал, дублируйте слой (Layer > Duplicate layer/Слой>Дублировать слой).

photo manip alice in wonderland 15 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 16

Смените blending mode/режим наложения для этого слоя на Screen/Осветление, и opacity/непрозрачность на 58%.

photo manip alice in wonderland 16 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 17

Пришло время модели! Вставьте файл 188 в документ.

photo manip alice in wonderland 17 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 18

Добавьте маску этому слою и сотрите в ней фон.

photo manip alice in wonderland 18 550x376 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 19

Как вы можете заметить, мы оставили кусочек почтового ящика. Сейчас мы это исправим. Создайте новый слой и сделайте из него обтравочную маску (правый клик > Create clipping mask/Создать обтравочную маску). Используйте инструмент Clone Stamp/Клонирующий штамп (S). Выберите большую растушеванную кисть и настройте параметр Aligned Sample/Выравнивание образца на Current and below/Текущий и ниже.

photo manip alice in wonderland 19 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 20

Удерживая alt кликните по месту, с которого хотите скопировать образец. Затем кликните в место, которое вам нужно «закрасить». В нашем случае по ящику.

photo manip alice in wonderland 20 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 21

Создайте новый корректирующий слой Сolor Balance/Баланс цвета. Сделайте его обтравочной маской. Настройте как показано ниже.

photo manip alice in wonderland 21 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 22

Модель выглядит слишком темной. Создайте корректирующий слой Brightness/Contrast / Яркость/Контраст. Сделайте его обтравочной маской. Настройте как показано ниже.

photo manip alice in wonderland 22 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 23

Создайте новый слой-обтравочную маску. Выберите круглую растушеванную кисть желтого цвета. Рисуйте кистью по модели как показано ниже. Стрелки показывают направление света.

photo manip alice in wonderland 23 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 24

Смените режим наложения этого слоя на soft light/мягкий свет.

photo manip alice in wonderland 24 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 25

Теперь поправим волосы. Создайте новый слой, сделайте его обтравочной маской. Выберите небольшую растушеванную кисть цвета #750702. Добавьте красных штрихов на челку. Они не должны быть темнее, чем остальные волосы.

photo manip alice in wonderland 25 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 26

Создайте новый слой — тоже обтравочную маску. Повторите шаг 23 – добавьте модели желтый контур.

photo manip alice in wonderland 26 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 27

Смените opacity/непрозрачность для этого слоя на 37%.

photo manip alice in wonderland 27 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 28

Создайте новый слой-обтравочную маску. Выберите кисть довольно большого размера, растушеванную, цвета #262207. Укажите кисти opacity/непрозрачность в 50% и нарисуйте модели тени, ориентируясь по картинке ниже.

photo manip alice in wonderland 28 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 29

Вновь создайте новый слой-обтравочную маску. Выберите ту же кисть, что и в предыдущем шаге, но смените цвета на #dcbc83. Нарисуйте светлую кожу на правой руке модели.

photo manip alice in wonderland 29 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 30

В новом слое-обтравочной маске нарисуйте маленькие штрихи кистью. Выберите для этого желтый цвет. Рисуйте по волосам и коже. Помните о местонахождении источника света, ориентируйтесь по стрелкам.

photo manip alice in wonderland 30 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 31

Создайте новый слой (Shift + Ctrl +N), выберите инструмент кисть, и настройте его как показано ниже. Нарисуйте кистью прядки волос.

photo manip alice in wonderland 31 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 32

Вставьте в документ файл 281. Поместите этот слой поверх остальных. Выделите носик кролика и скопируйт его на новый (правый клик > Layer via copy/Скопировать на новый слой).

photo manip alice in wonderland 32 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 33

Трансформируйте его как показано ниже. Нам нужно заменить нос девушки на нос кролика. Смените режим наложения (blending mode) на screen/осветление, чтобы было проще попасть.

photo manip alice in wonderland 33 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 34

Создайте маску для этого слоя и сотрите лишнее, как показано ниже:

photo manip alice in wonderland 34 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 35

Создайте новый слой (Shift + Ctrl +N), возьмите инструмент Brush/Кисть. Выберите круглую растушеванную кисть цвета #f26d7d. Нарисуйте кистью пятнышко как показано на картинке ниже.

photo manip alice in wonderland 35 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Смените blending mode/режим наложения для этого слоя на Multiply/Умножение.

photo manip alice in wonderland 36 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 36

В новом слое (Shift + Ctrl +N), возьмите маленькую растушеванную кисть цвета #fff200. Нарисуйте на носу блик света.

photo manip alice in wonderland 37 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 37

Если хотите, вы можете сделать так, что нос сливался с лицом. Создайте новый слой под слоем кроличьего носа. Той же кистью, что в предыдущем шаге, только уже цвета #ecbd7b нарисуйте пятнышко как показано ниже.

photo manip alice in wonderland 38 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 38

Создайте еще один слой под слоем с носом. Выберите инструмент Clone stamp/Клонирующий штамп. Поправьте волосы справа, как показано ниже.

photo manip alice in wonderland 39 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 39

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

photo manip alice in wonderland 40 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 40

Добавим макияжа. Нарисуйте модели стрелки, удлинив глаз. Также удлините ресницы и брови.

photo manip alice in wonderland 41 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 41

В новом слое маленькой кистью белого цвета можете отбелить зубы.

photo manip alice in wonderland 42 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 42

Черной кисточкой нарисуйте кружева вокруг колечка.

photo manip alice in wonderland 43 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 43

Вернемся к фото с кроликом. Вырежьте ухо и вставьте его в документ. Ориентируйтесь по месторасположению уха модели. Добавьте слою маску и скройте лишнее.

photo manip alice in wonderland 44 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 44

Добавьте корректирующий слой Color Balance/Баланс Цвета и сделайте его обтравочной маской (правй клик > Create clipping mask/Создать обтравочную маску). Настройте баланс цвета как показано ниже.

photo manip alice in wonderland 45 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 45

В новом слое (Shift+Ctrl+N) добавьте ушкам меха. Используйте для этого маленькую кисть цвета #e1d2b7.

photo manip alice in wonderland 46 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 46

Снова добавьте новый слой. Используйте большую растушеванную кисть цвета #f26d7d. Нарисуйте румянец. Смените opacity/непрозрачность слоя на 66%.

photo manip alice in wonderland 47 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 47

Создайте новый слой и возьмите растушеванную кисть размером в 1px. Нарисуйте точки, а потом усики.

photo manip alice in wonderland 48 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 48

Поместите кроличье ушко над последним фоновым слоем.

photo manip alice in wonderland 49 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 49

Замаскируйте лишнее.

photo manip alice in wonderland 50 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 50

Добавьте корректирующий слой Color Balance/Баланс цвета. Сделайте его обтравочной маской и настройте как показано ниже.

photo manip alice in wonderland 51 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 51

Создайте новый слой (Shift+Ctrl+N) сделайте его обтравочной маской. Возьмите мягкую растушеванную кисть цвета #fdda07. Добавьте ушку солнечного света.

photo manip alice in wonderland 52 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Смените blending mode/режим наложения для этого слоя на Screen/Осветление.

photo manip alice in wonderland 53 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Затем в новом слое нарисуйте шерстку ушку. Используйте маленькую кисть цвета #fff.

photo manip alice in wonderland 54 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 52

Вставьте изображение карманных часов. Замаскируйте фон.

photo manip alice in wonderland 55 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Добавьте корректирующий слой Brightness/contrast/Яркость/контраст. Сделайте его обтравочной маской. Настройте яркость и контраст как показано ниже.

photo manip alice in wonderland 56 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Добавьте еще один корректирующий слой (обтравочную маску) Brightness/contrast/Яркость/контраст. Настройте как показано ниже.

photo manip alice in wonderland 57 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Укажите ему маску как показано ниже.

photo manip alice in wonderland 58 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Создайте новый корректирующий слой Сolor Balance/Баланс цвета (обтравочную маску). Смените его opacity/непрозрачность на 40%. Настройте как показано ниже.

photo manip alice in wonderland 59 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Добавьте новый корректирующий слой Vibrance/Вибрация (обтравочную маску). Смените blending mode/режим наложения на Screen/Осветление, и opacity/непрозрачность на 49%. Настройте как показано ниже.

photo manip alice in wonderland 60 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 53

Создайте новый слой и маленькой кистью желтого цвета добавьте часам солнечных бликов.

photo manip alice in wonderland 61 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 54

Вставьте в документ изображение lemon tree. Поместите этот слой поверх остальных.

photo manip alice in wonderland 62 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

В меню выберите Filter > Blur > Gaussian blur/Фильтр>Размытие>Размытие по Гауссу. Настройте фильтр так:

photo manip alice in wonderland 63 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 55

Добавьте корректирующий слой Color Balance/Баланс цвета.  Сделайте его обтравочной маской. Смените режим наложения на Screen/Осветление.

photo manip alice in wonderland 64 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Укажите маску корректирующему слою как показано ниже:

photo manip alice in wonderland 65 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Добавьте корректирующий слой Brightness/Contrast/Яркость/Контраст. Сделайте его обтравочной маской, настройте как показано ниже.

photo manip alice in wonderland 66 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 56

Вставьте файл Flare (6) в документ. Смените его blending mode/режим наложения на Screen/Осветление.

photo manip alice in wonderland 67 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Замаскируйте слой с бликом как показано ниже.

photo manip alice in wonderland 68 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Шаг 57

Добавьте корректирующий слой Brightness/Contrast/Яркость/Контраст.

photo manip alice in wonderland 69 550x392 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Добавьте корректирующий слой Color Balance/Баланс цвета.

photo manip alice in wonderland 70 550x377 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Результат

photo manip alice in wonderland final 469x700 Create Photo Manipulation with Alice in Wonderland Theme in Photoshop

Автор урока  Monika Nowakowska

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

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




Комментарии

  1. джукакабубу
    Thumb up Thumb down +9

    Жесть какая, свят, свят, свят!

[an error occurred while processing the directive]


[an error occurred while processing the directive]