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

Photoshop для детей: Создаём Джедая!

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Adobe Photoshop for Kids!.
Photoshop for Kids: I'm Stuck!
Photoshop for Kids: Stack Me Up!
This post is part of a series called Learn Adobe Photoshop.
Create a Taylor Swift "Style" Inspired Double Exposure Effect in Photoshop
How to Create a Cute Baby Dragon Photo Manipulation in Adobe Photoshop

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

Final product image
What You'll Be Creating

Являетесь ли вы фанатом или нет, но ни у кого не вызывает сомнения, что фильм ‘Звёздные войны’ вдохновляет как детей, так и взрослых, которые мечтают стать джедаями, а также владеть самым могущим оружием во всей галактике ... лазерным мечом!

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

В этом уроке вы узнаете, как создать реалистичный эффект лазерного меча в программе Photoshop, а также узнаете, как превратить ваших детей в рыцарей Джедаев!

1. Подготовка к Фотосессии

Мы знаем, что все изображения, где изображены Джедаи, они все держат лазерные мечи.  Каждый фанат ‘Звёздных войн’ мечтает владеть таким изящным оружием из более цивилизованной эпохи. Кроме этого, здесь очень важен реквизит и костюмы, т.к. они делают эффект правдоподобным. Реквизит не должен быть сложным, его можно создать из предметов, которые вы можете найти в доме.

Шаг 1

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

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

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

Background props and costume

Шаг 2

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

Experiment with positions and poses

2. Обрабатываем Фотоснимок

Шаг 1

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

Select the photo to use as the base for the project

Шаг 2

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

Шаг 3

В настройках данного инструмента, нажмите кнопку Уточнить край (Refine Edge). Примените следующие настройки:

  • Поставьте галочку в окошке Умный радиус (Smart Radius)
  • Радиус (Radius): 3 px
  • Смести край (Shift Edge): -10%
  • Вывод на (Output to): Слой-маску (Layer Mask)
Refine Edge settings

Шаг 4

Преобразуйте слой в смарт-объект, для этого идём Слой- Смарт-объект – Преобразовать в Смарт-объект (Layer > Smart Objects > Convert to Smart Object). Назовите этот слой Джедай (Jedi).

Convert the layer to a Smart Object

Шаг 5

Далее, идём Изображение – Коррекция – Кривые (Image > Adjustments > Curves). Установите S-кривую, как показано на скриншоте ниже, чтобы усилить контраст фигуры.

Use Curves to increase Contrast

Шаг 6

Далее, идём Изображение – Коррекция – Света / Тени (Image > Adjustments > Shadows/Highlights). Установите настройки так, чтобы был виден глянец накидки, при этом тени оставались всё ещё насыщенными. Для нашего изображения, мы установили Тени (Shadows) на отметке 24%, Света (Highlights) на отметке 32%.

Use a ShadowsHighlights adjustment to bring out the details in the robe

Шаг 7

