Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. For Kids
Design

Фотошоп для Детей. Унеси меня в Сказку

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Adobe Photoshop for Kids!.
Adobe Photoshop for Kids: Multiple Me!
Photoshop For Kids: Fun Reflections!

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

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

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

Шаг 1

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

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

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

Шаг 2

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

Put crayon to paper for the initial drawings

Шаг 3

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

Take the action shots

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

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

Шаг 1

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

Scan in the drawings

Шаг 2

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

Open the resource images

Шаг 3

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

Шаг 4

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

Use Refine Edge to clean up the selection

Шаг 5

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

Place the Dragon Slayer into her scene

Шаг 6

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

Engage the Show Transform Control option for the Move tool

Шаг 7

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

Select the Hard Round brush preset

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

3.  Игра Детей

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

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

Шаг 1

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

Use tabs to see other files

Шаг 2

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

Select the tower

Шаг 3

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

Paste the tower into the main project image

Шаг 4

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

Set the blending mode to Multiply

Шаг 5

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

Move the castle layer behind the princess

Шаг 6

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

Move the castle under the warrior princess

Шаг 7

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

Create a selection around the front parts of the castle

Шаг 8

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

Layer Mask to place the warrior inside the tower

Шаг 9

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

Place in the other elements

Шаг 10

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

Erase parts that should be behind other objects

Шаг 11

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

Add a new Layer

Шаг 12

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

Choose your color and the Brush tool

Шаг 13

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

Шаг 14

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

Use the eyedropper to pick a color

Шаг 15

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

Color in the rest of the scene

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

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

Шаг 1

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

Add in variations of colors for better detail

Шаг 2

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

Build up shadows and highlights

Шаг 3

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

Create a round selection around the wand

Шаг 4

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

Bright Blue magical bubble

Шаг 5

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

Gaussian Blur to soften the blue bubble

Шаг 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).
Add a Satin Layer Style

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

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

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

Flame resistant force field Perfect for fighting dragons

Шаг 8

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

Added color to the force field

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

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

Final fantasy photo me project

Хотите ещё?

Надеюсь, вам и вашему ребёнку понравился этот проект так же, как мне и моей дочери. Если вам нравятся уроки из серии Photoshop для Детей, включая фотоманипуляции, уроки по созданию кистей, обучающие уроки, то вы можете посетить мой профиль здесь на сайте на Envato Tuts+.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.