Главная » Файлы » Дизайн [ Добавить материал ]

Создаем обои в японском стиле в Фотошоп
03.02.2015, 08:32

Создаем обои в японском стиле в Фотошоп

 

Сегодня мы создадим обои в японском стиле с принцессой в волшебном саду. В этом уроке Фотошоп вы узнаете некоторые интересные приемы извлечения объектов с фона и принципы комбинирования изображений между собой. Чтобы достичь реалистичности и глубины композиции, мы будем работать над правильным освещением и созданием впечатления объема внутри нее.

Предварительный просмотр финального результата:

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 1.

 

Создаем в фотошоп новый документ (File-New или Ctrl+N) размером 2560 x 1440px с белым фоном.

 

Создаем обои в японском стиле в Фотошоп

 

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

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 2.

 

Начнем с создания фона для нашей композиции. Открываем изображение горного пейзажа и вставляем его в наш документ, предварительно выделив (Ctrl+A, Ctrl+C (копировать), Ctrl+V (вставить)).

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 3.

 

В этом шаге мы будем использовать передовой и очень эффективный метод извлечения сложных объектов с фона. Открываем изображение магнолии, и переходим в панель Каналы (Channels), она находится рядом с панелью «Слои»(Layers). Выбираем красный канал (Red), где наиболее сильный контраст между белым и черным цветом.

 

Создаем обои в японском стиле в Фотошоп

 

Переходим в меню Изображение-Вычисления (Image>Calculations) и в диалоговом окне опции в обоих источниках(Source) указываем красный канал (Red) с режимом смешивания Умножение (Multiply). Нажимаем Ок.

 

Создаем обои в японском стиле в Фотошоп

 

Далее, оставим только белый и черный цвет на изображении ветки. Для этого, переходим в меню Изображение-Коррекции-Уровни (Image-Adjustments-Levels) и выполняем настройки со скриншота ниже:

 

Создаем обои в японском стиле в Фотошоп

 

Теперь, создаем выделение только белой области, т.е. самой ветки (меню Выделение-Загрузить выделенную область(Select>Load Selection)). Активируем канал RGB, чтобы вернуть цвет изображению, и возвращаемся в панель «Слои»(Layers). Копируем выделенную веточку на отдельный слой, нажав Ctrl+J. Теперь она вырезана с фона.

Создаем обои в японском стиле в Фотошоп

 

Импортируем ветку магнолии в нашу композицию, предварительно загрузив выделение слоя с ней (Ctrl+клик по иконке данного слоя). Копируем (Ctrl+C), переходим в основной документ и вставляем (Ctrl+V) ветку в левый верхний угол горного пейзажа. Размещаем магнолию в положении, показанном ниже при помощи Трансформирования (Edit-Transform или Ctrl+T). Не беспокойтесь об артефактах (синей тонкой обводке) вокруг ветки, их можно удалить при помощи функции «Уточнить край» (Select-Refine Edge).

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 4.

 

Дублируем слой с цветами (Ctrl+J) и распределяем их по левой стороне холста.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 5.

 

Открываем изображение японской принцессы и извлекаем ее с фона любым удобным для вас способом (например Пером(Pen tool) или Лассо (Lasso Tool)). Выделив, переносим девушку в композицию (Ctrl+C, Ctrl+V).

 

Создаем обои в японском стиле в Фотошоп

 

Размещаем только верхнюю половину девушки в левой части холста ниже слоев с ветками магнолии.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 6.

 

Теперь нам нужно создать деревянную ограду вокруг сада. Открываем изображение перил и извлекаем их с фона при помощи Пера (Pen Tool), как показано ниже. Выделив контур (Ctrl+Enter) нужной части изображения, копируем и вставляем его в работу.

 

Создаем обои в японском стиле в Фотошоп

 

Помещаем перила под слоем с принцессой.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 7.

 

В этом шаге мы создадим красивый город, расположенный на далеком холме. Открываем изображение города из материалов урока и отделяем его от неба. Создаем ощущение перспективы, используя инструмент Трансформирование(Edit-Transform или Ctrl+T) для города. Вставляем город в основную композицию ниже слоя с перилами на поверхность гор заднего плана.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 8.

 

Открываем изображение китайского фонаря. Здесь мы используем удобный способ удаления лишнего объекта (палки) с поверхности нужного нам элемента картины (фонаря), чтобы получилась единая однородная текстура светильника. Разблокируем фон двойным кликом мыши по его миниатюре. Сначала вырезаем фонарь с фона инструментом перо (Pen tool). Выделяем контур (Ctrl+enter), инвертируем выделение (Ctrl+Shift+I) и удаляем лишнее клавишей Delete.

 

Создаем обои в японском стиле в Фотошоп

 

