На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 10863
Средней сложности Размещено: 28.06.2011 г.

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


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

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


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


Шаг 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
Кисти растений
Храм
Баннер
Канат

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Santhosh Koneru/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 25




Рейтинг популярности: 2.9/5 (Всего оценок: 39)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей



В галерею
29.06.2011 29.06.2011  servagln

Спасибо Вам огромное за красивый урок !! Это моя самая любимая тема !! СУПЕР !! И СУПЕР ВЫ !!


В галерею
28.06.2011 28.06.2011  мандаринка

Ничего себе! Обязательно сделаю!