разработка сайтов

Лягушка в арктических льдах

Вот что у нас получится, по крайней мере должно получиться в итоге.

арктическая лягушка

Фотошоп – это великолепный инструмент для создания сцен, которые не существуют в реальности. В сегодняшнем уроке мы скомпонуем несколько изображений и эффектов и создадим эту ненастоящую, но вполне живую арктическую лягушку. Как видите, друзьям лягушки повезло меньше и они надолго останутся во льду на заднем плане. К сожалению её завтрак тоже заледенел :) Ну, приступим!

Ресурсы

Для урока вам понадобятся следующие изображения. Но если хотите можете воспользоваться и своими, похожими.

Шаг 1

Открываем в Photoshop первую текстуру льда.

Шаг 2

Создаем корректирующие слои (adjustment layers) для слоя со льдом, для этого нажмите кнопку в нижней части палитры слоев, выбираем Тон/Насыщенность (Hue/Saturation) и Уровни (Levels). Корректирующие слои позволят вам менять настройки не затрагивая основной слой. Для того, чтобы коррекция применялась только к нужному нам слою (в данном случае это слой текстуры со льдом), создаем обтравочную маску (clipping mask). Выделяем корректирующие слои, затем щелкаем правой кнопкой мыши, жмем Создать обтравочную маску (Create Clipping Mask). Настройки слоев смотрите на скриншоте ниже.

Шаг 3

Создаем группу для текстуры и её корректирующих слоев, затем дублируем группу. Для того, чтобы сгруппировать несколько слоев, выделяем их и жмем на маленькую папку в нижней части палитры слоев. Объединяем (Merge) продублированную группу. К получившемуся слою применяем фильтр Filter > Blur > Surface Blur.

Шаг 4

Ставим на слой с размытием режим наложения (blending mode) – Screen и уменьшаем прозрачность (Opacity) до 90%. Добавляем маску слоя (Layer Mask) и коснемся её большой мягкой кистью в правой части изображения. Чтобы сделать такую овальную кисть, измените настройки в палитре кистей на те, которые указаны ниже.

Шаг 5

Добавляем корректирующий слой – Уровни, создаем обтравочную маску для него и делаем размытый слой светлее, используя следующие настройки:

Шаг 6

Вставляем другую ледяную текстуру Menu > File > Insert. Затем идем Редактирование > Трансформация > Отобразить вертикально и Отобразить горизонтально (Edit > Transform > Flip Vertical and Flip Horizontal). Выбираем инструмент полигональное лассо (Polygonal Lasso) и, щелкнув по контуру со льдом, выбираем начальную точку. Продолжаем щелкать вокруг зоны, отмеченной на рисунке красным цветом. Для того, чтобы замкнуть границу выделения, под конец щелкаем по начальной точке. Находим опцию Refine Edge вверху на панели, чтобы улучшить качество выделения.

Шаг 7

Чтобы извлечь выделение, жмем иконку Добавить маску слоя (Add Layer Mask).

Шаг 8

Ко второй ледяной текстуре добавляем корректирующие слои – Карта градиента (Gradient Map) и Уровни (Levels) а также обтравочные маски к ним. Настройки:

Шаг 9

Добрались и до лягушки. Вставляем её.

Шаг 10

Выделяем силуэт лягушки при помощи полигонального лассо, затем корректируем выделение, используя Refine Edge.

Шаг 11

Копируем выделение лягушки и вставляем его на новый слой – "frog shape" на скриншоте. Дублируем оригинальный слой с лягушкой. Одну из копий сделайте невидимой (она ещё понадобится нам в дальнейшем), а вторую делаем черно-белой. Это нужно, чтобы сохранить тени с оригинального изображения -" frog_bl&wh_shadow" слой на скриншоте. Для того, чтобы сделать слой монохромным, переходим Изображение > Коррекция > Черно-белый (Image > Adjustments > Black and White). Для того, чтобы скрыть белый фон, применяем режим наложения – Умножение (Multiply), прозрачность ставим 75%.

