Make a Stunning Black & White Falling Scene in Photoshop

Preview

Note: This tutorial features a nude subject, and thus, this tutorial contains nudity for artistic purposes.

Click on the image below to view its full size.

Preview

Tutorial Resources

Step 1: Import the composition’s subject

Open model and model1 in Photoshop. Make a new document (Ctrl/Cmd + N) with Width at 3858px, Height at 2398px and 180 dpi.

Paste both images into this new document.

Select the first stock image in the Layers Panel and click on Edit > Transform > Rotate 90o CCW. Resize the image a little with the Free Transform command (Ctrl/Cmd + T) and place it right in the middle of the canvas with the Move Tool (V).

Now select the second image and choose Edit > Transform > Flip Horizontal.

Use the Eraser Tool (E) to erase everything roughly with a soft brush tip except the subject’s legs. Resize and place this over the body of the first image.

Take the Eraser Tool again and erase (with a soft brush) the hips of the second image to blend both images together.

The most important thing is that you don’t miss the proportions to make it look realistic.

Blending two images together

Next, render out the model with the Lasso Tool (L) or the Pen Tool (P). You don’t need to do this perfectly.

Step 2: Cut out several sections of the subject

Take the Lasso Tool (L), select an area of the model’s head and remove it (hit the Delete key).

Make a new layer behind this image, try to select the same shape with the Lasso Tool, pick a skin color of her face with the Eyedopper Tool (I) and fill the selection with your chosen color using the Paint Bucket Tool (G).

Make a new layer. Apply a clipping mask to this new layer (Ctrl/Cmd + Alt + G). Select a soft brush and brush with black on the inside of your shape.

Reduce the Opacity if needed, and if you want to, you can give the layer a Gaussian Blur filter to soften up rough edges.

Cutting out the face

Do the same thing with her arm, hand, and other body parts. You can use any shape and erase any part you want to. The exception here is that I didn’t erase parts of her hips: instead, I selected the lips with the Lasso Tool (L), right-clicked on the selection in the canvas and then chose Layer via Cut from the contextual menu. I then displaced it a little using the Move Tool (V).

Addtional cutting

Here’s our subject now.

Outcome

Step 3: Work on the subject’s background

Open the image of the stormy sea and place it into our canvas behind our subject.

Duplicate the stock image’s layer (Ctrl/Cmd + J) and flip it horizontally (Edit > Transform > Flip Horizontal).

Take the Lasso Tool and select some parts of the sea, copy (Ctrl/Cmd + C) the selected regions, paste (Ctrl/Cmd + V) it, and move it around a bit so it doesn’t look too mirrored anymore.

Take the Eraser Tool with a soft brush and erase the edges of these parts to blend them together.

Inserting the sea

Step 4: Add clouds to the background

First make a new layer and fill it with black. Set the new layer’s Opacity to 50%.

Next, open the cloud image, duplicate and flip it horizontally just like we did in the previous step. You can copy and paste parts of the clouds here, too. Set the Blend Mode of the cloud layer to Overlay.

Insert the first and second space image and set the layer’s blend modes to Lighten. Erase the bits where the space images are too bright for your tastes.

Inserting the Cherry Tree

Step 5: Further adjustments on the body

First duplicate our subject on a new layer (Ctrl/Cmd + J).

Use the Liquify filter (Filter > Liquify or Shift + Ctrl/Cmd + X) and simply smudge around.

Again, duplicate that layer and give it a Motion Blur filter (Filter > Motion Blur) — set the Angle to about 53o and the Distance to about 500px.

Move that layer upwards in the Layers Panel so that the image with the Motion Blur is only above the body, making it look like our subject is falling into the sea.

Adjustments on the body

Tip: If you want, you can take a soft and small white brush and brush on the edges of parts of the body you edited in Step 2. Set the layer’s Blend Mode to Soft Light and set the layer Opacity to around 50%. This looks especially better on brighter areas, giving the edges a slight bevel effect.

Optional Highlights

Step 6: Make it rain

Download and install the rain brushes and brush around the canvas until the whole scene is covered with rain. Reduce the Opacity of the layer if you want the rain to be more subtle — in my case, around 51% does the trick.

Adding rain

Step 7: Color adjustments and sharpening

