Уроки Фотоманипуляция Марат Садыгалиев 21 августа 2015

Переносимся в сказку вместе с Фотошоп

Сложность урока: Средний

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

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

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

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

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

1.  Совместная Работа

Шаг 1

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

Она сказала, "Папа, я хочу быть принцессой, которая сражается с драконом!"

Я так люблю свою дочку! Поэтому, пусть будет так! Итак, мы обсудили, как она будет сражаться с драконом (с помощью меча и конечно, с помощью силового поля!).

Шаг 2

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

Шаг 3

Итак, пришло время для фотографий! Поощряйте ребёнка использовать любую детскую одежду, которая подходит к тематике вашего проекта. Самая сложная часть – это визуализация точной позы во время фотосъёмки. Попробуйте представить, как ваш ребёнок впишется в картину. Проявите терпение, а также сохраняйте спокойствие. Даже, если ваш ребёнок выглядит глупым, всё равно сделайте эти фотоснимки! Позже, вы убедитесь, что фотографии с вашим ребёнком вышли смешные!

2.  Родительская часть Задания  

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

Шаг 1

Вначале, отсканируйте рисунки вашего ребёнка. Во время сканирования, используйте настройки сканирования насыщенным цветом при хорошем разрешении, минимум 150 точек на дюйм (dpi). Если у вас нет рисунков для сканирования, то вы можете использовать рисунки моей дочери, скачав файл “FantasyElements.zip”.

Шаг 2

Распакуйте скаченный файл “FantasyElements.zip”, откройте изображения в программе Photoshop. Распакованный архив включает в себя изображение с задним фоном “FantasyBackground.jpg” и два отсканированных рисунка “DragonDrawing.jpg” и “DrawnObjects.jpg”.

Шаг 3

