What You Will Create
What scene from the world of Harry Potter do you remember most? For me, this is the moment when Harry saw his parents in the mirror of Einalesch. Mirror Enelarage is a magic mirror that shows a person his innermost desires.
So today we will learn how to recreate this scene in Adobe Photoshop using simple geometric shapes, a tool Gradient (Gradient) (G) and more. After this lesson, you will know how to organize a file with a large number of layers, how to quickly create clipping masks and how to make cute characters from simple shapes. We will also use the tool. Brush (Brush) (B) to complete our illustration. Let’s start!
1. How to draw Harry
Open Photoshop, click File> New (File> New) (Command-N) and select the A4 template in the tab Print (Print).
Change millimeters to pixels and click OK. Also do not forget to include quick guides (View> Show> Smart Guides (View> Show> Quick Guides)).
With the tool Ellipse (Ellipse) (U) create a dark blue oval (# 18242c) with a size of 225 x 275 pixels. You can adjust the size, color, and radius of the corners on the property bar (Window> Properties (Window> Properties)). Choose a tool Convert Point (Angle) (you can do this by long pressing the tool Pen tool (P) (Pen)) and click on the lower node of the shape.
Create a 70 x 15 pixel rectangle of the same color with the most rounded corners.
Press Control-T to activate the command. Free Transform (Free Transform), then right-click and select Warp (Deformation).
Select effect Arc (Arc) from dropdown menu Warp (Deformation) on the top panel. Pull the center of the shape a bit and press Enter.
Place two copies of the shape (to do this, click Command-C and then Command-V) on top of the oval.
Create a pink (# f39e91) 65 x 90 rectangle with the tool Rectangle (Rectangle) (U) – this will be the neck. Choose a tool Direct selection (Highlight node) (A) and position the two lower nodes farther apart.
Move the neck layer under the hair layer on the layers panel.
Let’s take the tool Rectangle (Rectangle) (U) and create a red (# e95839) rectangle measuring 365 x 580 pixels. Round off its corners by 60 pixels using the properties panel.
Use the tool Add anchor point (Pen + (Add reference point)) (you can select it by long pressing the tool Pen tool (P) (Feather)) to add two knots near the neck. Then select the right and left nodes and press the down key on the keyboard several times to create shoulders.
Create a yellow (# fca84d) strip measuring 365 x 120 pixels and place it in the center of the previous shape.
Start creating a sleeve from a red (# d73f1e) rectangle 100 x 570 pixels in size with corners rounded 40 pixels. Add a yellow (# fca84d) rectangle measuring 70 x 30 pixels. Round off its corners by 10 pixels and place it under the bottom of the sleeve.
Form a hand from a pink (# f39e91) circle (use the tool Ellipse (Ellipse) (U)). On top of the left side of the oval, create any rectangle. Then, select both shapes, and, with the selected tool Rectangle (Rectangle) (U), right-click and click Subtract front shape (Subtract the front figure). Hand add to the sleeve.
Select a layer with a red sleeve in the layers panel and click on the icon for creating a new layer in its lower part with the Alt key held down. Select Use Previous Layer to Create Clipping Mask (Use the previous layer to create a clipping mask) in the window that appears and press OK (or Enter). Create a burgundy color circle (# a72205) measuring 90 x 90 pixels with a 1 pixel bypass and no fill. Move the circle to the edge of the sleeve.
As you can see, the circle is automatically clipped in those places where it goes beyond the sleeve, as it is located on the layer of clipping mask. Draw a circle by holding the Alt key to create 2 copies of it. Place these layers behind the first circle layer.
Group (Command-G) all layers with hand elements. Copy (Command-C) the group and place it in the same place (Command-Shift-V). Press Control-T to activate the command. Free Transform (Free Transform), then right-click and select Flip Horizontal. Move the copy by holding down the Shift key.
Let’s add a collar to the bottom of the sweater.
Take the tool Rectangle (Rectangle) (U) and create a burgundy rectangle of 315 x 45 pixels in size, round its bottom corners 20 pixels. Put it on the bottom of the sweater.
Create a 180 x 30 pixel rectangle with corners completely rounded. Click Command-T and select Warp (Warp) by clicking the right mouse button. Select Arc (Arc) on the control panel. Pull the center of the shape a bit and press Enter. Position the figure like a collar.
Now we add a couple of stripes to make the sweater look more detailed.
Take the tool Line (Line) (U) and create a long line of burgundy color. Set the thickness to 5 pixels on the property bar. Place this layer on top of the layer with the sweater, select it, and then click on the layer with the sweater holding down the Alt key – this is another convenient way to turn the layer into a clipping mask.
Create four copies of the line and place them on the sweater. Place the layers with them under the first line to turn them into clipping masks.
Create jeans by combining two blue (# 312f5a) rectangles (make them bottom a little bit with the tool Direct selection (Selecting a node) (A)) and a small rectangle between them. Select all three shapes, hold down Shift, and click Command-E to merge these three shapes into one layer. Add jeans to our character.
Create a dark blue rectangle measuring 80 x 40 pixels and go to Warp (Deformation) (as we did earlier). Select Bulge (Convex) and click on the button Change the Warp Orentation (Change the orientation of the deformation) on the top bar. Add a layer with the sole as a clipping mask.
Put a pair of shoes on Harry. Copy all the layers related to our character, except for shoes – this will be a reflection of Harry. Paste these layers and move them behind Harry’s back.
Click Command-T and flip these layers horizontally. Move them to the left and higher than Harry’s back.
Use the property bar to dye your hair brown (# 392822) and your gins light brown to make the reflection warmer than the original.
Let’s start the creation of a face with a light pink rectangle (# ffcdc5) with bottom corners, rounded 60 pixels. Add two small dark blue (# 162539) ovals measuring 17 x 17 pixels as eyes.
Create two dark brown (# 36251d) circles with a stroke of 10 pixels and no fill, as well as a small, completely rounded rectangle between them. Click Command-T, select Warp (Warp) and then Arc (Arc) on the control panel. Harry’s glasses on the spot! You can always choose a color from the panel. Recently Used Colors (Recently used colors).
Add a pink (# ffa99b) rectangle measuring 15 x 35 pixels with corners completely rounded as the nose and two ovals measuring 25 x 25 pixels in the same color as the cheeks.
Now let’s combine a blue (# 36251d) oval with a rectangle to form a mouth. Select both shapes and click. Subtract Front Shape (Subtract the front figure).
Create a peach pink (# e5754f) oval measuring 35 x 35 pixels and trim its top, as we did earlier, to form an ear. Add two ears to the head.
Take the tool Pen (Feather) (P) and draw Harry’s scar as shown below. Change properties using the top bar (rounded ends, 2 pixel stroke). Group (Command-G) all layers related to the face.
Let’s finish character creation by adding bangs. Create a random brown rectangle and place it on top of the glasses. With the tool Add anchor point (Feather +), add about eight anchor points at the bottom of the bangs. Then move some of them higher with the tool. Direct selection (Highlight node) (A).
Create an oval color slightly darker than the neck, and place it over the neck, like a shadow. Click on the neck layer while holding the Alt key to turn the shadow layer into a clipping mask.
2. How to draw Harry’s mom, Lily
Start developing this character by copying Harry’s shadow with a shadow. Take the tool Rectangle (Rectangle) (U) and create a mantle from a blue (# 36568d) rectangle measuring 420 x 1120 pixels. Form the shoulders by adding two anchor points near the neck with the tool Add anchor point (Feather +). Move the right and left upper corners by pressing the down arrow on the keyboard several times.
Add a dark blue (# 1b2b4a) circle over the mantle, like a collar. Turn it into a clipping mask.
Complete the collar by closing the half of the neck. Create an orange (# e95839) line that runs from the bottom of the mantle to the collar. Change its thickness to 8 pixels.
Form a zipper out of a yellow (# fcba4a) 75 x 75 pixel circle, cutting off its bottom (we already did this in some previous steps).
Place two copies of the clasp over the collar, as shown below.
The magic mantle is no magic at all without stars. Choose a tool Custom Shape (Arbitrary figure) (U), and then look at the top of the panel with the figures and click on the gear icon on the right. From the drop-down menu, select All (All) and find the star among the other figures. Place the star on the mantle, hold down the Shift key and repaint it in yellow. Then click on the star, and drag it while holding the Alt key to create its copy. Make as many copies as you like. Turn any of these stars into a clipping mask for a layer with a mantle and place all the other stars under a clipping mask.
Create a dark blue (select color from recently used) rectangle with a size of 100 x 765 pixels and round off its upper right corner by 100 pixels. Add a pink oval as a brush and place our hand near the body.
Select a brush and sleeve, copy them, right-click and flip horizontally. Move the copy to the left while holding down the Shift key.
With the tool Ellipse (Ellipse) (U) create a pink (# ffcdc5) oval 170 x 260 pixels. Add two circles a little darker (# ffa99b) as cheeks.
Create a short, narrow dark blue (# 162539) rectangle with corners rounded completely and arch it using the function Warp (Deformation), as we did before. Arrange two figures like eyes. Copy the nose of Harry and paste on the face of the mother (the ideal similarity between the child and the parent).
Create another narrow rectangle, brown as Harry’s hair. Bend it in the opposite direction. Create a pink (# ff8b78) rectangle 50 by 50 pixels in size. Select both a narrow rectangle and a circle, right-click and select Subtract Front Shape (Subtract the front figure). You can also select this function in the outline operation menu at the top. We made a mouth!
Add two narrow, dark brown, completely rounded rectangles as eyebrows. Do not forget to bend the arc and them.
Create two orange (# e95839) circles with a size of 100 x 100 pixels – this will be a bang. Turn them into a clipping mask for a layer with a head.
Take the tool Rectangle (Rectangle) (U) and create an orange (# d73f1e) rectangle of 240 x 440 pixels. Round it out, return the corners to 115 pixels and place it behind the head (see screenshot below).
Create an orange circle measuring 155 x 155 pixels and two more circles (each larger than the previous one) and form the left half of the hair. Then copy, flip horizontally and move these shapes to the right.
Form a leg from a brown (# 392822) rectangle measuring 125 x 200 pixels. Make the bottom of it already with the tool. Direct selection (Highlight node) (A). Place both legs behind the gown. Group all the layers related to the mother and move the character to the left side, behind Harry’s reflection (see screenshot).
Cut off the excess parts of Harry’s jeans with any rectangle. They should be the same length as the mom (see screenshot below). Then, make sure that you have grouped all the layers, as shown in the screenshot, so that our project has order. And now, let’s go to Harry’s father.
3. How to draw Harry’s father, James
You have already learned a lot in the previous steps, so the process should go faster.
Start by creating a 130 x 130 pixel pink rectangle with the tool. Rectangle (Right angle) (U).
Make the upper part of the shape already and add the oval shadow with the tool Ellipse (Ellipse) (U) and clipping mask, as we did earlier.
Create a blue (# 404759) rectangle measuring 530 x 1350 pixels. Take the tool Add anchor point (Feather +) to add two anchor points near the neck. Switch to the tool Direct selection (Highlight node) (A), select the left and right upper corners and press the down arrow on the keyboard several times to form the shoulders.
Let’s create a face from three simple shapes. To begin with, create a pink rectangle 170 x 130 pixels in size, make the bottom of it lower, place it directly below the first shape. Also add a circle to the bottom of the previous figure to make a chin. Quickly combine shapes by pressing Command-E.
Take the tool Rectangle (Rectangle) (U) and create a brown, fully rounded rectangle with a size of 70 x 6 pixels – this will be your mouth. Bend it slightly with the function Warp (Deformation). Copy the nose and glasses from Harry’s face. Create two pink circles measuring 75 x 70 pixels as cheeks and turn them into clipping masks.
To form an ear, create a peach (# e5754f) color circle with a size of 65 x 65 pixels using the tool Ellipse (Ellipse) (U) and one more circle darker (# e95839) with a stroke of 1 pixel and no fill. Put the second circle on the first. Place your ear near the head and copy it to the right side.
Go to the hair – create a dark brown (# 392822) rectangle with a size of 185 x 170 pixels, rounding the upper left corner to 70 pixels. Put it behind your head. Add a small, dark brown circle on top of the top left corner of the head.
To make a bang, start with a light brown (# 392822) 160 x 160 pixel circle. Then, select the function Subtract Front Shape (Subtract the front shape) at the top of the outline operations panel, click Command-Z and draw any rectangle over the circle to cut it in half. Place the resulting bang in the upper right corner of the face. Group (Command-G) all parts related to the head. It turned out a cute character, is not it?
Place your head on your neck. Add two white, slightly rounded rectangles as a collar. Place a light blue (# abc7fa) circle on the mantle, as shown below, and click on the layer with the mantle, holding the Alt key to turn the circle into a clipping mask.
With the tool Rectangle (Rectangle) (U) create a dark blue (# 22273b) rectangle, rounding its upper right corner at 70 pixels. Place it to the right of the body. Copy it, paste, flip horizontally and move to the left.
Create a yellow (# fcba4a) rectangle measuring 50 x 50 pixels. Add an anchor point in the middle of its left side with the tool Add anchor point (Feather +). Switch to the tool Convert Point (Angle) and click on the new reference point. So we created a triangle.
Add a narrow orange (# fcba4a) rectangle behind the triangle and another triangle on the other end (see the screenshot below). Select all three shapes and group (Command-G) them.
Make about six copies of the zipper closure. Add a dark blue (# 22273b) line to the mantle with the tool Line (Line) (U). Group (Command-G) all layers related to the father. Put James Potter behind Harry and Lily.
We created all the characters! Time to work on the background.
4. How to draw a mirror
Let’s start with the mirror.
Take the tool Rectangle (Right angle) (U) and create a rectangle with the size of 1190 x 2010 pixels. Color does not matter.
Add one anchor point in the middle of its upper side with the tool. Add anchor point (Feather +). Select the left and right upper corners with the tool. Direct selection (Node selection) (A) and press the down arrow on the keyboard several times.
Change the fill mode to gradient. Make a radial gradient of these three colors: # fb9953, # 9ea1d6 and again # fb9953. Place the resulting figure behind all the characters, as shown in the screenshot.
Create a purple (# 78769e) rectangle measuring 1355 x 2225 pixels. Add one anchor point in the middle of the upper part with the tool Add anchor point (Feather +). Select the left and right upper corners with the tool. Direct selection (Select the node) (A) and press the down arrow on the keyboard several times, as we did with the previous figure. Take the tool Convert Point (Angle) and click on the anchor point in the middle of the top.
Copy the shape, paste it in the same place (Command-Shift-V), move it behind the layer with the original shape and move it up a little. Repaint this shape to blue (# 36568d). Close the first part of this shape with the dark blue (# 1e2a55) rectangle and turn this new rectangle into a clipping mask of the previous blue shape.
Add a narrow purple (# 78769e) rectangle like a crossbar over the characters’ heads. Create a small orange (# fb9953) circle and place it in the middle of the crossbar. Place 9 small circles on it.
Create a dark blue (# 1b2b4a) rectangle 145 x 1900 pixels in size – this will be a column. Add a small light purple (#acafea) shape on top of it and a tiny blue (# 1b2b4a) rectangle. Also add a rectangle of 260 x 200 pixels with a light purple (#acafea) stroke of 40 pixels and a purple (# 78769e) fill. Make it top already and place it on top of the column. Also add two light purple (#acafea) lines to the column with the tool Line (Line) (U).
Group (Command-G) the details of the column and place it to the left of the mirror. Create a copy of it and place it on the right. Add two small rectangles on both sides and two rectangles above the bar (see screenshot).
Fill the background with a dark blue (# 2e4b7d) color. Create a rectangular shape the size of a canvas on top of it, select a radial gradient Foreground to Transparent (From basic to transparent) and repaint it in darker blue (# 1c2d4c). So we added the depth of our illustration.
Create a rectangle with a stroke of dark blue (# 162539) color and blue (# 1c2d4c) fill and position it like a floor.
Let’s fill the background with all sorts of objects to make our illustration more interesting and detailed.
Now we will create a candle.
Start with a yellow (# fcba4a) rectangle with corners rounded 5 pixels. Add an orange (# fcba4a) oval with the tool Ellipse (Ellipse) (U). Switch to the tool Convert Point (Angle) and click on the upper reference point. Add a narrow, dark brown rectangle behind the two previous shapes.
Take the tool Ellipse (Ellipse) (U) and create a red (# e95839) oval measuring 120 x 120 pixels and place it behind the first shape. Add a yellow (# fcba4a) circle measuring 270 x 270 pixels, change its opacity to 15% on the layers panel and place it behind the previous shape.
Add a narrow, fully rounded blue rectangle and group (Command-G) all the candle elements. Place the candle to the left and right of the mirror.
Take the tool Rectangle (Rectangle) (U) and create two kinds of bricks. One is 210 x 90 pixels of dark blue (# 1f3154) color with corners rounded by 15 pixels. Add one more of the same shape, but a dark purple (# 3f4668) color. Duplicate these two types of bricks and place them on the wall.
Make a shelf from a narrow purple (# 5c5b7e) rectangle. Add a short, dark square to the right of the rectangle. Create a purple (# 3b386a) skull silhouette from a circle and a rectangle. Also, create a silhouette of the flask of their square, made into a triangle, a small, narrow rectangle and another completely rounded rectangle (see image below). Place the shelf on top of the wall.
Create a silhouette pattern of a rectangle with a dark purple fill and dark purple stroke. Add two dark purple circles on top of the lower corners of the rectangle (see screenshot below).
And a couple of final touches!
Create a copy of the mirror figure and place it in front of all the characters and behind a group of layers with Harry’s back. Change the opacity to 15% on the layers panel.
Right click on the layer and select Blending options (Overlay options). Select Outer Glow (External glow) and set the following parameters:
- Color (Colour): # ffa11c
- Blend mode (overlay mode): Screen (Screen)
- Opacity (Opacity): 100
- Spread (Swipe): 30
- Size (Size 120
Let’s work on our beautiful brush illustrations for a bit. Take the tool Brush (Brush) (B). Click on the icon Toggle the Brush Settings (Turn on / off panel brushes) on the top panel. Select the tab with brushes and find Dry Brush (Dry brush). Draw a few lines along the edges of the mirror. I did it with a touchpad.
While still on the same layer, click on the layer with the mirror, holding down the Shift key to turn the new layer into a clipping mask. You can change the blending mode to Dissolve (Fade out) to make the dust clearer.
Change brush to Dry Brush Tip Light Flow (number 66 in the standard set) and draw a pair of horizontal lines while holding down the Shift key. Then rotate them and place them on top of the mirror. Turn this layer into a clipping mask.
Again choose a dark blue dry brush, create a new layer and paint the shadows on the mirror, Harry and the candles.
Great job, Wizards!
We finished a complex, rather confusing illustration and learned a lot in Photoshop, thus creating many new, useful neural connections in our brain. I hope this helps you unleash your creativity and create even more beautiful, unique projects.
Do not forget to share your results in the comments! You can also experiment with colors and details in your own illustration.
See you soon!