Create three black and white gradient map adjustment layers by clicking on the Create a new fill or adjustment layer icon at the bottom of the Layers Panel. Leave the first one as it is (default setting), set the second one’s Blend Mode to Multiply and Opacity to 71% and set the third one’s Blend Mode to Luminosity.

Now would be a good time to save your work or create a layer comp. Merge all layers by right-clicking on any layer in the Layers Panel and choosing Flatten Image.

Finally, run the Sharpen filter by clicking on Filter > Sharpen > Sharpen and you are finished with the tutorial!

Color adjustments and sharpening

Tutorial Summary

In this digital art tutorial, you have learned how to create a realistic falling scene by merging images together, adding a motion blur and using rain that flows into the same direction. I hope you found this tutorial useful and look forward to your questions and comments.

Preview

Download Tutorial Source Files

Design a Vector Pencil Cartoon Character

Preview

Preview

Step 1: Create an artboard in Illustrator

Create a new document (Cmd/Ctrl + N) and use the settings below.

Create an artboard in Illustrator

Step 2: Place the sketch in and make it into a template

Go to File > Place and place your sketch into the artboard. If you want, you can use my original sketch for the purpose of following along this tutorial. I must warn you, though, that it was a very rough sketch and scan (download it here, if you must).

Place the sketch in and make into a template

Select your sketch template.

Place the sketch in and make into a template

Double-click on the layer with the placed file and use the settings specified below to make this layer into a template.

Place the sketch in and make into a template

Step 3: Create a new layer for base shapes

Create a new layer and name it "Base Shapes". This will keep our work orderly. This layer will contain the basic shapes and drawings of our vector illustration.

New Layer for base shapes

Step 4: Start making base shapes

Select the Ellipse Tool (L) to start drawing our base shapes.

Start making base shapes

Using your sketch template as a reference, create an ellipse for the head, and then, the pencil.

Start making base shapes

To make the base cylinder shape, duplicate the oval, Shift-drag downward, then create a rectangle that perfectly aligns with the duplicate ovals. Copy this shape, and then on the copy, apply the Combine pathfinder command on it. The reason you have to have a duplicate is that later on we will be using elements from the one that is not committed by the pathfinder.

Start making base shapes

The Pathfinder Panel can be turned on using the Window menu item.

Start making base shapes

Step 5: Elongating the cylinder

We need to stretch the cylinder and make it taller. We will utilize the Direct Selection Tool (A) to do this.

Elongating the cylinder

Duplicate the cylinder shape. Select the top three anchor points with the Direct Selection Tool and Shift-drag upwards to elongate the base cylinder shape.

Elongating the cylinder

Step 6: Making the rim detail

To make the rim detail, use the small cylinder shape from the previous step and the oval from the base shapes step.

Align these two shapes horizontally and vertically using Align Objects commands.

Elongating the cylinder

Divide these shapes using the Divide pathfinder command.

Elongating the cylinder

Once divided, you can then use the Group Selection Tool to pull apart the pieces.

Elongating the cylinder

The shapes below are the basis for the character’s head.

Elongating the cylinder

Step 7: Drawing the base shape for the head

To make the base head of the character (the eraser part of the pencil), get the elongated cylinder shape and oval.

Drawing the base shape for the head

Align these two shapes in the middle and top edges.

Drawing the base shape for the head

Ensure that the oval is on top by selecting it and bringing it to front (Object > Arrange > Bring to Front).

Drawing the base shape for the head

Drawing the base shape for the head

Step 8: Combining the head and rim

So far, you should have the elements below. We’ll now start to put them together.

Combining the head and rim

First, select the elongated base head and group it. Then ungroup the rim elements and select the bottom rim. Select these two elements and align them to the bottom edge using the Vertical Align Bottom command in the Align Panel.

With the Scale Tool (S), click once on the bottom edge of the lower rim and scale it up a little bit.

Duplicate this scaled rim (Shift + Opt/Alt-Drag upward) and reflect it (Object > Transform > Reflect).

Send the reflected rim to the back (Object > Arrange > Send to Back).

Combining the head and rim

Combining the head and rim

And there you go—everything is shaping up nicely.

Combining the head and rim

Step 9: Add details on the rim

Duplicate the most recent rim detail twice from the previous step (Shift + Opt/Alt-Drag downwards).

Select these two shapes and use the Intersect command in the Pathfinder Panel.

Detail on the rim

Detail on the rim

Step 10: Use Offset Path on the detail

We will continue to shape our eraser by giving it another ridge that seems to be on a higher plane than the current rim. We’ll do this by offsetting the shape to create a different-sized, smaller copy of it (Object > Path > Offset Path).

Use Offset Path on the detail

Use these Offset settings on this shape.

Use Offset Path on the detail

Align the offset shape to the rim; a handy way to do this is by selecting those two shapes and clicking once again on the base rim. Doing this tells Illustrator that the base rim is the key object. When you align, only the offset detail will move and align with the base rim.

Use Offset Path on the detail

Step 11: Making the body of the character

With our eraser taking shape, lets now move onto the body of our character—the shaft of the pencil. Create a rectangle in the same width as the base head (not the rim).

Select the two bottom anchor points of this shape. Shift-drag them downwards and scale inwards. Ensure proportions of this shape are relative to your sketch template.

Making the body of the character

Now create four perfect squares next to each other by using the Rectangle Tool and holding down Shift. Duplicate your first square by Shift + Opt/Alt-dragging once, and then pressing Cmd/Ctrl + D two times. This will give you the result shown below.

Making the body of the character

Group (Cmd/Ctrl + G) the four squares and send them back.

Making the body of the character

Select the two elements shown below and then go to Object > Envelope Distort > Make with Top Object.

Making the body of the character

Once you have applied the Envelope Distort, select and expand it.

Making the body of the character

Step 12: Create a new Art Brush

After you expand the shape, make it into an Art Brush. You do this by dragging the element into the Brushes Panel. A dialogue box will ask you what kind of brush you want—specify New Art Brush.

Create a new Art Brush

Step 13: Apply the new Art Brush on the character’s body

Make a path with the Pen Tool (P) to follow. It helps if you refer to the sketch template when doing this.

Create a new Art Brush

Step 14: Apply the new Art Brush

Apply the Art Brush made in the previous step and expand its appearance, Object > Expand Appearance.

Afterwards, make sure this element is sent to the back.

Create a new Art Brush

Step 15: Draw the pencil tip

Create a half "u/v" shape with the Pen Tool (P), shaped like the tip of a pencil.

Next, select the shape and then reflect it (Object > Transform > Reflect).

Then join the two bottom anchor points with each other by selecting them and then hitting Cmd/Ctrl + J. Repeat this for the top anchor points.

Making the Wooden Head and Multi-colored Lead

Send this shape behind the body using the Object > Arrange command. Then use scale and rotate tools to make the edges the same size and align.

Making the Wooden Head and Multi-colored Lead

To make the lead of the pencil, copy and paste in front of the wood shape. So, now you have two of the same shape on top of one another.

Now, make a circle with the Ellipse Tool and intersect it with the frontal wood shape.

Making the Wooden Head and Multi-colored Lead

Step 16: Making the mouth of the character

Alright, now that we have the basic shape of our character, we’ll start on its detailing. First up is the face of our character, which will be on the eraser. Start off with a circle using the Ellipse Tool, delete the topmost anchor point with the Direct Selection Tool (A).

Making the mouth of the character

Refine the mouth shape with the Path Eraser Tool (hidden behind the Pencil Tool).

Making the mouth of the character

Thicken the stroke and round off the edge of the path in the Stroke Panel.

Making the mouth of the character

Expand the path (Object > Expand).

Making the mouth of the character

Step 17: Create the teeth of the character

Create the teeth of the character by making a duplicate of the shape and applying a negative offset value to it. When adding an Offset Path effect, make sure the path does not have a stroke or else you will get odd results. Also, Offset Path requires the shape’s appearance to be expanded (Object > Expand Appearance) after its application to commit it and allow us to work with it.

Create the teeth of the character

Create the teeth of the character

Step 18: Make the eyes of our character

With the Line Segment Tool (\), create a diagonal line by Shift-dragging in a diagonal motion; holding down Shift ensures that you are creating a diagonal line with a 45-degree angle.

Making the Eyes

Now reflect a copy of the diagonal line. Thicken and round off edges like with did for the mouth of our character. Also, expand this shape and then combine the expanded shape using the Combine command in the Pathfinder Panel.

Making the Eyes

Afterwards, draw a perfect circle around the "X" shape by Shift-dragging using the Ellipse Tool.

To finish off the eyeball, send it to the back.

And there you have it, an eyeball with a cross as the pupil.

Making the Eyes

Step 19: Place and tweak characteristics

Group the eye and mouth and then tweak them with the Group Selection Tool. Afterwards, position the pieces on top of our eraser using the Selection Tool (V).

Place and tweak characteristics

Step 20: Make the paper base

We will make it look like our pencil is writing on a piece of paper; the paper serves as the base of our shape. Make a narrow "C" shape with the Pen Tool and then Shift-drag to duplicate it.

Join the bottom and top anchor points of the "C" shape with each other using Pathfinder commands.

You should now have a paper fold shape.

Make the base paper

Create a rectangle that perfectly aligns to the bottom edge of the paper fold.

Make the base paper

Select the bottom two anchor points of this rectangle and drag it up over the top edge of the paper fold. Ensure this shape is behind the paper fold.

Make the base paper

While the anchor points are still selected, move them so that the rectangle looks skewed, giving the illusion of the paper being seen on an angle in 3D space.

Make the base paper

Step 21: Color in the artwork

Artwork can be colored easily with the Eyedropper Tool (I) and the Color and Swatches Panels open. (I discuss this simple coloring technique in greater detail in my previous illustration tutorial.)

In the Color Panel, specify a stroke and fill color; you could also use the Swatches Panel. I recommend docking these two panels when you are coloring artwork for convenience, and hiding them when you’re doing line work to give you more space in your monitor screen.

Once you specify a fill and stroke, press Opt/Alt and click on closed paths to give them desired colors, gradient, and/or patterns.

Color in the artwork

Color in the artwork

Step 22: Adding detail to your artwork

With the Knife Tool, split the lead into four closed paths.

Adding detail to your artwork

Double-click on the base paper to enter Isolation mode. Within Isolation mode, create a path drawn by the character with the Pen/Pencil Tool.

Adding detail to your artwork

On top of the path, create lines (with no stroke or fill) that split the bottom shape into four sections. Select these elements use the Divide command in Pathfinder on them—this will cut the bottom shape into four separate closed paths.

Adding detail to your artwork

With the Direct Selection Tool, copy the base paper rectangle and paste in front of the drawn path.

Adding detail to your artwork

Select the drawn path and the frontal shape and make a clipping mask via Object > Clipping Mask > Make.

Adding detail to your artwork

Select the clipping path with the Selection Tool (V) and apply the Divide command again (in Pathfinder).

Adding detail to your artwork

Step 23: A technique for adding highlight and shadows

When adding highlights/shadow details, it’s better to keep it only as a fill.

A technique for adding highlight and shadows

With the Pen Tool, I created a highlight shape on the rim.

A technique for adding highlight and shadows

Clean up the highlight detail by copying and pasting in front of the highlight shape of the offset rim detail shape and then removing its fill.

Repeat this step as desired and see your character come to life!

A technique for adding highlight and shadows

Tutorial Summary

Preview

In this tutorial, I have shown you different ways to illustrate a cartoon character based off a scanned-in sketch. We applied various Pathfinder commands, shape tools, transformation commands, and other basic and non-complicated Illustrator features to create a vector character.

I hope that through this tutorial, you can see that many of Illustrator’s power lies within its basic shapes and transformation tools, and you should try to explore their potential in helping you convert your sketches to digital vector art.

Happy Illustrating! Show us your own vector drawings by adding it to the Design Instruct Flickr group pool.

Download Tutorial Source Files

hey-you

The internet is already super-good at pointing you towards information you’re looking for. That’s why around 90% of all web users visit Youtube, Google, Yahoo or MSN on a daily basis.

But the next generation of online information gathering is recommendation.

That is, advanced websites and programs designed to serve you content that you don’t know you want.

No two sites do this better than Stumbleupon and Pandora.

Photo thanks to cw3283.

Great blogging is hard.

You have to be pretty knowledgeable about your topic, write really well, and make your blog posts look great too. On top of that, you’ve got to read, comment, and converse daily with your online peers to get into your niche.

Rough life right?

To give you some relief, here’s the stuff that’s made my blogging addiction a little more manageable. Enjoy!

More Search Options (Not Just Google)

Free Images