Теперь, используя инструмент Лассо (Lasso Tool(L)), создаем выделение палки на поверхности фонаря. Переходим в меню Редактирование-выполнить заливку (Edit> Fill) и выбираем в разделе «использовать» (Us) вариант «заливка с учетом содержимого» (Content-Aware). Произойдет заполнение области палки близлежащей структурой фонаря.

 

Создаем обои в японском стиле в Фотошоп

 

Создаем обои в японском стиле в Фотошоп

 

Переносим (Move Tool) или копируем (Ctrl+C, Ctrl+V) наш фонарик в основной документ и размещаем его в правом верхнем углу композиции.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 9.

 

Вы, наверное, заметили, что на фонарь свет падает слева, что не соответствует источнику света в нашей композиции (у нас справа). Следовательно, отражаем фонарь по горизонтали (Edit-Transform-Flip Horyzontal), следуя логичному освещению в сцене.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 10.

 

Здесь мы создадим замок на вершине холма. Открываем изображение замка, вставляем его в иллюстрацию ниже слоя с фонарем. Добавляем маску (Layer-Layer Mask-Reveal All) на этот слой, и черной мягкой кистью (Brush) проводим по нижнем краю замка, смешивая его с поверхностью гор.

 

Создаем обои в японском стиле в Фотошоп

 

Используя инструмент Штамп (Stamp Clone tool), удаляем горы за замком, заполняя эту область текстурой неба.

 

Создаем обои в японском стиле в Фотошоп

 

На слое с дворцом переходим в меню Изображение-Коррекции-Уровни (Image> Adjustments> Curves) и придаем ему оттенок гор, выполняя настройки со скриншота.

 

Создаем обои в японском стиле в Фотошоп

 

Поскольку холм находится очень далеко, он как бы подернут дымкой. Замок тоже должен выглядеть нерезко, поэтому добавим ему этот эффект при помощи коррекции Экспозиция (Image-Adjustment-Exposure). Выполняем настройки со скриншота:

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 11.

 

Наше внимание сконцентрировано в основном на принцессе, поэтому остальные элементы композиции должны находиться не в фокусе, т.е. быть размыты. На слое с дворцом применяем Размытие по Гауссу (Filter-Blur-Gaussian blur) c радиусом 0,9 рх.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 12.

 

Город нуждается также в идеальном сочетании с горами. На слое с городом переходим в меню Изображение-Коррекции-Кривые (Image> Adjustments> Curves) и выполняем настройки во всех трех каналах и RGB.

 

Создаем обои в японском стиле в Фотошоп

 

Для города также добавляем эффект отдаленности. Переходим в меню Изображение-Коррекции-Экспозиция(Image>Adjustments>Exposure) и выполняем настройки коррекции.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 13.

 

Обычно высокогорные районы находятся в зоне облаков, поэтому добавим их на изображение города при помощи соответствующих кистей. Загружаем кисти наборов облаков из ресурсов урока через меню Редактирование-Управление наборами-Кисти (Edit-Preset Manager-Brushes). Создаем новый слой (Ctrl+Shift+N) выше слоя с городом и белым цветом рисуем облака поверх него.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 14.

 

Теперь выбираем слой с принцессой и изменяем его оттенок с помощью коррекции Кривые (Image-Adjustment-Curves).

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 15.

 

Выполняем цветокоррекцию для деревянных перил, используя Кривые (Image-Adjustment-Curves).

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 16.

 

Открываем изображение флагов из материалов урока и извлекаем их с фона способом, описанным в шаге 3 при помощи каналов (Channels) и уровней (Levels).

 

Создаем обои в японском стиле в Фотошоп

 

С помощью коррекции Уровни (Image-Adjustment-Levels) мы не достигли полного заполнения флага черным цветом, поэтому выбираем Кисть (Brush) черного цвета и закрашиваем на флаге белые промежутки.

 

Создаем обои в японском стиле в Фотошоп

 

Загружаем выделение флагов (Select-Load Selection), затем инвертируем его (Ctrl+Shift+I) и удаляем (Delete) лишнее:

 

Создаем обои в японском стиле в Фотошоп

 

Создаем обои в японском стиле в Фотошоп

 

После извлечения флагов с фона, вставляем их в иллюстрацию (Ctrl+C, Ctrl+V) ниже слоя с магнолией и отражаем по горизонтали (Edit-Transform-Flip Horizontal), чтобы соотнести с источником света в сцене.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 17.

 

Как вы знаете, национальный китайский колорит – красный, поэтому изменим цвет флага, чтобы он соответствовал теме композиции. На слое с флагом переходим в меню Изображение-Коррекции-Цветовой тон/Насыщенность (Image> Adjustments> Hue / Saturation) и активируем флажок опции Тонирование (Colorize). Увеличиваем насыщенность и яркость, выполняя настройки.

 

