It’s the Queen’s Jubilee year and with the London Olympics also coming up this Summer you are going to be seeing a lot of Union Jack flags flying all over the UK and around the world. In this Tutorial I will show you how you can create your own vintage style Union Jack flag poster design in Photoshop in just over ten easy steps.
Step 1 – Blue Rectangle On A White Background
The first thing you will want to do once you have opened a new Photoshop file with a white background is to create a blue rectangle. This blue rectangle will form the base of your flag design so make it as big or as small as you want. The web-safe blue colour hex for the Union Jack flag is #003399 and the white is just #FFFFFF. Leave a little bit of space at the bottom of the page if you plan to add some text like I have in this tutorial.
Step 2 – White Diagonal Line I
With the line shape tool draw a white line from the top-left corner of the blue rectangle to the bottom-right corner.
Step 3 – White Diagonal Line II
Repeat the previous step but this time drawing the line from the top-right to the bottom-left corners. You should now see what resembles a Scotland flag. If you didn’t already know, the Union Jack flag is made up of the St. Andrew’s Cross (Scotland), St. George’s Cross (England) and St. Patrick’s Cross (Ireland).
Step 4 – Red Diagonal Line I
Now you are going to draw a thinner red line which overlaps the white line. The red line should be roughly half the thickness of the white line. Once again start in the top-left corner and draw the line to the bottom right corner. The web-safe red colour hex to use is #CC0000.
Step 5 – Red Diagonal Line II
Repeat the previous step but this time from top-right to bottom-left. The line on this side won’t go from the corner of the blue rectangle but rather the inside edge of the white line to the outside edge as shown above.
Step 6 – White Horizontal Rectangle
You should now draw a horizontal white rectangle roughly one fifth (1/5) the size of the blue rectangle and place it directly in the centre of the blue rectangle.
Step 7 – White Vertical Rectangle
Now draw a white rectangle the same width as the horizontal one but this time going vertically. Once again place it directly in the centre of the blue rectangle.
Step 8 – Red Horizontal Rectangle
As you did with the diagonal lines you are now going to overlap the white rectangles with thinner red ones. With this horizontal red rectangle make it slightly thinner but also slightly longer than the white rectangle so it sticks out at the sides.
Step 9 – Red Vertical Rectangle
Again repeat the last step for the vertical rectangle shape, not forgetting to make it slightly thinner and slightly longer than the white rectangle.
Step 10 – Adding Text
Your options of what to write and which font to use are almost endless. I went with a font called ChunkFive which is available to download for free on Font Squirrel, and then simply wrote ‘United Kingdom’ to display the country that this flag represents. Font Squirrel is a great resource for fee to use fonts.
Step 11 – Adding A Texture
Now you have your Union Jack flag poster design, all that remains is to give it a vintage look by adding a texture to it. Here I have used a texture called Vintage Vignette #6 downloaded from Lost And Taken. Lost And Taken is a great resource for free high resolution textures.
Download the vintage texture of your choice, add it to a new layer in Photoshop and resize it so it completely covers the poster. Then select that layer and set Blending to Hard Light and Opacity to about 70%.
The Finished Poster Design
Voila! You have now created a vintage Union Jack flag poster design with Photoshop in no time at all. With a little alteration you can also use this tutorial to create the English and Scottish flags as vintage posters.