Ohio-based graphic designer, illustrator and artist Jordan Wong, aka Wongface, is the latest creative to be featured in our new series looking at the insanely inspiring illustration and design work being created across the RetroSupply community.
Last summer Jordan was invited to create a poster for the fifth Cleveland Tango Bowling Marathon – an annual event where tango dancers from across America gather at the historical Mahall’s bowling venue to dance, drink and bowl. (Scroll down to see the full poster.)
“The marathon is put on by Adam Hoopengardner, a tango performer, event organizer and teacher in NYC, who is originally from Cleveland,” Jordan explains. “I was hired to create this year’s event poster, which was also used as a T-shirt design.”
Here, using his Cleveland Tango Bowling Marathon poster as an example, Jordan walks through his typical creative process, sharing tips and advice for creating a textured illustration in Illustrator and Photoshop using his favorite RetroSupply products…
Jordan Wong: To add a retro feel to the Cleveland Tango Bowling Marathon poster, I used Photoshop texture brushes from the RetroSupply Kit – a huge collection of tools for creating retro effects, including actions, halftone patterns, brushes and World War II era textures.
Whether it was to create faded, worn edges or to add some visual grit, these brushes helped me produce a vintage and aged look. Here’s how...
The creation of the poster can be broken down into two phases. First, I created the flat design in Illustrator; then I added textural elements in Photoshop. I personally favor using Illustrator in setting up and tightening up compositions – it’s easy to move, scale, rotate, flip and align elements.
Before you do anything, collect some reference photos. Sometimes I prefer to begin drawing things by hand before moving into Illustrator – you can see my sketch in gray above.
Once you’ve chosen your colors and finished the composition, transfer your design from Illustrator into Photoshop. I’ve separated everything by color and pasted each into its own layer, apart from the background, which I kept as one layer. This poster design is divided into the following color layers: light gray, red, white and black – which you can see in the images below.
Pro tip: To keep things in their original arrangement, I created a rectangle (no fill and no stroke) at the size of the document – this acts as a frame and reference. The rectangle and other chosen elements are selected, copied and then pasted into Photoshop. Everything is placed correctly by aligning the rectangle, and the selected elements within it, to the document border.
I set up a layer mask for each color layer – this is where the RetroSupply Kit Photoshop brushes are used to stamp out the textures. Remember that black erases and white restores in layer masks.
To create faded or worn edges, I used the Photoshop brushes from the Folds set in the RetroSupply Kit. The orientation can be changed in the brush options in the top left corner (as shown in the highlighted, cyan square) or in the Brush panel (Window>Brush). Dustin also mentions this technique in his video on How to Roughen the Edges of your Work.
The RetroSupply Kit ($15) is a huge, comprehensive kit with everything you need to get authentic retro print effects.
Created from World War II-era paper and source material – we spent over 30 hours compiling the raw materials – it includes: seven instant screen texture Photoshop actions, a print offset kit, a halftone kit (seven high-res halftone textures and two halftone patterns), nine high-res retro paper textures, a screen brush set, folds, additional textures and more; plus a super handy manual for getting the most out of your kit. Check out the full details here.
If you've used the RetroSupply Kit in your work, let us know in the comments below, or tweet us a link to your work. We love to see what you're doing.
Comments will be approved before showing up.
Graphic styles are the fastest way to achieve time-consuming effects in Adobe Illustrator. By using graphic styles you can achieve looks like our classic PopType effect below with a single mouse click.
In this video tutorial, we'll mock our work up on a soft comfy looking t-shirt in Photoshop. This is a great way show clients how your design will look in the real world. To help you make your t-shirt mockup I've even included a handy texture you can use to follow along!