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

Создаём Сцену Гарри Поттер и Зеркало Памяти в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Какая самая незабываемая сцена для вас из мира Гарри Поттера? Для меня это момент, когда Гарри смотрит на своих родителей в Зеркало Памяти. Зеркало Памяти - волшебное устройство, которое показывает самое глубокое, самое отчаянное желание наблюдателя.

Поэтому, сегодня вы узнаете, как создать эту сцену в Adobe Illustrator с помощью стандартных геометрических фигур, инструмента Градиент (Gradient Tool (G) и многого другого. К концу урока вы будете знать, как работать с рабочим документом с множеством слоёв, как быстро создавать обтравочные маски и как объединять базовые фигуры, чтобы создать интересных персонажей. Мы также используем в нашей работе инструмент Кисть (Brush Tool (B). Итак, давайте приступим. 

1. Создаём Фронтальный и Задний Вид Гарри Поттера

Шаг 1

Откройте программу Photoshop, идём Файл - Новый документ (File > New) (Ctrl+N), выберите формат A4 во вкладке Печать (Print).

Поменяйте Миллиметры (Millimeters) на Пикселы (Pixels) и нажмите кнопку 'OK'. Также, не забудьте включить Быстрые направляющие (Smart Guides), для этого идём Просмотр - Показать - Быстрые направляющие (View > Show > Smart Guides).

С помощью инструмента Эллипс (Ellipse Tool (U), создайте овал 225 x 275 px, цвет фигуры: насыщенный синий (#18242c). Вы можете установить размер, цвет и радиус углов в панели Свойства (Properties), для этого идём Окно - Свойства (Window > Properties). Выберите инструмент Угол (Convert Point Tool), который расположен ниже инструмента Перо (Pen Tool (P), а затем щёлкните по нижней опорной точке фигуры.

Creating of a New Document and Head Shape

Шаг 2

Создайте прямоугольник 70 x 15 px, используя тот же самый цвет, со скруглёнными углами до максимума.

Нажмите клавиши (Ctrl+T) для активации Свободной Трансформации (Free Transform), а затем щёлкните правой кнопкой по области трансформации и в появившемся окне, выберите опцию Деформация (Warp).

Выберите эффект Дугой (Arc) из выпадающего меню Деформация (Warp), данный эффект расположен на самом верху окна. Сместите центр фигуры немного вниз. Нажмите клавишу 'Enter'.

Скопируйте / вклейте дугообразную фигуру (Ctrl+C/Ctrl+V), чтобы создать дубликат слоя с фигурой. Поместите обе фигуры на верхнюю часть фигуры овала.

С помощью инструмента Прямоугольник (Rectangle Tool (U), создайте розовую фигуру #f39e91 прямоугольника 65 x 90 px. для шеи. Выберите инструмент Стрелка (Direct Selection Tool), а затем сместите обе нижние опорные точки фигуры в стороны.

Сместите слой с шеей вниз, расположив его ниже слоёв с волосами в панели слоёв.

How to use Warp function

Шаг 3

С помощью инструмента Прямоугольник (Rectangle Tool (U), создайте фигуру тела 365 x 580 px. красного цвета #e95839. Закруглите нижние углы до 60 px через панель Свойства (Properties). 

С помощью инструмента Добавить опорную точку (Add Anchor Point Tool), который расположен иже инструмента Перо (Pen Tool (P), добавьте две опорные точки рядом с шеей. Далее, выделите верхнюю левую и правую опорную точку, а затем нажмите клавишу со стрелкой вниз несколько раз, чтобы сформировать плечи.

Создайте прямоугольник 365 x 120 px жёлтого цвета #fca84d. расположите его по центру предыдущей фигуры.

Making of a body from a Rectangular Shape

Шаг 4

Создайте прямоугольник 100 x 570 px красного цвета #d73f1e для рукава с закруглёнными углами до 40 px. Далее, добавьте прямоугольник 70 x 30 рх жёлтого цвета #fca84d. Закруглите углы до 10 px, расположив жёлтую фигуру в нижней части рукава.

Сформируйте ладонь с помощью кружка 90 x 90 px розового цвета #f39e91 (воспользуйтесь инструментом Эллипс (Ellipse Tool (U). Создайте произвольный прямоугольник поверх левой половины кружка. Далее, выделите обе фигуры и не меняя инструмент Прямоугольник (Rectangle Tool (U), щёлкните правой кнопкой мыши по выделенным фигурам и в появившемся окне, выберите опцию Вычесть переднюю фигуру (Subtract front shape). Добавьте ладонь к руке.

Making of an arm from a rounded rectangle

Шаг 5

Перейдите на слой с красным рукавом в панели слоёв, в затем нажмите значок Создать новый слой (Create a New Layer) в нижней части панели слоёв, при этом удерживайте клавишу (Alt). В появившемся окне, поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask, а затем нажмите кнопку 'OK' или 'Enter'. Создайте кружок 90 x 90 px бордового цвета #a72205 с Обводкой (Stroke) 1 pt и Без заливки (no Fill).

Как вы можете заметить, кружок был автоматически обрезан там, где он выходит за контур фигур рукава, поскольку он находится на обравочном слое. Удерживая клавишу (Alt), дважды сместите кружок, чтобы создать два дубликата слоя с кружком. Расположите дубликаты слоёв ниже слоя с первым кружком.

Сгруппируйте (Ctrl+G) все слои, относящиеся к руке. Скопируйте (Ctrl+C) всю группу, а затем вклейте на то же самое место (Ctrl+Shift+V). Нажмите клавиши (Ctrl+T) для активации Свободной трансформации (Free Transform), а затем щёлкните правой кнопкой мыши по области трансформирования и в появившемся окне, выберите опцию Отразить по горизонтали (Flip Horizontal). Сместите дубликат слоя в противоположную сторону от оригинальной руки, при этом удерживайте клавишу 'Shift'.

Давайте добавим воротник, а также нижнюю часть свитера.

How to Turn a Layer Into a Clipping Mask

Шаг 6

Выберите инструмент Прямоугольник (Rectangle Tool (U), а затем создайте прямоугольник 315 x 45 px бордового цвета с нижними закруглёнными углами до 20 px. Расположите данный прямоугольник в нижней части свитера.

Создайте прямоугольник 180 x 30 px с полностью закруглёнными углами. Нажмите клавиши (Ctrl+T), а затем щёлкните правой кнопкой мыши по области трансформирования и в появившемся окне, выберите опцию Деформация (Warp). В верхней панели, выберите опцию Дугой (Arc). Слегка потяните центр фигуры вниз, а затем нажмите клавишу "Enter".

Adding of a collar

Шаг 7

Далее, мы добавим несколько полосок, чтобы придать свитеру более детализированный вид.

Выберите инструмент Линия (Line Tool (U), а затем создайте длинную вертикальную линию бордового цвета. Установите Ширину (Width) линии на 5 px в панели настроек Свойства (Properties). Расположите данный слой поверх слоя со свитером. Далее, находясь на слое с нарисованной линией, щёлкните по слою со свитером, при этом удерживая клавишу (Alt) - это ещё один полезный способ преобразования слоя с обтравочную маску.

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

Adding of stripes to the Sweater

Шаг 8

Далее, создайте джинсы, путём комбинирования двух прямоугольников 135 x 670 px синего цвета #312f5a (сделайте немного уже нижние части прямоугольников с помощью инструмента Стрелка (Direct Selection Tool (A), а также добавьте небольшой произвольный прямоугольник между ними. Выделите все три фигуры (при этом удерживая клавишу (Shift)), а затем нажмите клавиши (Ctrl+E), чтобы объединить выделенные фигуру в один слой. Добавьте созданные джинсы к нашему персонажу.

Making of the Jeans

Шаг 9

Создайте прямоугольник 80 x 40 px тёмно-синего цвета, а затем идём в меню Деформация (Warp), как мы уже проделывали ранее. Выберите опцию Выпуклый (Bulge), а затем нажмите на значок Изменить Ориентацию деформации (Change Warp Orientation) в верхней панели управления. Добавьте отдельный слой в качестве обтравочной маски.

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

Making of the Shoes

Шаг 10

Нажмите клавиши (Ctrl+T), а затем Отразите по горизонтали (Flip Horizontally) эти слои. Сместите вторую фигуру Гарри немного влево и выше, чем первая фигура.

С помощью панели настроек Свойства (Properties), перекрасьте волосы в коричневый цвет #392822, а также джинсы в светло-коричневый цвет, чтобы сделать отражение в зеркале немного теплее, чем оригинал.

Organizing layers in the Layers panel

Шаг 11

Теперь давайте создадим лицо с помощью прямоугольника светло-розового цвета #ffcdc5 с закруглёнными нижними углами до 60 px. Добавьте два маленьких тёмно-синих кружочка #162539 17 x 17 px в качестве глаз.

Создайте два кружка 65 x 65 px тёмно-коричневого цвета #36251d с шириной Обводки (Stroke) 10 px и Без заливки (no Fill), а также небольшой полностью закруглённый прямоугольник между ними. Нажмите клавиши (Ctrl+T), выберите режим Деформация (Warp), а затем выберите опцию Дугой (Arc) из выпадающего меню Деформация (Warp). Итак, мы создали очки Гарри! Вы можете в любой момент отобрать те цветовые оттенки, которые вы уже ранее использовали через палитру Недавно Используемые Цвета (Recently Used Colors).

Добавьте полностью закруглённый прямоугольник 15 x 35 px розового цвета #ffa99b в качестве носа, а затем добавьте два кружка 25 x 25 px, используя тот же самый цветовой оттенок, в качестве щёк.

Теперь, давайте объединим синий #36251d кружок 25 x 25 px с произвольным прямоугольником, чтобы сформировать рот. Выделите обе фигуры, а затем выберите опцию Вычесть переднюю фигуру (Subtract Front Shape).

Making of a Harrys face

Шаг 12

Создайте кружок 35 x 35 px персикового -розового цвета #e5754f, а затем обрежьте верхнюю половинку, чтобы создать ухо, используя ту же самую технику, которую мы уже применяли ранее. Добавьте два уха к голове.

Выберите инструмент Перо (Pen Tool (P), а затем нарисуйте шрам на лбу Гарри, как показано на скриншоте ниже. Установите настройки, используя верхнюю панель. Сгруппируйте все слои, относящиеся к лицу (Ctrl+G).

Adding of ears and the scar

Шаг 13

Давайте завершим работу над персонажем, путём добавления чёлки к Гарри. Создайте произвольный прямоугольник коричневого цвета, расположив его над очками. С помощью инструмента Добавить опорную точку (Add Anchor Point Tool), который расположен ниже инструмента Перо (Pen Tool (P), добавьте примерно восемь опорных точек на нижний край чёлки. Далее, сместите некоторые из них, расположив немного выше с помощью инструмента Стрелка (Direct Selection Tool (A).

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

Making of a fringe

2. Создаём Маму Гарри Поттера, Лили

Шаг 1

Перед началом создания этого персонажа, продублируйте шею Гарри вместе с тенью. Выберите инструмент Прямоугольник (Rectangle Tool (U), а затем создайте фигуру прямоугольника 420 x 1120 px синего цвета #36568d в качестве мантии. Сформируйте плечи, для этого добавьте две опорные точки рядом с шеей с помощью инструмента Добавить опорную точку (Add Anchor Point Tool). Сдвиньте верхний левый и правый угол вниз, нажав клавишу со стрелкой вниз несколько раз.

Добавьте круг тёмно-синего цвета #1b2b4a сверху мантии в качестве воротничка. Преобразуйте данный слой с кругом в обтравочную маску.

Завершите дизайн воротничка с помощью тёмно-синего прямоугольника, закрывающим половину шеи. Нарисуйте вертикальную линию оранжевого цвета #e95839, разделяющую воротничок и мантию. Установите Толщину (Width) линии на 8 px.

Далее, создайте застёжку с помощью круга 75 x 75 px жёлтого цвета #fcba4a, а затем обрежьте половинку нарисованного круга (мы уже обрезали фигуры подобным образом в предыдущих шагах).

Making of a Cloak

Шаг 2

Расположите две застёжки на воротничке, как показано на скриншоте ниже.

Волшебная мантия - не будет по-настоящему волшебной без звёздочек. Выберите инструмент Произвольная фигура (Custom Shape Tool (U), а затем в верхней панели управления данного инструмента, щёлкните по маленькому треугольнику выпадающего меню Фигура (Shape). Далее, щёлкните по значку шестерёнки в верхнем правой углу и в появившемся окне, выберите опцию Все (All). Выберите фигуру звёздочки среди остальных фигур. Добавьте звёздочку на мантию, при этом удерживая клавишу (Shift), цвет звёздочки жёлтый. Далее, удерживая клавишу (Alt), сместите звёздочку, чтобы продублировать её. Создайте столько копий звёздочек, сколько вам нужно. Преобразуйте некоторые слои со звёздочками в обтравочные маски к слою с мантией, а остальные сдвиньте вниз, расположив ниже предыдущих обтравочных слоёв со звёздочками. Примечание переводчика: слои со звёздочками на краях мантии- преобразуйте в обтравояные слои к слою с мантией, чтобы обрезать их по контуру мантии.

Создайте прямоугольник 100 x 765 px тёмно-синего цвета (отберите цветовой оттенок с палитры Недавно Используемых Цветов (Recently Used Colors panel) в качестве рукава, а затем закруглите верхний левый угол до 100 px. Далее, добавьте розовый овал в качестве ладони. Расположите созданную руку рядом с туловищем.

Adding stars to the cloak

Шаг 3

Выделите слой с рукавом и рукой, продублируйте их, чтобы получить вторую руку. Далее, нажмите клавиши (Ctrl+T), а затем щёлкните правой кнопкой мыши по области трансформации и в появившемся окне, выберите опцию Отразить по горизонтали (Flip Horizontal). Сместите дубликат слоя влево, при этом удерживая клавишу (Shift). Примечание переводчика: не забудьте объединить слой с рукавом и слой ладонью в один слой (Ctrl+E).

С помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте овал 170 x 260 px розового цвета #ffcdc5 в качестве лица. Добавьте два маленьких кружочка, более тёмного оттенка #ffa99b в качестве щёк.

Создайте короткий узкий прямоугольник тёмно-синего цвета #162539, полностью закруглённый, придайте форму дуги с помощью режима Деформации (Warp), как мы уже проделывали ранее. Создайте дубликат фигуры, расположив эти две фигуры в качестве глаз. Скопируйте нос Гарри, а затем вклейте его к его маме (идеальное сходство между ребенком и родителем).

Создайте ещё один узкий прямоугольник, коричневого цвета, схожий с оттенком волос Гарри. Примените изгиб дугой в противоположную сторону. Далее, создайте круг 50 x 50 px розового цвета #ff8b78. Выделите обе фигуры с узким прямоугольником и кругом, щёлкните правой кнопкой мыши и в появившемся окне, выберите опцию Вычесть переднюю фигуру (Subtract Front Shape). Вы также можете выбрать эту опцию через верхнюю панель управления Операции с контурами (Path Operations). Итак, мы создали рот! 

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

Making of a mothers face

Шаг 4

Создайте два оранжевых круга 100 x 100 px оранжевого цвета #e95839 в качестве чёлки. Преобразуйте их в обтравочные слои к слою с головой.

Выберите инструмент Прямоугольник (Rectangle Tool (U), а затем создайте прямоугольник 240 x 440 px оранжевого цвета #d73f1e. Закруглите углы до 115 px, расположив его ниже слоя с лицом (см. скриншот ниже).

Создайте оранжевый круг 155 x 155 px, а затем ещё два круга (каждый круг немного больше предыдущего), чтобы сформировать левую половину локонов волос. Далее, продублируйте эту половину локонов волос, а затем Отразите по горизонтали (Flip Horizontal). Сместите дубликат локонов волос вправо.

Forming mothers hair

Шаг 5

Создайте ногу с помощью прямоугольника 125 x 200 px коричневого цвета #392822. Сделайте уже нижнюю часть прямоугольника с помощью инструмента Стрелка (Direct Selection Tool (A). Создайте дубликат ноги, расположив обе ноги ниже слоя с мантией. Сгруппируйте все слои, относящиеся к маме (Ctrl+G), а затем сместите этот персонаж влево, расположив ниже слоя с отражением Гарри (см. скриншот ниже).

Отрежьте лишнюю часть джинсов Гарри, объединив их с произвольным прямоугольником. Они должны быть такой же длины, как у мамы (см. скриншот ниже). Затем убедитесь, что вы сгруппировали все слои, как показано на скриншоте ниже, чтобы все слои были хорошо организованы. А теперь, давайте перейдём к отцу Гарри.

Adding of pants to mother

3. Создаём Папу Гарри Поттера Джеймса

Шаг 1

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

Вначале создайте прямоугольник 130 x 130 px розового цвета с помощью инструмента Прямоугольник (Rectangle Tool (U).

Сделайте верхнюю часть прямоугольника уже, а затем добавьте овальную тень к нему с помощью инструмента Эллипс (Ellipse Tool (U) в качестве обтравочной маски, как мы уже делали это ранее.

Создайте прямоугольник 530 x 1350 px синего цвета #404759. С помощью инструмента Добавить опорную точку (Add Anchor Point Tool), добавьте две опорные точки рядом с шеей. Переключитесь на инструмент Стрелка (Direct Selection Tool (A), выделите верхнюю левую и правую точку, а затем нажмите клавишу со стрелкой вниз несколько раз, чтобы сформировать плечи.

Making of a fathers cloak

Шаг 2

Давайте создадим лицо из трёх базовых фигур. Вначале создайте прямоугольник 170 x 120 px розового цвета. Добавьте ещё одну фигуру прямоугольника 170 x 130 px, сузьте нижнюю часть этого прямоугольника, расположив его прямо под первым прямоугольником. В дополнение, добавьте круг на нижнюю часть предыдущей фигуры прямоугольника, чтобы сформировать подбородок. Быстро объедините фигуры, нажав клавиши (Ctrl+E).

С помощью инструмента Прямоугольник (Rectangle Tool (U), создайте прямоугольник 70 x 6 px, коричневого цвета и полностью закруглённым в качестве рта. Придайте фигуре форму дуги с помощью режима Деформации (Warp). Скопируйте / вклейте нос и очки с глазами, взяв их с лица Гарри. Создайте два кружка 75 x 70 px розового цвета для создания щёк, преобразуйте оба слоя с кружками в обтравочные маски.

Making of a fathers face

Шаг 3

Чтобы воссоздать ухо, создайте кругл 65 x 65 px персикового цвета #e5754f с помощью инструмента Эллипс (Ellipse Tool (U), а затем ещё один кружок 40 x 40 px потемнее #e95839 с толщиной Обводки (Stroke) 1 pt и Без заливки (no Fill). Расположите второй кружок поверх первого. Расположите ухо рядом с головой слева, а затем создайте дубликат уха, чтобы расположить второе ухо справа.

Чтобы добавить волосы на голову, создайте прямоугольник 185 x 170 px тёмно-коричневого цвета #392822 с закруглённым левым углом до 70 px. Расположите слой с волосами ниже слоя с головой. Добавьте небольшой тёмно-коричневый кружок поверх левого угла головы.

Чтобы создать причёску, начните с круга 160 x 160 px светло-коричневого цвета #392822. Далее, выберите режим Вычесть Переднюю Фигуру (Subtract Front Shape) из выпадающего меню Операции с контурами (Path Operations), нажмите клавиши (Ctrl+Z), а затем нарисуйте произвольный прямоугольник поверх круга, чтобы отсечь его половину. Поместите полученную чёлку поверх верхнего правого угла головы. Сгруппируйте (Ctrl+G) все элементы, относящиеся к голове. Наш персонаж выглядит красивым, не так ли?

Adding of ears and hair to father

Шаг 4

Поместите голову на плечи. Добавьте два белых слегка закруглённых прямоугольника, чтобы воссоздать воротничок. Далее, добавьте светло-голубой #abc7fa круг на мантию, как показано на скриншоте ниже, а затем щёлкните по слою с мантией, при этом удерживая клавишу (Alt), чтобы преобразовать слой с кругом в обтравочную маску.

С помощью инструмента Прямоугольник (Rectangle Tool (U), создайте тёмно-синий прямоугольник #22273b с закруглённым верхним правым углом до 70 px в качестве руки. Расположите его с правой стороны туловища. Скопируйте / вклейте / отразите по горизонтали, расположив дубликат руки с левой сторону туловища.

Создайте прямоугольник 50 x 50 px жёлтого цвета #fcba4a. Добавьте опорную точку на середину левой стороны с помощью инструмента Добавить Опорную точку (Add Anchor Point Tool). Переключитесь на инструмент Угол (Convert Point Tool), а затем щёлкните по новой опорной точке. Таким образом, мы создали треугольник.

Добавьте тонкий прямоугольник оранжевого цвета #fcba4a ниже слоя с треугольником, а затем добавьте ещё один треугольник с противоположной стороны (см. скриншот ниже). Выделите все эти три фигуры, чтобы сгруппировать их в один слой (Ctrl+G).

Creating of a collar and a clasp

Шаг 5

Добавьте примерно 6 застёжек на мантию. Добавьте тёмно-синюю #22273b вертикальную линию поверх мантии с помощью инструмента Линия (Line Tool (U). Сгруппируйте (Ctrl+G) все слои, которые относятся к отцу. Расположите Джеймса Поттера за Гарри и Лили.

Итак, мы создали все персонажи! Пришло время перейти к созданию заднего фона.

4. Создаём Зеркало Памяти и Задний фон

Шаг 1

Давайте приступим к созданию зеркала.

Выберите инструмент Прямоугольник (Rectangle Tool (U), а затем создайте прямоугольник со следующими размерами 1190 x 2010 px. Цвет фигуры не имеет значения.

Добавьте одну опорную точку в середине верхней стороны фигуры с помощью инструмента Добавить опорную точку (Add Anchor Point Tool). Выделите верхнюю левую и правую точку с помощью инструмента Стрелка (Direct Selection Tool (A), а затем нажмите клавишу со стрелкой вниз несколько раз.

Поменяйте режим Заливки (Fill) на Градиент (Gradient). Установите Радиальный (radial) градиент, а также установите следующие цвета градиента:: #fb9953#9ea1d6 и снова #fb9953. Расположите слой с полученной фигурой ниже всех слоёв с персонажами, как показано на скриншоте ниже.

Создайте прямоугольник 1355 x 2225 px сиреневого цвета #78769e. Добавьте одну опорную точку в середине верхней стороны фигуры с помощью инструмента Добавить опорную точку (Add Anchor Point Tool). Выделите верхнюю левую и правую точку с помощью инструмента Стрелка (Direct Selection Tool (A), а затем нажмите клавишу со стрелкой вниз несколько раз, точно так же, как мы проделывали с предыдущей фигурой. Переключитесь на инструмент Угол (Convert Point Tool), а затем щёлкните по новой опорной точке в середине верхней стороны.

Скопируйте / вклейте фигуру на то же самое место (Ctrl+Shift+V), а затем сместите дубликат слоя вниз, расположив ниже оригинального слоя, слегка приподнимите фигуру. Перекрасьте эту фигуру в синий цвет #36568d. Далее, создайте тёмно-синий #1e2a55 прямоугольник поверх правой половину данной фигуры, а затем преобразуйте слой с только что созданным прямоугольником в обтравочную маску к предыдущей синей фигуре.

Making of a mirrors base

Шаг 2

Добавьте узкий прямоугольник сиреневого цвета #78769e в качестве планки над головами наших персонажей. Создайте маленький кружок оранжевого цвета #fb9953, расположив его в середине созданной планки. Расположите девять одинаковых кружочков по всей длине планки.

Создайте прямоугольник 145 x 1900 px тёмно-синего цвета #1b2b4a в качестве колонны. Добавьте небольшую фигуру 260 x 80 px светло-сиреневого цвета #acafea на верхнюю часть колонны, а затем тонкий прямоугольник тёмно-синего цвета #1b2b4a. В дополнение, добавьте прямоугольник 260 x 200 px светло-сиреневого цвета #acafea с толщиной Обводки (Stroke) 40 px и сиреневым цветом Заливки (Fill) #78769e. Сузьте верхнюю часть прямоугольника, расположив его на верхнюю часть колонны. Также, добавьте на колонну две вертикальные линии светло-сиреневого цвета #acafea с помощью инструмента Линия (Line Tool (U).

Сгруппируйте колонну (Ctrl+G), расположив её слева от зеркала. Продублируйте слой с колонной, расположив дубликат колонны справа от зеркала. Добавьте два небольших прямоугольника с обеих сторон и два прямоугольника поверх планки (см.скриншот ниже).

Creating of the mirrors frame

Шаг 3

Залейте фоновый (background) слой тёмно-синим оттенком #2e4b7d. Создайте фигуру прямоугольника в соответствии с размерами холста, а затем добавьте радиальный градиент от цвета переднего плана к прозрачному, цвет переднего плана установите на #1c2d4c. Таким образом, мы добавим глубины к нашей иллюстрации. Примечание переводчика: создайте фигуру прямоугольника поверх фонового слоя, чтобы он полностью охватил рабочее пространство.

Создайте прямоугольник с тёмно-синей Обводкой (Stroke) #162539 и синей Заливкой (Fill) #1c2d4c, а затем расположите его в качестве напольного покрытия.

Adding of a shadow and a floor

Шаг 4

Давайте заполним задний фон различными объектами, чтобы сделать нашу иллюстрацию более интересной и детализированной.

Далее, мы создадим подсвечник.

Вначале создайте прямоугольник 40 x 165 px жёлтого цвета #fcba4a с закруглёнными углами до 5 px. Добавьте овал оранжевого цвета #fcba4a с помощью инструмента Эллипс (Ellipse Tool (U). Переключитесь на инструмент Угол (Convert Point Tool), щёлкните по верхней опорной точке. Добавьте узкий тёмно-коричневый прямоугольник ниже предыдущих фигур.

С помощью инструмента Эллипс (Ellipse Tool (U), создайте круг 120 x 120 px красного цвета #e95839, уменьшите Непрозрачность (Opacity) слоя до 30%, расположив данный круг ниже слоя с пламенем свечи. Добавьте ещё один круг 270 x 270 px жёлтого цвета #fcba4a, уменьшите Непрозрачность (Opacity) слоя до 15%, расположив данный круг ниже слоя с предыдущей фигурой.

Добавьте узкий полностью закруглённый прямоугольник тёмно-синего цвета, а затем сгруппируйте все слои, относящиеся к подсвечнику (Ctrl+G). Продублируйте слой с группой, а затем расположите подсвечники с каждой стороны зеркала.

Creating of a candlestick

Шаг 5

С помощью инструмента Прямоугольник (Rectangle Tool (U), создайте два разных кирпича. Размеры первого кирпича составляют 210 x 90 px, тёмно-синего цвета #1f3154 с закруглёнными углами до 15 px. Размеры второго кирпича те же самые, единственное, цвет этого кирпича тёмно-сиреневый #3f4668. Создайте несколько дубликатов этих кирпичей, распределив их по всей стене.

Создайте полку из узкого прямоугольника сиреневого цвета #5c5b7e. Добавьте небольшой тёмный квадратик с правой стороны прямоугольника. Создайте фиолетовый #3b386a силуэт черепа из фигур круга и прямоугольника. В дополнение, создайте силуэт лабораторной колбы из перевёрнутого треугольника, небольшого узкого прямоугольника и ещё одного полностью закруглённого прямоугольника (см.скриншот ниже). Расположите полку в верхней части стены.

Создайте силуэт картины с помощью прямоугольника с тёмно-фиолетовой Заливкой (Fill) и тёмно-сиреневой Обводкой (Stroke). Добавьте два тёмно-сиреневых кружка на нижние углы картины (см.скриншот ниже).

Adding of bricks a shelf and a painting

Шаг 6

И пара заключительных штрихов!

Создайте копию фигуры зеркала, расположив дубликат слоя поверх всех персонажей, но ниже слоя с группой с Гарри на переднем плане, который обращён к нам спиной. Уменьшите Непрозрачность (Opacity) этого дубликата слоя до 15%.

Щёлкните правой кнопкой мыши по данному дубликату слоя и в появившемся окне, выберите опцию Параметры наложения (Blending options). Примените стиль слоя Внешнее свечение (Outer Glow). Установите следующие значения для данного стиля слоя, которые указаны ниже:

  • Цвет (Color): #ffa11c
  • Режим наложения (Blend Mode): Осветление (Screen)
  • Непрозрачность (Opacity): 100
  • Размах (Spread): 30
  • Размер (Size): 120

Нажмите кнопку 'ОК'.

Adding of an upper mirrors base

Шаг 7

Давайте проведём небольшой рендеринг нашей прекрасной иллюстрации с помощью кистей. Выберите инструмент Кисть (Brush Tool (B). Щёлкните по значку Открыть панель кисти (Toggle the Brush Settings). Выберите вкладку Кисти (Brushes), а затем выберите Сухую кисть (Dry Brush). Нарисуйте несколько линий вокруг краёв зеркала. Я сделала это с помощью сенсорного планшета.

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

Поменяйте кисть на Лёгкое Движение Кончиком Сухой Кисти (Dry Brush Tip Light Flow), чтобы нарисовать пару горизонтальных линий, при этом удерживая клавишу (Shift). Далее, поверните линии, расположив их поверх зеркала. Также преобразуйте данный слой в обтравочную маску.

Ещё раз выберите Сухую кисть (Dry Brush), установите тёмно-синий цвет кисти, создайте новый слой, а затем добавьте тени от зеркала, Гарри и подсвечников.

Rendering of a reflection with the Brush Tool

Отличная Работа, Волшебники!

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

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

До новых встреч!

The Final Result
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.