Создаем обои в японском стиле в Фотошоп

 

Теперь создадим эффект движения краев флага, размыв их немного. Выбираем инструмент Лассо (Lasso Tool (L)) в режиме «добавление к области выделения» (вторая иконка в верхнем меню). На слое с флагом выделяем части справа от девушки. С выделение переходим в меню Фильтр-Размытие-Размытие в движении (Filter> Blur> Motion Blur) и устанавливаем смещение (Distance) на 17 рх c углом (Angle) 0°, чтобы получить развевающиеся края.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 18.

 

Открываем изображение зеленых ветвей и извлекаем их с фона способом, указанном в шаге 3. Вставляем ветви в нашу работу поверх фонаря и принцессы.

 

Создаем обои в японском стиле в Фотошоп

 

Предположим, что наши зеленые веточки находятся ближе всех объектов к нам. Для создания эффекта глубины пространства внутри композиции, мы размоем немного ветви слева при помощи фильтра «Размытие по Гауссу» (Filter-Blur-Gaussian Blur) с радиусом 2,9 рх.

 

Создаем обои в японском стиле в Фотошоп

 

Для ветвей поверх фонаря мы тоже применим «Размытие по Гауссу», но сделаем эти ветви немного дальше предыдущих в плане перспективы. Устанавливаем радиус размытия на 1,1 рх (Filter-Blur-Gaussian Blur).

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 19.

 

Так как источник света находится справа в иллюстрации, то зеленые ветви должны отбрасывать тень на поверхность фонаря. Создадим тень от ветвей. Дублируем слой с ветвями на фонаре (Ctrl+J) и на дубликате переходим в меню Изображение-Коррекции-Уровни (Image-Adjustment-Levels). Выполняем настройки опции, чтобы получить черный силуэт ветвей (тень).

 

Создаем обои в японском стиле в Фотошоп

 

Помещаем слой с тенью под слой с ветвями и сдвигаем его немного вниз инструментом Перемещение (Move Tool), следуя углу солнечного света. Нам нужна тень только поверх фонаря, а лишнюю тень за его пределами мы удалим. Для этого загружаем выделение слоя с фонарем (Ctrl+клик по иконке данного слоя), инвертируем выделение (Ctrl+Shift+I) и на слое с тенью нажимаем Delete, удалив лишнее.

 

Создаем обои в японском стиле в Фотошоп

 

Обычно тени объектов, находящихся в воздухе не имеют острых краев и высокую непрозрачность. Они легки и слегка размыты. Применяем к слою с тенью фильтр Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 2,6 рх, затем снижаем непрозрачность (Opacity) этого слоя о 17%.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 20.

 

Теперь, чтобы создать впечатление, что принцесса стоит в глубине сцены, мы разместим на переднем плане белые цветы вишни и края зеленого листа. Открываем изображения цветков вишни и листьев из материалов урока и вставляем их в иллюстрацию (Ctrl+C, Ctrl+V) поверх всех предыдущих слоев. Размещаем цветы в левом нижнем углу, а лист внизу справа. Применяем к цветам Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 4 рх, а к листьям 8,8 рх, создавая ощущения нахождения их прямо перед нами.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 21.

 

Какой же королевский сад без фонтана? Дополним иллюстрацию им. Открываем изображение фонтана и извлекаем с фона только его часть любым способом (например, Пером (Pen Tool)). Выделив, переносим фонтан в нашу работу и размещаем справа внизу под слоем с листьями.

 

Создаем обои в японском стиле в Фотошоп

 

Загружаем в фотошоп водные кисти 1,2,3 из ресурсов урока через меню Редактирование-Управление наборами-Кисти(Edit-Preset Manager-Brushes) и белым цветом создаем струи воды поверх фонтана и стекающие вниз.

 

Создаем обои в японском стиле в Фотошоп

 

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

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 22.

 

Устанавливаем белый цвет для переднего плана и загружаем кисти солнечных лучей. Рисуем лучи поверх принцессы.

 

Создаем обои в японском стиле в Фотошоп

 

Далее, создаем новый слой (Ctrl+Shift+N) между слоем с фонарем и зелеными ветвями на нем. Добавляем снова солнечные лучи на поверхность фонаря.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 23.

 

Загружаем кисти с птицами в фотошоп и создаем новый слой (Ctrl+Shift+N) выше слоя с пейзажем. Используем для рисования птиц вдалеке цвет # c4c5cc.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 24.

 

Как видите, волосы принцессы выглядят не совсем натурально, как парик. Для придания реалистичности волосам используем кисти волос из материалов урока и дополняем прическу девушки прядями.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 25.

 

В этом шаге мы займемся созданием летающих холмов, как предполагалось в эскизе. Открываем изображения Эльбруса 1,2 и инструментом Лассо (Lasso Tool(L)) выделяем только вершины, как показано ниже.

 

