Retro effect straight from 1920s and 1930s classic films
This tutorial for Photoshop shows you how to create the iconic black and white film title screens that you see on classic movies from the 1920's and 30's. The techniques used included adjustment layers, textures overlays and 3D tools. If you are new to using the 3D tools in Photoshop this is an excellent introduction to their basic functionality.
Here is a preview of what we will be making.
Launch Photoshop and create a new document that is 1600 x 1067 pixels using the RGB color mode.
Download this free mountain stock photo and place it onto the canvas. You can use a different photo if you want, but this one works pretty well.
Add a new Black & White adjustment layer, and choose the Maximum Black preset.
To really make the image look retro, add a Brightness/Contrast adjustment layer, tick the Use Legacy checkbox and reduce the Contrast to -40. This will flatten the image and help the text that we add later on 'pop'.
To add a vignette effect, set the foreground color to #101010 and create a new Gradient Fill Layer from the Layer > New Fill Layer menu and set the Opacity to 85%.
Make sure the foreground color is #101010 and choose the Foreground to Transparent preset. Set the style to Radial and scale to 150%.
Set the blending mode of the texture layer to Screen and opacity 50%.
Use the font Anton at 240 px to type out your film title and align the layer to the center of the artboard.
With the Type Tool active, and text layer selected click the Create warped text button in the top bar. Choose the Arc style and set the bend to 8%.
Open the 3D panel or go to the 3D menu and choose create a new 3D Extrusion.
In 3D mode, open the object mesh properties. Set the Extrusion Depth to 460, and uncheck the Cast Shadows option.
Switch to the Coordinates tab and set the X rotation value to 10º.
Choose the Extrusion Material layer from the 3D panel and then in the Properties panel set the Shine to 85%.
Click on the Diffuse color swatch and set it to a medium grey or simply enter -1.5 stops.
The text looks great, but it appears to be slightly off center now that we have rotated it, so group the 3D layer and use the arrow keys to nudge the group down roughly 30 pixels.
There might be an easier way to move 3D layers than placing it in a group, if there is let me know in the comments.
When you are happy, make a selection over the text and right click then choose Render 3D Layer.
Use the Type Tool to enter the the name of the production company with Nevis at 28 px. Place above the 3D text and align to the center.
Double click the new text layer and give it a subtle Drop Shadow using the settings in the screenshot below.
Warp the text using the Arc style and 20% bend. Right click the layer and Copy Layer Style for later use.
Use Thinking Of Betty for the 'Present' text and paste the layer style.
Use the Ellipse Tool to draw two small 8 x 8 pixel circles either side of the 'Present' text and again paste the layer style.
And finally, use Nevis again to add the copyright text at the bottom and paste the layer style once more.
I hope you enjoyed following along with this tutorial. Here is the final result, and as you can see it looks pretty convincing! It clearly has a modern edge, but also brings a lot of that retro charm from vintage films back to life. You can now go back and change the background image if you want or update the 3D text to the title of your film (just remember to render the 3D again afterwards).