Откройте самую лучшую фотографию из тех, которые вы ранее сделали. С помощью инструмента Быстрое выделение (Quick Selection Tool (W), создайте выделение вокруг изображения ребёнка. Удержание клавиши (Alt) поможет вам вычесть выделенную область, если вы случайно выделили какую-то часть изображения.

Шаг 4

Нажмите кнопку Уточнить край (Refine Edge). В окне настроек данного инструмента, увеличьте значение Радиуса (Radius) выделенной области, чтобы убедиться, что выделены волосы ребёнка. Я использовал значение 4.0 px. Также, слегка увеличьте значение Сглаживания (Smooth) и Растушёвки (Feather), чтобы края выглядели реалистично. В заключение, установите Вывод на (Output to) Новый слой (New Layer).

Шаг 5

Итак, переместите новый созданный слой с выделенным изображением ребёнка на документ с изображением заднего фона. Далее, идём Редактирование – Трансформация (Edit > Transform (Ctrl+T) для масштабирования изображения в соответствии с размерами заднего фона.

Шаг 6

Очень важно, чтобы определённые инструменты были правильно настроены, чтобы ваш ребёнок легко ориентировался во время составления композиции. Первое наперво, поставьте галочку в окошке Показать управляющие элементы (Show Transform Control), при этом инструмент Перемещение (Move Tool (V) должен быть активен.
Примечание переводчика: автор просит включить опцию Показать управляющие элементы (Show Transform Control) инструмента Перемещение (Move Tool (V), чтобы ваше  ребёнку были понятны ваши инструкции во время составления композиции. 

Шаг 7

Выберите инструмент Кисть (Brush Tool (B), далее, идём в закладку Кисть (Brush). Выберите жёсткую круглую кисть, размер кисти 50 px.

На данный момент, всё должно быть настроено, поэтому, пришло время позвать настоящую креативную силу, которая стоит за этим проектом!

3.  Игра Детей

Привет, дети! Надеюсь, вы получите массу удовольствия от этого проекта, как и моя дочь. Хотите увидеть себя на своём рисунке? Это будет круто!

OK, вы должны увидеть запущенную программу, которая называется Photoshop, а на экране вы можете увидеть своё изображение поверх изображения с задним фоном. Это наш основной проект. Мы также открыли ваши рисунки, которые мы используем для создания красивой сказочной картины.

Шаг 1

В верхней части экрана расположены различные вкладки со словами. Щёлкните по вкладке с надписью “DrawnObjects.jpg” и вы увидите, как появится изображение с башней, мечами и другими предметами.

Шаг 2

Посмотрите на панель инструментов слева, на маленький значок с квадратиком, этот инструмент называется Прямоугольная область (Rectangular Marquee Tool). Щёлкните по этому значку или нажмите клавишу ‘M’. Далее, начните создавать выделение с одного угла, создав выделение вокруг башни.

Шаг 3

Используя верхнее меню, идём Редактирование – Скопировать (Edit > Copy). Далее, снова используем верхнюю вкладку, чтобы перейди на документ с задним фоном и  изображением главного персонажа. Ещё раз идём в главное меню, Редактирование - Вклеить (Edit > Paste), чтобы добавить скопированное изображение башни на наш рабочий документ!

Шаг 4

В данный момент вокруг башни мы видим большой белый квадрат. Выглядит не очень хорошо, не так ли? Чтобы исправить это, мы используем что-то, что называется Режим наложения (Blending Mode), это поможет скрыть участки белого цвета. В правой части экрана, в палитре слоёв, вам необходимо поменять режим наложения с режима Нормальный (Normal) на режим Умножение (Multiply).

Шаг 5

Теперь башня выглядит так, как будто она расположена перед принцессой. Чтобы исправить это, переместите слой с башней вниз, расположив ниже слоя  с принцессой. Таким образом, башня будет расположена за принцессой.

Шаг 6

Обратили внимание на прозрачный контур квадрата вокруг башни с маленькими квадратиками по контуру? Это опорные точки трансформации, с их помощью вы можете изменить размеры башни. Если вы потяните за угловую опорную точку, то вы сможете увеличить или уменьшить башню. То же самое вы можете проделать с изображением принцессы. Только не забудьте вначале щёлкнуть по слою с изображением принцессы. Итак, расположите башню и принцессу, как показано на скриншоте ниже.

Шаг 7

Отдельные части башни должны быть расположены перед принцессой так, чтобы создавалось ощущение, что она стоит внутри башни. Вначале скройте воительницу, щёлкнув по глазку рядом с миниатюрой слоя с принцессой. Далее, с помощью прикольного на вид инструмента Лассо (lasso tool) под названием Прямолинейное лассо (Polygonal Lasso Tool (L), создайте контур вокруг фронтальных участков башни.

Шаг 8

Ещё раз щёлкните по глазку рядом с миниатюрой слоя с принцессой, чтобы этот слой стал вновь видимым. Далее, щёлкните по слою, чтобы убедиться, что он активен. Идём в главное меню, расположенное наверху, Слой- Слой-маска – Скрыть выделенную область (Layer > Layer Mask > Hide Selection). Таким образом, мы создадим маску, которая скроет участок изображения воительницы и создаст ощущение, как будто она стоит внутри башни.

Шаг 9

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

Шаг 10

С помощью инструмента Ластик (Eraser Tool (E), скройте участки, которые перекрывают изображение и которые не должны быть видны. Не забудьте вначале выбрать соответствующий слой!

Шаг 11

Теперь перейдите на самый нижний слой, слой с задним фоном. Нажмите кнопку Создать новый слой (New Layer) (кнопка похожа на небольшой лист бумаги) в нижней панели инструментов, чтобы создать новый слой. Данный слой будет использоваться для раскраски!

Шаг 12

Итак, мы подошли действительно к самой весёлой части урока! Мы будем раскрашивать с помощью компьютера! Выберите инструмент, похожий на кисть. Это инструмент Кисть (Brush Tool (B). Теперь, вы можете раскрашивать элементы сцены с помощью кисти! Щёлкните по небольшому чёрному квадратику в панели инструментов, чтобы появилось окно Палитры цветов (Color Picker), выберите цветовой оттенок. Начните со светло-серого оттенка.

Шаг 13

Далее, аккуратно прокрасьте башню. Постарайтесь прокрашивать в пределах контура! Если вы заляпаете всё краской, то вам придётся использовать инструмент Ластик (Eraser (E), чтобы исправить ошибки.

Шаг 14

Сейчас я покажу один трюк, как быстро менять цвет кисти! При работе кистью во время раскраски, нажмите + удерживайте клавишу (Alt), чтобы переключиться на инструмент Пипетка (Eyedropper Tool (I). Данный инструмент позволит вам щёлкнуть по любому цветовому оттенку на экране, установив его в качестве цвета вашей кисти!

Шаг 15

Теперь раскрасьте остальные элементы сцены. Не торопитесь, используйте столько цветовых оттенков, сколько захотите! Разве это не здорово, что вы может выбрать так много цветовых оттенков? Гораздо больше, чем в коробке с карандашами!

4.  Совместная Работа

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

Залейте выделенную область волшебно-синим цветом #009cfe. Далее, идём Выделение – Отменить выделение  (Select > Deselect (Ctrl+D), чтобы отменить активное выделение. Поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light).

Шаг 5

Смягчите края синего пузыря, для этого идём фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 3 рx.

Шаг 6

Создайте ещё один новый слой для создания силового поля. Создайте большое круглое выделение прямо напротив огня дракона. Выберите инструмент Градиент (Gradient Tool (G), тип градиента Линейный (Linear), цвета градиента от цвета переднего плана к прозрачному. Потяните градиент, начиная от области огня вниз в направлении принцессы.

Шаг 7

Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение. Дважды щёлкните по слою с большим синим шаром, чтобы применить следующие стили слоя:
Добавьте стиль слоя Глянец (Satin), применив следующие настройки:
Режим наложения (Blend Mode): Затемнение основы (Color Burn)

  • Цвет (Color): яркий электрик (цвет: ярко-синий)
  • Непрозрачность (Opacity): 34%
  • Угол (Angle): 19 градусов
  • Смещение (Distance): 11 px
  • Размер (Size): 14 px
  • Поставьте галочку в окошке Инверсия (Invert).

Далее, добавьте стиль слоя Внешнее свечение (Outer Glow), применив следующие настройки:

  • Непрозрачность (Opacity): 100%
  • Цвет (Color): светло-нежно-голубой
  • Размер (Size): 5 px

Силовое поле должно выглядеть, как на скриншоте ниже.

Шаг 8

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

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

Смотри! Вот храбрый воин драконов!
Принцесса - защитница королевства!
Пусть драконы все знают...
Её воля сильна.
И меч её острый.
Сражение будет ожесточённым!

Надеюсь, вам и вашему ребёнку понравился этот проект так же, как мне и моей дочери.

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

Автор: Kirk Nelson

Источник: design.tutsplus.com

Комментарии 8

Ещё раз вернулась в сказку. Спасибо

Здорово. Я так хохотался.

Малых детей нет, поэтому пришлось взять старинную открытку.

Эта наша дачная сказка. Благодаря Вашему уроку перенеслись в лето в мгновение ока. Спасибо.

Спасибо за идею, совместить paint, рисунок, и фотографии.
Детей мне еще рано, поэтому самому пришлось рисовать.

Интересно, спасибо!

Спасибо большое))

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее