The best way to create a Superman impressed animated film poster

March 8, 2025

76

On this two-part tutorial, you may learn to make a film poster in Adobe Photoshop and create an animated film poster from the design utilizing Adobe After Results.

It is a easy and placing Photoshop poster structure that you may recreate utilizing the steps beneath or simply adapt with your individual alternative of picture. So if you understand a superkid, get them concerned! By the top of the tutorial, you may have a static poster design and animated film poster GIF that you may share on social media.

The static poster is simple to create for full freshmen to Photoshop, however the second a part of the tutorial is meant for intermediate After Results customers. Seeking to brush up your After Results expertise? Try the programs beneath to start out your animation journey…

Able to take off? Let’s go!

Tutorial belongings

You will want the next assets to finish this challenge:

1. The best way to make a poster in Photoshop

Let’s start by making a static poster design with a Superman aesthetic. We’ll format a Superman font, usher in a Superkid photograph, and create a blurred metropolis background to offer the impression of flying motion. A delicate gentle impact would be the crowning glory.

As soon as you have created the static Superman poster, you possibly can both use this as is or transfer on to the second a part of the tutorial to usher in some cool animation results in Adobe After Results.

Step 1

Let’s start by getting ready the photograph we’ll be utilizing on the poster. Open your superkid picture (you need to use this one, or your individual picture) in Photoshop and click on on Choose and Masks. Examine Sensible Radius and modify the Radius slider till you might have chosen the topic of your picture, excluding the background.

Hit OK, after which Copy and Paste this onto a brand new layer, deleting or hiding the unique layer. Then File > Export > Fast Export as PNG, preserving the clear background.

Create a brand new Photoshop doc, setting the scale to a film poster dimension, 10 by 80 inches.

File > Place Linked your PNG superkid picture onto the canvas, and dimension it to suit centrally.

Step 2

To create a real Superman aesthetic in your film poster design, use the Stag font to set a film title throughout the bottom of the poster, giving it a pale gray colour.

Do the identical for the teaser textual content, studying ‘Look’ and ‘Up’, set in Stag and aligned centrally above the title.

Set the director’s identify in Stag on the prime of the canvas, giving the textual content a darkish gunmetal grey colour.

Step 3

To recreate the Superman film poster model, we’ll want a blurred background in suitably Superman-inspired colour hues of crimson, blue, and white.

Open town scene photograph in a brand new doc in Photoshop, and select Hue/Saturation from the New Fill/Adjustment Layer icon on the backside of the Layers panel. Enhance the Saturation to round +52 and Lightness to +14.

Go to Choose > Shade Vary, and click on on the blue space of sky on the prime of the picture. Click on OK when the world of sky is precisely chosen.

Utilizing the Shade Picker, select a vivid blue shade and click on OK. Possibility-click to connect this layer to the Hue/Saturation layer beneath, bringing extra vivid blue tones into the sky.

Introduce one other Hue/Saturation layer throughout the entire picture, citing the Saturation to +61 and Lightness to +7. We need to work with a really vibrant, vivid picture to create our blur impact.

Utilizing the Artboard Software (V), stretch the highest of the canvas up, creating about 5 occasions the peak of the unique picture above it.

Stretch the picture up so it hits the highest of the brand new canvas dimension.

Go to Filter > Blur > Movement Blur and improve the Distance to 2000 Pixels.

In our remaining poster design, we need to give the impression of Superkid pushing by way of the environment on the velocity of sunshine. To create this Superman aesthetic within the poster design, let’s pull the blurred picture down slightly, leaving some white area on the prime.

Use the Blur Software set at a couple of 2480 Dimension to blur the sharp edges of the blue sky, making a blended impact on the prime.

Step 4

File > Export the blurred picture as a PNG file with a clear background, after which File > Place this onto your poster canvas. Rotate slightly to get a pleasant upwards route, and set it behind the Superkid picture.

Duplicate the blur layer, transferring the copy above the boy photograph and setting the mixing mode to Lighten and 37% Opacity.

Use the Gradient Software (G) to attract a easy gradient going from the bottom of the poster to the middle, above the picture of the boy. Set the Shade of the underside of the gradient to darkish crimson, mixing the boy’s toes into the blur. Maintain the highest of the gradient clear.

You may as well apply a Gradient to the film title textual content, with a darkish grey base colour and a clear fill on the prime.

With the Superkid photograph layer chosen, go to Filter > Blur > Movement Blur, setting the Distance to 16 px. It will give the photograph a slight impression of motion to match the encircling design.

Step 5

Go to File > Place and navigate to your Lamp Gentle Overlays folder. Discover the file marked 10.png and Place this onto the canvas, positioning it centrally over the boy’s fist on the prime of the canvas.

Set the Opacity of this gentle impact to Exhausting Gentle.

Now return to File > Place, selecting the Rainbow lights folder and deciding on the picture known as 4.jpg.

Set the mixing mode to Display, sit the picture behind the Superkid photograph layer, and rotate the picture to create an upwards trajectory, giving the poster much more dynamic motion.

Apply a Hue/Saturation adjustment layer to this rainbow gentle picture to usher in extra Saturation (+12).

Step 6

Your Superkid film poster is completed—superior job! Now you can both File > Export your poster as a JPG or PNG file for sharing with others or prep your static poster barely for the subsequent a part of the tutorial, the After Results animation.

For the animation to work efficiently, we have to simplify our poster slightly. Swap off the layers named ‘10‘ and ‘4‘, that are the extra gentle layers we have simply added.

Now save your poster as a PSD file prepared for animating.

2. The best way to animate the poster in After Results

Though not a vital step, creating an animated film poster out of your design is fairly cool and can carry further motion and curiosity to your design. You may as well share the consequence on social media!