Photoshop tutorial: Create a children’s picture book illustration

Fabio Sasso shows how to give a soft edge to photomontages using adjustments, adjustment layers, blurs and masks.

Intro


Transforming run-of-the-mill stock photos into dreamy, fantastical compositions is easy when you know how.

See also: 86 Best Photoshop tutorials

In this brilliant tutorial, Photoshop wizard Fabio Sasso puts layer masks and Photoshop’s built-in filters to good use to create a beautiful, enchanting image that wouldn’t be out of place in a children’s book.

Before you start you’ll need the project files below and some stock images – Fabio has bought images from Shutterstock, although you can also use similar images of your own.

The girl image is here; the moon is here; some of the clouds are here. You’ll also need a star flare; NASA is a good source for these.

Software

Adobe Photoshop

Time to complete

3 hours

Project Files

Please visit the desktop site to download the project files.

Step 1

STEP 1

Open Photoshop and create a new A4 document. Fill the background layer with a very dark grey (#0d0e10). Import the image of a girl on a ladder you downloaded from Shutterstock here. Extract the backround using the Quick Selection tool (W), the Lasso tool (L) or any other method.

See also: 86 Best Photoshop tutorials

Then remove the back strut of the ladder as shown here.


Step 2

STEP 2

Duplicate the girl’s layer and go to Filter > Other > High Pass. Set the radius to 5, and change the blending mode to Vivid Light. Then go to Layer > Create Clipping Mask. This will increase the amount of detail.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 3

STEP 3

Add a layer at the top of the layer stack and go to Layer > Create Clipping Mask. Using a large soft black brush (B) paint over the girl. She will be almost touching the moon, so her face and arms should be shinier, while the bottom half of her body will be almost entirely in darkness.

See also: 86 Best Photoshop tutorials

To boost the contrast go to Layer > New Adjustment Layer > Gradient Map. Change the blending mode to Soft Light. This adjustment layer will also need to be a clipping mask.


Step 4

STEP 4

In a new layer, place the photo of the moon that you dowloaded at the start. Change the layer’s blending mode to Screen.

See also: 86 Best Photoshop tutorials

Go to Image > Adjustment > Hue/Saturation, select Colorize, and make the moon bluer. Also go to Image > Adjustment > Brightness/Contrast and increase the Brightness to 54 and the Contrast to 51.


Step 5

STEP 5

Fill a new layer with pink (ff80b6), then with a big soft brush, paint a light blur (61a5fb) where the moon will be. Change the layer’s blending mode to Soft Light. This layer will be on top of the others.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 6

STEP 6

Duplicate the moon layer and go to Filter > Blur > Gaussian Blur, setting the radius to 10 – this will give the moon a nice glow. Now import the star flare.

See also: 86 Best Photoshop tutorials

Change the blending mode to Screen and go to Image > Adjustment > Levels. Increase the black input to 15. With the Eraser Tool (E) delete all of the image except the flare.


Step 7

STEP 7

Open IMG_1466.jpg from the project files – this is a cloud photo taken by Fabio Sasso. Go to Image > Adjustments > Brightness/Contrast. Reduce the Brightness to -5 and increase the contrast to 80.

See also: 86 Best Photoshop tutorials

Also go to Image > Adjustments > Hue and Saturation. Select Colorize, then move the Hue to 270, reduce the saturation to 4 and the lightness to -12.


Step 8

STEP 8

Add more clouds to your composition: the idea is to create a fluffy horizon. You can use the cloud image you downloaded from Shutterstock at the start or any similar ones of your own – just be careful to make sure the colours fit in. Import the image and place in the document. Then with the Eraser tool (E) delete the edges of the image until it’s well blended with the other clouds.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 9

STEP 9

Go to Image > Adjustments > Hue/Saturation. Select Colorize, then increase the hue to 220, reduce the Saturation to 12, and keep the lightness at 0. The idea is to match the colour of the clouds.

See also: 86 Best Photoshop tutorials


Step 10

STEP 10

Open stars.tif from the download, import the image and place it beneath the other layers but in front of the background. Change the blending mode to Color Dodge and the opacity to 80%. Also select the lens flare layer and go to Image > Adjustments > Hue/Saturation. Reduce the saturation to -60.

See also: 86 Best Photoshop tutorials


Step 11

STEP 11

Now let’s add a glow effect. Select all the layers and duplicate them, then merge the duplicated layers. Go to Filter > Blur > Gaussian Blur, setting a radius of 20 pixels.

See also: 86 Best Photoshop tutorials

Change the blending mode to Screen. With the Eraser tool (E) delete most of the image, leaving only the areas that are illuminated by the moon.

Advertisement. Article continues below

Step 12

STEP 12

Add a layer at the top of the layer stack and use a large, soft black brush to paint the edges of the image. The idea is to create a subtle framing effect for the image.

See also: 86 Best Photoshop tutorials


Step 13

STEP 13

You can even add your own logo or pattern on top of the image. A nice tip for pattern overlay is to apply the Liquify filter and distort the pattern according to the image beneath – this creates a great effect.

See also: 86 Best Photoshop tutorials