Примените инструмент Рамка (Crop Tool (C). Потяните за края, чтобы увеличить изображение, которое будет больше подходить для кинематографической композиции.

Extend the canvas out to the sides

Шаг 8

Создайте новый слой ниже слоя Джедай (Jedi). Назовите этот слой Градиент 1 (Gradient 1). Выберите инструмент Градиент (Gradient Tool (G), установите Линейный градиент (linear gradient). Потяните градиент от нижнего правого угла #525156 до верхнего левого угла #6d6c6c.

Add a background gradient

Шаг 9

Далее, идём Окно – Расширения - Adobe Paper Texture Pro (Window > Extensions > Adobe Paper Texture Pro), чтобы добавить расширение текстуры бумаги.  Выберите текстуру Newt и программа Photoshop автоматически добавит текстуру на новый слой. Поменяйте режим наложения для добавленного слоя с текстурой на Перекрытие (Overlay), чтобы совместить текстуру с нижним слоем с градиентом. Примечание переводчика: в программе Photoshop CS 4 и CS 5 появилась новая опция Расширения (Extensions), которая помогает накладывать текстуры на изображения. По умолчанию в расширении установлено 20 текстур, но Вы легко сможете загрузить в расширение свои наборы текстур. Если у вас не установлены расширения, то вы можете бесплатно скачать их Интернете. У кого стоит более ранняя версия, то вы можете подобрать интересную текстуру желательно с космической тематикой и просто добавить её на задний фон, расположив поверх слоя с градиентом и поиграв с режимами наложения.

Use the Adobe Paper Texture pro to add a subtle background texture

Шаг 10

Создайте ещё один новый слой, назовите этот слой Градиент 2 (Gradient 2). Выберите инструмент Градиент (Gradient Tool (G), установите цвета градиента от чёрного до прозрачного. Потяните градиент от нижнего правого угла в сторону противоположного угла. Затем уменьшите Непрозрачность (Opacity) слоя до 20%.

Add one more background gradient

На данном этапе, все основные элементы уже расположены. За исключением одного...лазерного меча! Для этого, мы позовём наших юных учеников, которые займутся этим.

3. Привет, дети!

Пришло время для самой интересной (и самой весёлой) части этого урока. Знаю, что вы всегда хотели иметь свой лазерный меч! Теперь, это ваш шанс показать, каким он будет, если бы вы были рыцарем Джедаем!

Шаг 1

Вначале щёлкните по слою Джедай (Jedi) в панели слоёв, чтобы убедиться, что он активен. Далее, идём Слой – Новый – Новый слой (Layer > New > New Layer (Shift+Ctrl+N). Назовите новый слой Лазерный меч (Lightsaber).

Add a new layer for the lightsaber

Шаг 2

С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), нарисуйте вытянутый прямоугольник. Постарайтесь, чтобы прямоугольник был слегка больше нашего игрушечного меча, который изображён на фотографии.

Create a rectangular selection

Шаг 3

Далее, идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, в строке Содержимое (Contents) установите Белый (White). Далее, нажмите кнопку OK, чтобы залить прямоугольное выделение белым цветом.

Fill the selection with white

Шаг 4

Отмените активное выделение, для этого идём Выделение – Отменить выделение (Select > Deselect (Ctrl+D). Далее, преобразуйте слой в смарт-объект, для этого идём Слой- смарт-объект – Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object). Миниатюра слоя поменяется в панели слоёв, и вы увидите, что появился значок Смарт-объекта.

Change the layer into a Smart Layer

Шаг 5

Чтобы смягчить края белого прямоугольника, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 4.0px.

Use a gaussian blur to soften the edge of the box

Шаг 6

Каждый настоящий фанат ‘Звёздных войн’ знает, что лазерный меч сужается и имеет круглую форму на конце. Чтобы создать подобную форму, идём Редактирование – Трансформация - Деформация (Edit > Transform > Warp). В настройке Деформация (Warp) установите Выпуклый (Bulge), а Изгиб (Bend) на 100%.

Use the Warp to Bulge the ends

Шаг 7

Чтобы создать сужающуюся фигуру, для этого идём Редактирование – Трансформация – Перспектива (Edit > Transform > Perspective). Потяните верхние опорные точки вовнутрь, чтобы сделать верхнюю часть более узкой, чем основание.

Use the perspective transform to taper the shape

Шаг 8

В нижней части панели слоёв, щёлкните по значку (Fx), чтобы появилось меню стилей слоя. В появившемся меню стилей слоя, выберите стиль слоя Внешнее свечение (Outer Glow).

Add an Outer Glow layer style

Установите следующие настройки для стиля слоя Внешнее свечение (Outer Glow):

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Непрозрачность (Opacity): 100%
  • Цвет (Color): #0068cb
  • Размах (Spread): 15%
  • Размер (Size): 70 px
Outer Glow settings

Шаг 9

Яркость лезвия выглядит хорошо, единственное, необходимо добавить такое же свечение вокруг лезвия. Создайте ещё один новый слой, идём Слой- Новый – Новый слой (Layer > New > New Layer (Shift+Ctrl+N), назовите этот слой Свечение (Glow). Убедитесь, чтобы слой Свечение (Glow) был расположен ниже слоя Лазерный меч (Lightsaber).

Add a new Glow layer

Шаг 10

Удерживая клавишу (Ctrl) + щёлкните по миниатюре слоя Лазерный меч (Lightsaber) в панели слоёв, чтобы загрузить активное выделение. Перейдите на слой Свечение (Glow). Далее, идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, в строке Содержимое (Contents) установите Цвет (Color). С помощью пипетки, отберите образец цветового оттенка со свечения, которое присутствует вокруг меча.

Fill the Glow layer with the glow color

Шаг 11

Отмените активное выделение, для этого идём Выделение – Отменить выделение (Select > Deselect (Ctrl+D), а затем добавьте размытие, для этого идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 35 px.

Blur the glow layer

Шаг 12

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

Set the layer to Screen

Шаг 13

Удерживая клавишу (Shift)+щёлкните по слою Лазерный меч (Lightsaber), а затем по слою Свечение (Glow), чтобы выделить оба слоя. Далее, нажмите на значок звенья цепи в нижней части панели слоёв. Данная опция связывает выделенные слои вместе, таким образом, они всегда будут привязаны друг к другу при перемещении.

Link the Lightsaber layer and Glow layer togther

Шаг 14

Далее, идём Редактирование – Свободная трансформация (Edit > Free Transform (Ctrl+T), чтобы вокруг лазерного меча появились опорные точки трансформации. Сместите светящееся лезвие в область рукояти меча, а затем поверните лезвие под нужным углом.  Когда светящееся лезвие будет в соответствующем положении, нажмите клавишу ‘Enter’, чтобы применить трансформацию.

Move the blade into place

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

4. Заключительные Эффекты

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

Шаг 1

К слою Лазерный меч (Lightsaber), добавьте слой-маску, для этого идём Слой- Слой-маска- Показать всё (Layer > Layer Mask > Reveal All). Далее, с помощью инструмента Кисть (Brush Tool (B) чёрного цвета, аккуратно скройте свечение лезвия, где свечение перекрывает рукоять меча.

Use a layer mask to put the lightsaber into the hilt

Шаг 2

Чёрный металлический стержень всё ещё виден за лазерным лезвием, и это необходимо исправить. Перейдите на слой Джедай (Jedi) и с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), создайте примерное выделение вокруг участка чёрного стержня. Далее, идём Слой- Слой-маска – Скрыть выделенную область (Layer > Layer Mask > Hide Selection), чтобы скрыть выделенную область.

Use a mask to remove the visible black stick

Шаг 3

Нам нужно, чтобы голубой свет от свечения лазерного меча падал на Джедая. Создайте новый слой поверх слоя Джедай (Jedi), назовите этот слой Голубой свет (Blue Light), поменяйте режим наложения для данного слоя на Осветление (Screen).

Add a new layer for Blue Light

Шаг 4

Перейдите в закладку Каналы (Channels) в палитре слоёв. Удерживая клавишу (Ctrl)+щёлкните по миниатюре канала RGB, чтобы создать активное выделение светлых пикселей. Вернитесь обратно в закладку Слои (Layers), а затем нажмите кнопку Добавить слой-маску (Add Layer Mask) в нижней части панели слоёв, чтобы создать маску из выделения. Таким образом, голубое свечение будет применимо только к светлым участкам главного героя.

Create a selection from the luminosity to use as a mask

Шаг 5

Щёлкните по миниатюре слоя Голубой свет (Blue Light), чтобы слой был активным, а не маска. Выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть. Отберите образец светло-голубого цвета со свечения лазерного меча и аккуратно прокрасьте лицо Джедая, а также складки накидки прямо за мечом, добавляя световой эффект. Если эффект получился слишком насыщенным, то уменьшите Непрозрачность (Opacity) слоя.

Paint the blue light onto the figure

Шаг 6

Перейдите на самый верхний слой Лазерный меч (Lightsaber) , и удерживая клавишу (Alt), идём Слой- Объединить видимые (Layer > Merge Visible (Shift+Ctrl+E). Таким образом, мы создадим объединённый слой из всех видимых слоёв поверх всех остальных слоёв в панели слоёв.  Назовите этот слой Объединённый (Merged), а затем преобразуйте его в Смарт-объект

Create a merged layer on top

Шаг 7

Далее, идём Фильтр - Camera Raw (Filter > Camera Raw Filter) и во вкладке Основное (Basic), установите следующие настройки:

  • Чёткость (Clarity): +40
  • Насыщенность (Vibrance): +20
Camera Raw Basic setitngs

Далее, перейдите во вкладку Эффекты (Effects) и в нижней части окна в разделе Виньтирование после кадрирования (Post Crop Vignetting), в Эффектах (Amount) установите -20, чтобы затемнить углы.

Add a lens vignette

На этом всё!  Мы завершили урок! Наш воин прошёл подготовку.

Молодцы, мои юные друзья! Добро пожаловать в Орден рыцарей Джедаев!

Final Effect

Как у вас получилось? Мы будем рады увидеть ваших рыцарей Джедаев.

Хотите Ещё?

Надеюсь, что вы и ваш ребёнок получили массу удовольствия от этого урока, также, как я и мой сын.  I've got more Photoshop for Kids! tutorials along with some photo manipulation projects, custom brushes, and even more Photoshop fun. Check out my profile here at Envato Tuts+ for my other tutorials, quick tips, and courses.

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.