Шаг 12

Добавляем голубой (Cyan) оттенок черно-белому слою, используя фотофильтр как на картинке:

Шаг 13

Чтобы улучишь качество контуров, добавляем эффект Внутренне свечение (Inner glow) в опциях слоя (Blending options) с этими настройками:

Шаг 14

Шаг очень похож на 9-й. Чтобы создать эффект голубой кожи, Добавляем карту градиента и обтравочную маску. Ставим прозрачность на 96%.

Шаг 15

Коснитесь слой с картой градиента большой полупрозрачной мягкой кистью.

Шаг 16

Находим слой с оригинальной лягушкой, выделяем и копируем глаза на новый слой, затем переносим его поверх слоя с голубой кожей. Применяем фотофильтр (Photo Filter) – Underwater к глазам.

Шаг 17

Делаем глаза ярче в указанных зонах, используя Dodge Tool с мягкой кистью.

Шаг 18

Делаем лягушку четче и ярче. Снова возвращаемся к оригинальному слою. Загружаем выделение для вилуэта лягушки, вы можете использовать уже готовое, для этого Ctrl + кликаем по иконке слоя с голубой лягушкой. Копируем выделение с оригинального слоя и вставляем его поверх всех слоев с лягушкой. Применяем к слою фильтр – High Pass. (Filter > Other > High Pass). Режим наложения – Перекрытие (Overlay). Добавляем маску слоя, нажав . Заполняем маску черным цветом а по выделенным на скриншоте зонам проводим белой мягкой кистью.

Шаг 19

Открываем изображение со ртом лягушки и удаляем ненужный фон. Дублируем форму рта, он нам ещё понадобится в дальнейшем при создании языка.

Шаг 20

Переходим Edit > Transform > Rotate, немного поворачиваем рот лягушки, затем используем Free Transformation (Ctrl+T) чтобы растянуть его по вертикали.

Шаг 21

Теперь меняем форму рта при помощи Warp Transformation (Edit > Transform > Warp). Корректируем контур рта при помощи маски слоя, либо используя ластик (Eraser Tool).

Шаг 22.

Берем Dodge Tool и подсвечиваем некоторые области, чтобы улучишь баланс между тоном кожи и рта.

Шаг 23

Добавляем следующие обтравочные маски на слой со ртом:.

Шаг 24

Для того, чтобы оставить рот розовым и немного сгладить эффект, коснитесь маски слоя the Hue/Saturation мягкой черной кистью.

Шаг 25

Группируем все лягушкины слои, кроме слоя со ртом, затем дублируем группу и объединяем её. Стираем всё, что находится вокруг нижней губы, затем помещаем этот слой на самый верх, см. скриншот.

Шаг 26

Трансформируем эту губу при помощи Warp Transformation так же, как и в случае со ртом.

Шаг 27

Стираем все мелкие дефекты и неровности контура.

Шаг 28

Возвращаемся на оригинальный слой со ртом, Выделяем зону с языком, копируем и вставляем её на новый слой.

Шаг 29

Переходим Редактирование > Трансформация > Отразить горизонтально (Edit > Transform > Flip Horizontal), извращаемся над языком так же, как автор на скриншотах.

Шаг 30

Ну этого нам показалось мало, поэтому применяем к форме языка ещё и Warp Transformation.

Шаг 31

Продолжаем работать над формой, теперь уже с фильтром пластика (Filter > Liquify). Выбираем инструмент Forward Warp Tool, используем различные размеры кисти для разных частей языка.

Шаг 32

Корректируем цветовой баланс (Color Balance).

Шаг 33

А теперь… не пугайтесь, просто нам нужна текстура для языка. Я использовал текстуру кожи лягушки. Размещаем кожу поверх формы языка и применяем фильтр – Filter > Sharpen > Smart sharpen.

Шаг 34

Делаем текстуру черно-белой (Image > Adjustments > Black & White). Щелкаем правой кнопкой по миниатюре слоя и выбираем – Создать обтравочную маску (Create Clipping Mask). Применяем режим наложения (Blending mode) – Перекрытие (Overlay) и прозрачность обтравочной маски на 90%. Стираем маленькие зоны, указанные на скриншоте для большей реалистичности.

Шаг 35

Загружаем выделение языка на новый слой и заполняем его любым цветом. Ставим Fill = 0% и применяем эффект Bevel and Emboss.

Шаг 36

Объединив слои с языком, пройдемся по зоне, выделенной на скриншоте зеленым цветом инструментом Burn Tool, чтобы создать эффект тени.

Шаг 37

Копируем кончик языка и вставляем его на новый слой, немного передвигаем влево, загружаем выделение для оригинального слоя с языком и отрезаем выделенную зону с копированного кончика, снова передвигаем слой с отражением, между языком и отражением должно остаться немножко свободного места. Ставим на отражение прозрачность 44%. Аналогично создаем второй слой с изображением но на этот раз ставим режим наложения – Умножение (Multiply) и стираем мягкой кистью заштрихованные на скриншоте участки.

Шаг 38

Вставляем стрекозу (File > Insert), поворачиваем её.

Шаг 39

Применяем к этому слою режим наложения – умножение и уменьшаем прозрачность до 70% (1). Добавляем карту градиента с такими же цветами как и у кожи лягушки (2). Создаем маску для слоя со стрекозой и заполняем её линейным черно-белым градиентом (3). Загружаем выделение для созданной маски Ctrl + клик по миниатюре маски, теперь инвертируем её, для этого переходим Select > Inverse. Не снимая выделения, применяем фильтр – Размытие по Гауссу (Filter > Blur > Gaussian blur) (4) с такими же настройками как на скриншоте ниже.

Шаг 40

Вставляем изображение комара, применяем режим наложения – Умножение, добавляем Photo Filter и обтравочную маску. Для того, чтобы засунуть комара в лёд, создаем маску слоя и пройдемся по ней мягкой черной кистью (используйте прозрачность около 10 – 15%).

Шаг 41

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

Шаг 42

Применяем режим наложения – Умножение, чтобы скрыть белый фон, поиграйте с прозрачностью, затем применяем ту же самую карту градиента.

Шаг 43

Добавим также к замерзшим лягушкам фильтр – Размытие по Гауссу (Gaussian blur).

Шаг 44

Объединяем все слои с лягушкой кроме "shadow layer" и дублируем объединенный слой дважды. Помещаем дубликаты под оригиналом. Применяем фильтр Filter > Distort > Glass filter к обоим копиям, настройки ниже:

Шаг 45

Для того, чтобы создать отражение, ставим слой с ног на голову, это можно сделать при помощи
Edit > Transform > Flip Vertical. Двигаем этот слой вниз, добавляем маску слоя и заполняем её черным. Выбираем большую мягкую белую кисть и стираем в том же месте, что и на скриншоте. Применяем трансформацию Flip Horizontal ко второй копии и двигаем её влево. Постарайтесь соединить кончики языка оригинальной лягушки и отражения. На этот слой тоже добавляем маску. Заполняем её линейным черно-белым градиентом как на примере ниже.

Заключительный шаг

Объединяем все слои. Переходим Filter > Distort > Lens Correction и применяем эффект Vignette. Дублируем слой, затем Image > Adjustments > Equalize. Ставим режим наложения Soft Light и прозрачность на 12%.

Иииии… результат!

Понравился материал?

Вы можете подписаться на RSS ленту обновлений сайта или поделиться ссылкой с друзьями

Обсуждение 1 комментарийКомментировать

  • JeJey 14 марта 2011

    ахаха, лягушка класс :-D

Оставить комментарий