Образуем из двух частей один летающий холм, корректируем его форму при помощи Трансформирования (Ctrl+T), затем объединяем два слоя с вырезанными частями (Ctrl+E) в один.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 26.

 

Переносим холм в композицию (Move Tool) и размещаем его слева под слоем с флагом.

 

Создаем обои в японском стиле в Фотошоп

 

На слое с холмом применяем коррекцию Кривые (Image-Adjustment-Curves), чтобы придать ему розовый оттенок композиции.

 

Создаем обои в японском стиле в Фотошоп

 

Поскольку солнечный свет падает справа на объекты композиции, добавляем его и на правую сторону холма. Закрашиваем ее Кистью (Brush) светлого оттенка.

 

Создаем обои в японском стиле в Фотошоп

 

Далее, рисуем корни, свисающие с холма. Инструментом Лассо (Lasso Tool) в режиме «добавление к области выделения»(вторая иконка в верхнем меню) создаем контуры корней. Затем, заливаем (Shift+F5 или Edit-Fill) выделения цветом #d4c2cd.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 27.

 

Теперь на вершине холма разместим храм. Открываем его изображение и извлекаем верхнюю половину храма с фона. Вставляем храм в иллюстрацию (Ctrl+C, Ctrl+V) и размещаем его на вершине летящего холма.

 

Создаем обои в японском стиле в Фотошоп

 

Создаем обои в японском стиле в Фотошоп

 

Объединим в одном цветовом оттенке храм и летающий холм. Для этого, загружаем выделение слоя с храмом (Ctrl+клик по иконке данного слоя) и заполняем выделение цветом #6dce2.

 

Создаем обои в японском стиле в Фотошоп

 

Размоем немного летающий холм с корнями при помощи фильтра Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 1,4 рх.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 28.

 

Создаем вдалеке еще один летающий холм, дублировав оригинал холма с корнями и храмом. Сначала дублируем слои холма, корней и храма (Ctrl+J), затем объединяем эти слои в группу, предварительно выделив их в панели слоев(Ctrl+клик по миниатюрам слоев, затем Ctrl+G) и перемещаем группу (Move Tool) вправо. Уменьшаем размер второго холма при помощи Трансформирования (Ctrl+T).

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 29.

 

Создаем новый слой (Ctrl+Shift+N) выше слоя с горным пейзажем и загружаем в работу кисти планет из материалов урока (Edit-Preset Manager-Brushes). Выбираем кисти из набора и белым цветом рисуем планеты на заднем плане композиции.

 

Шаг 30.

 

В этом шаге мы создадим баннер с иероглифами в верхней части композиции. Открываем в фотошоп изображение баннера и извлекаем его с фона Пером (Pen Tool). Выделив контур (Ctrl+Enter), копируем (Ctrl+C), затем вставляем (Ctrl+V)баннер в иллюстрацию под слоем с солнечными лучами.

 

Создаем обои в японском стиле в Фотошоп

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 31.

 

Наш баннер должен на чем-то крепиться. Добавим в качестве крепления веревку с узлом. Открываем изображение веревки и извлекаем ее с фона инструментом Волшебная палочка (Magic Wand Tool). Переносим веревку в основной документ и прикрепляем ее узлом к левому нижнему углу баннера.

Разворачиваем веревку при помощи Трансформирования (Edit-Transform или Ctrl+T). Размещаем этот слой под слоем с солнечными лучами.

 

Создаем обои в японском стиле в Фотошоп

 

Создаем обои в японском стиле в Фотошоп

 

Добавляем к веревке Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 1,4 рх.

 

Создаем обои в японском стиле в Фотошоп

 

Шаг 32.

 

Далее, нарисуем вокруг летающих холмов облака. Загружаем в фотошоп кисти облаков (Edit-Preset Manager-Brushes) и белым цветом на отдельном слое выше слоев с холмами создаем облака.

 

Создаем обои в японском стиле в Фотошоп

 

На этом мы заканчиваем! Вот так выглядит наш финальный результат. Довольно впечатляюще!

 

Создаем обои в японском стиле в Фотошоп

 

Используемые материалы:


Горный ландшафт
Девушка-японка
Деревянные перила
Китайский фонарь 
Магнолия
Кисти птиц
Флаг
Кисти планет
Зеленый лист
Кисти солнечных лучей
Кисти облаков
Кисти облаков 2
Город
Замок на море
Ветви дерева
Кисти волос
Эльбрус
Эльбрус 2
Цветы вишни
Фонтан
Водные кисти 1
Водные кисти 2
Водные кисти 3
Кисти растений
Храм
Баннер
Канат
Категория: Дизайн | Добавил: Льоша | Теги: обои, в Фотошоп, Создаем, в японском, стиле
Просмотров: 1983 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0