create a Superman impressed animated film poster

March 6, 2025 3:46 am Graphic Designing Poetic Comments

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

This can be a easy and putting Photoshop poster format that you may recreate utilizing the steps beneath or simply adapt with your personal selection of picture. So if you recognize a superkid, get them concerned! By the tip of the tutorial, you will have a static poster design and animated film poster GIF that you may share on social media.

The static poster is straightforward to create for full learners to Photoshop, however the second a part of the tutorial is meant for intermediate After Results customers. Seeking to brush up your After Results abilities? 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. 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 provide the impression of flying motion. A refined mild impact would be the of completion.

As soon as you’ve got created the static Superman poster, you’ll be able to 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 should use this one, or your personal picture) in Photoshop and click on on Choose and Masks. Verify Sensible Radius and modify the Radius slider till you’ve gotten 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 dimensions to a film poster measurement, 10 by 80 inches.

File > Place Linked your PNG superkid picture onto the canvas, and measurement 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 coloration.

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 coloration.

Step 3

To recreate the Superman film poster fashion, we’ll want a blurred background in suitably Superman-inspired coloration 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 > Colour 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 Colour 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 wish to work with a really vibrant, vivid picture to create our blur impact.

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

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

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

In our closing poster design, we wish to give the impression of Superkid pushing by the environment on the velocity of sunshine. To create this Superman aesthetic within the poster design, let’s pull the blurred picture down a bit, leaving some white house on the prime.

Use the Blur Device set at a few 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 a bit to get a pleasant upwards course, and set it behind the Superkid picture.

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

Use the Gradient Device (G) to attract a easy gradient going from the bottom of the poster to the middle, above the picture of the boy. Set the Colour 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 can too apply a Gradient to the film title textual content, with a darkish grey base coloration 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. This may give the photograph a slight impression of motion to match the encompassing 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 mild impact to Onerous 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 mild 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 following a part of the tutorial, the After Results animation.

For the animation to work efficiently, we have to simplify our poster a bit. Change off the layers named ‘10‘ and ‘4‘, that are the extra mild layers we have simply added.

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

2. animate the poster in After Results

Though not an important step, creating an animated film poster out of your design is fairly cool and can deliver additional motion and curiosity to your design. You can too share the consequence on social media!