Design Process: How to create a movie poster with Photoshop and Paint Tool SAITweet
Today we will create a movie poster inspired by “Legend of The Guardians: The Owls of Ga’hoole” movie using Photoshop, stock photos, brushes and Paint Tool SAI – a free drawing application, similar to Photoshop but with alot less technical features and more settings for brushes.
Completion time: 2-3 hours
Tools: Photoshop, Paint Tool SAI
By following this tutorial you will learn how to:
- create cool compositions for your designs
- define a color palette
- extract objects from pictures
- use adjustment layers
- use blending modes
- retouch images
- use blending modes
- add texture to objects
- create textured backgrounds
Final Image Preview
Before we start, there are a few things we need for this to go smooth. First, research! Google some posters, covers, banners, whatever you find will be OK. Now let’s take some notes on the characteristics of these characters!
- realistic body shape
- metallic claws and helmet
- embossed flowers on the surface
- defined by round shapes and sharp corners
- small dents
- reflective surface
Based on these traits, we can start working on our composition. At the moment, we just want to establish the tones in teh composition, regardless of details or color palette. I use a Black & White adjustment layer to show everything in grayscale.
Overall, the owl will have a dominant dark tone, since it will be the closest element, so we’ll need a light background to contrast with it. Also we will need a clean area to add text, so I guess the bottom area will do nicely and will provide a nice stability element for the entire design.
This is how the design would look in grayscale and no details.
Now that we have a composition in mind, let’s start shaping it up!
Open the “owl” picture (File > Open…). In the Layers palette (F7), double-click the lock near the layer thumb and hit OK. The layer is now called “Layer 0” and it’s editable.
Hit Q to enter Quick Mask mode. Now grab the Brush Tool (B), set its Hardness to 100%, Opacity to 100% and paint over the owl. Use a large brush to cover the inner area, then use a small brush for the tiny details.
Hit Q again to exit Quick Mask mode and go to Layer > Layer Mask > Reveal All.
Rename this layer “Owl base” (Layer > Layer Properties…) and hit CTRL+G to place it in a layer group. Rename the group to “Owl”.
Create a new layer (Layer > New > Layer or CTRL+SHIFT+N). Name it “sketch”.
Grab the Brush Tool (B), make it really thin (5 px) and let’s begin shaping up the helm. You can either look up one of the characters (mine was Metalbeak – yes, the villain) or shape your own, custom design. The secret to a good design is to find shapes to complement the ones near or below it. This way, you create organic bonds between them and make them blend in seamlessly.
Take the sketch further and add volume and some major details. Again, keep it a sketch, don’t bother drawing very smooth and clean lines.
Create a new layer, name it “base color” and hit CTRL+[ to place it below the sketch. Now grab the Brush Tool (B), set the Foreground color to a midtone gray and fill the entire shape.
This will be the drawing base for the shadows and highlights. It’s like working with toned paper, but the medium is a digital canvas.
Create a new layer, name it “highlights base” and ALT-click between it and the layer below it. Set its Blending mode to Soft Light, hit D, then X. Grab the Brush Tool (B), set its Hardness to 0% and Opacity to 40% and paint the soft highlighted areas.
Repeat STEP 9 for the shadows, but set the Blending mode to “Multiply” and name the layer “shadows base”.
Further, create a new layer and name it “details base”. Pick a darker gray tone, set the brush’s Hardness to 100% and Opacity to 100% and draw curved, thick lines like below. Make sure they have sharp ends – you can use pressure-sensitive brushes for them.
Repeat STEPS 9-11 to create shadows and highlights for the details base.
Create a new layer and name it “gloss”. For this layer, draw thin, bright lines only where the reflection is strong. Leave the Blending mode set to “Normal”.
Select the layer group and go to Layer > Layer Mask > Reveal All. Grab the Brush Tool (B) and paint over the extra areas.
Go to File > Save As… and save it as a .png file on your desktop. Launch Paint Tool SAI and click-drag the .png file into SAI. Create a new layer and place it below “Layer 1” (CTRL+[ ).
Grab the Brush Tool (B), set it to Watercolor, pick a saturated sky blue color and paint the area shown below. Change the color to lighter tones for the center area and darker tones for the edges. The color intensity is controlled by the pen pressure, use this to create dark tones faster.
Repeat STEP 16 for the left side, but use orange and dark red tones.
Fill the bottom area with dark red, like below.
Turn off the visibility of the “Layer 1” layer and save the image.
Open this image in Photoshop, select it, copy it and paste it into our drawing. Hit CTRL+SHIFT+[ to send it to back.
Create a new layer, grab the Paint Bucket Tool (G) and fill it with white. Hit CTRL+[.
Open the “rust texture”, copy it and paste it into our drawing. Place it below the layer group, go to Image > Adjustments > Desaturate (CTRL+SHIFT+U) and set its Blending mode to Soft Light. Do the same for the other texture, but place it above the layer group and erase any extra areas.
Now we have an idea for the color palette, so let’s build the main element around it. Create two new layers and set their Blending mode to Overlay and low Opacity. Now grab a light blue color and paint some soft blue tones on the helmet. Don’t work on any details yet, just go for a better overall look.
NOTE: You can also turn off the visibility of the grayscale lights and paint them again, but with colors this time.
Turn off the visibility of the “sketch” layer, select the second layer created in STEP 23 and paint the right outline with a bright blue.
Repeat STEPS 23-24 for the left area, but use orange, yellows and bright red tones. Also, use orange and yellow to make the eyes stand out more. Use very bright colors.
Select the “owl” layer and duplicate it twice (CTRL+J). Select the first copy, go to Image > Adjustments > Desaturate (CTRL+SHIFT+U) and set its Blending me to “Multiply”.
Select the second copy and go to Filter > Other > High Pass. Use a 3 px setting and hit OK. Set its Blending mode to “Overlay”. Create a new layer (CTRL+SHIFT+N) and name it “reflected light” and set Blending mode to “Linear Light”.
Grab the Brush Tool (B), set its Hardness to 0% and paint orange and blue light spots on the owl’s body. Set the layer’s Opacity to 40% and create another layer and name it “body gloss”.
Draw thin lines on the owl’s body outline. Use really bright colors and a round, hard brush.
The helm needs a bit more contrast, so create a new layer above the base, set its Blending mode to “Multiply” paint paint more shadows.
Select the top-most layer and create a new layer. Now grab the Brush Tool (B), select a dark red color and paint the area below. Use a soft, round brush.
Open the “castle” picture, crop it to remove the frame (C) and double-click the lock in the Layers palette (F7). Hit CTRL+L and click the “Auto” button. Hit OK.
Go to Image > Color Range and click the sky. Increase the Fuzziness a bit and hit OK. Hit Delete, then CTRL+D and duplicate the layer a few times (CTRL+J) to cover any accidental transparencies.
Go to Layer > Merge Visible (CTRL+SHIFT+E). Select the image (Select > All or CTRL+A), copy it (CTRL+C) and paste it into our document (CTRL+V). Resize it like below.
Hit CTRL+U, set Lightness to -100 and hit OK. Set the layer’s Blending mode to “Soft Light”. Go to Filter > Blur > Gaussian Blur. Use a 3 px setting and hit OK and a soft brush to erase the bottom area.
Repeat STEP 32 for the moons. Hit CTRL+U, check the “Colorize” button, set Lightness to +1 and play with the Hue and Saturation settings till you get a blue tint, then apply a 3 px Gaussian Blur. Leave the Blending mode set to “Normal”.
Open the “mountain” picture and paste it onto our document. Resize it, place it like below and set its Blending mode to “Multiply”. Mask the extra areas, like below. Do the same for the right side, but reflect the image. Also mask the extra area of the moon.
Select the “owl” layer group and go to Layer > New Adjustment Layer > Brightness/Contrast and Black & White. Use the settings below.
Install the “Ringbearer” font. Now grab the Horizontal Type Tool (T), draw a text box and type in your desired text. Make sure the first and the last letters are capital. Change the font to “Ringbearer”.
In the Layers palette, click the “fx” button and select “Blending Options”. Use the settings below.
As a finishing touch, use the “birds”, “clouds” and the default brushes to add small details to the background, such as feint clouds, flying birds and glinting stars.
Select the top-most layer and go to Layer > New Adjustment Layer > Gradient Map. Use the settings below.
Download source file: