In this Photoshop graphic design tutorial, I will show you how to create a ticket stub for the imaginary Design Instruct Graphic Design World’s Fair, which was held in New York City in 1949. We will use fundamental Photoshop tools and techniques in the process of creating the ticket — brushes, using textures, the Burn Tool and the nifty Gradient Map adjustment layer, just to name a few.

Preview

Preview

Tutorial Resources

Step 1: Set Up the Photoshop Document

Fire up Photoshop and create a new 500x300px document, which is exactly the size of the ticket stub we will be creating.

Set Up the Photoshop Document

Next, add guides (View > New Guide) around the canvas: Vertical at 0 and 500px and Horizontal at 0 and 300px.

Set Up the Photoshop Document

Go to Image > Canvas Size (Cmd/Ctrl + Option/Alt + C) and expand the canvas to 600x500px to give us some room for the background elements of the ticket stub.

Set Up the Photoshop Document

Set Up the Photoshop Document

Fill the background with color or use a texture; I used one of the textures from the Wood01 texture pack. This is optional, and I did this just to make the background less boring. The wooden, scratched background does help reinforce the aged, distressed look that we are going for.

Set Up the Photoshop Document

Step 2: Create the Basic Ticket Stub Shape

Set the Foreground color to a very muted orange (#eb9b71), grab the Rectangular Marquee Tool (M) and make a rectangular selection using the guides.

Create the Basic Ticket Stub Shape

Create a new layer (Cmd/Ctrl + Shift + N) and hit Option/Alt + Backspace to fill the selection with the Foreground color we selected earlier.

Create the Basic Ticket Stub Shape

Deselect the rectangular selection by choosing Select > Deselect (Cmd/Ctrl + D). Go to Filter > Noise > Add Noise to add some noise to the ticket stub shape.

Create the Basic Ticket Stub Shape

Create the Basic Ticket Stub Shape

Grab the Elliptical Marquee Tool (M) and create a circular selection — hold Shift to create a perfect circle — at the top left corner of the ticket stub shape.

Create the Basic Ticket Stub Shape

Hit Delete to remove the selected part of ticket.

Create the Basic Ticket Stub Shape

With the Elliptical Marquee Tool (M) still selected, move the selection to the three remaining corners of the ticket and remove the selected areas as well.

Create the Basic Ticket Stub Shape

Step 3: Add the Event Title

Choose the Rounded Rectangle Tool (U), set Radius at 10px and Color to a brown color (#432421), and then create a rounded rectangle inside the ticket stub shape.

Add the Event Title

Rasterize the rounded rectangle shape layer by Control-clicking/right-clicking on the layer in the Layers Panel and choosing Rasterize Layer in the menu that appears.

Add the Event Title

Cmd/Ctrl + click on the layer’s thumbnail in the Layers Panel to load a selection around the rounded rectangle.

Add the Event Title

Go to Select > Modify > Contract Selection and contract the selection by 3px.

Add the Event Title

Hit Delete so that we are left with a neat border that will serve as the border of the ticket’s content. Change the Blend Mode for this layer to Multiply.

Add the Event Title

Switch to the Horizontal Type Tool (T) and set the font to Impact and text color to the same brown we used for the border (#432421). Type out the title of the ticket event. Afterwards, set the text layer’s Blend Mode to Multiply.

Add the Event Title

Again, with Horizontal Type Tool, but this time with Georgia font, add a subtitle below the title. Change this text layer’s Blend Mode to Multiply as well.

Add the Event Title

Step 4: Add Some Divisions

Now, we will be adding the divisions on our ticket to separate groups of content.

Switch to the Line Tool (U) and set its Weight at 2px. Draw a brown line below the subtitle; hold down Shift to make sure we make a straight line. Set the layer’s Blend Mode to Multiply.

Add Some Divisions

Duplicate the line layer (Cmd/Ctrl + J) and then use the Move Tool (V) to move the line down towards the bottom.

Add Some Divisions

Draw a vertical line with the Line Tool (U) using the same Weight (2px) as with the horizontal lines. Change the Blend Mode to Multiply.

Add Some Divisions

Step 5: Add a Vintage-Futuristic Logo

For the logo, we will use an element from a previous Design Instruct tutorial by Jack Rugile called Make a Stylish Futuristic Textured Wallpaper in Photoshop. You can download the PSD by clicking here.

Open up the PSD in Photoshop.

In the Layers Panel, select the following layers:

  1. Layer 1
  2. DESIGN INSTRUCT (text layer)
  3. Shape 1

Control-click/Right-click in the Layers Panel and then choose Duplicate Layers. Under the Destination dropdown menu, find the name of our main document and choose it. This process should replicate the layers to our own PSD.

Add a Vintage-Futuristic Logo

Switch back to our PSD. You can close the other PSD now, if you wish.

Select the new layers we inserted in the Layers Panel, then choose Layer > Merge Layers (Cmd/Ctrl + E) to combine all the layers into one.

Convert the resulting layer into a smart object (Layer > Smart Objects > Convert to Smart Object). Use Free Transform (Cmd/Ctrl + T) to scale the logo down to an appropriate size. Set the layer’s Opacity to 90%.

Add a Vintage-Futuristic Logo

Step 6: Add a Brown Box and More Content

Create a new layer. With the Rectangular Marquee Tool (M), create a rectangle on the right of the ticket stub and fill it with our brown color (#432421). Set the layer’s Blend Mode to Multiply.

Add a Brown Box and More Content

Choose the Horizontal Type Tool (T). In the Options Bar, change the font to Impact and the text color to any bright color (the color doesn’t matter, we just need to see our text against the brown background).

Type out some strong bold text in two lines, such as "NEW ADVENTURES IN" and "GRAPHIC DESIGN".

In the Character Panel (Window > Character), adjust the font size, tracking, and vertically scale options.

Add a Brown Box and More Content

Add a Brown Box and More Content

Next, in the Layers Panel, Cmd/Ctrl + click on the "NEW ADVENTURES IN" text layer thumbnail to create a selection around the text. Click on the brown box layer to make it the active layer, then hit Delete to remove the selected area (which should be in the shape of our text). After that, delete the "NEW ADVENTURES IN" text layer.

Add a Brown Box and More Content

Do the same thing with the "GRAPHIC DESIGN" text.

Add a Brown Box and More Content

Use the Move Tool (V) to move the brown box down a bit.

Add a Brown Box and More Content

Let us add more text. Use the Horizontal Type Tool (T) to place some text above the brown box using the Georgia font. Set this layer’s Blend Mode to Multiply.

Add a Brown Box and More Content

Change the font to American Typewriter and type the ticket number at the bottom left division (I typed "004259"). Set the text layer’s Blend Mode to Multiply as well.

Add a Brown Box and More Content

Let’s finish this step with another chunk of text for the bottom right division. Type "ADMIT ONE" using bold Georgia font and, again, switch the text layer’s Blend Mode to Multiply.

Add a Brown Box and More Content

Add a Brown Box and More Content

Step 7: Aging the Ticket Stub

Make sure you are on the ticket shape layer. This step will be easier if you turn off the visibility of the layers above it temporarily. Using the Burn Tool (O) with an ordinary rounded brush, slightly burn around the edges of our ticket shape.

Aging the Ticket Stub

Here’s how it looks with the other layer’s visibility turned on:

Aging the Ticket Stub

Create a new layer on top of all the layers. Download and install the Free Hi-Resolution heavy scratches Photoshop brushes brush library from the site of my fellow Design Instruct contributor, Jan Cavan.

Change the Foreground color to white (#ffffff). Switch to the Brush Tool (B), select the "heavy scratch 8" brush from the set, set the Master Diameter of the Brush Tool to 700px and Opacity to about 60%. Paint some scratches on our ticket.

Aging the Ticket Stub

Next, Cmd/Ctrl + click on the ticket layer’s thumbnail to load a selection around it, then click on the scratches layer to make sure it’s the active layer. Afterwards, go to Layer > Layer Mask > Reveal Selection to create a layer mask.

Aging the Ticket Stub

Lower the Opacity of the layer to 50%.

Aging the Ticket Stub

Step 8: Add Another Texture

Download and open this asphalt texture in Photoshop, then copy and paste it into our design. Scale it down with Free Transform (Cmd/Ctrl + T) to fit the scale of our ticket.

Add Another Texture

Go to Image > Adjustment > Hue/Saturation (Cmd/Ctrl + U) and adjust the Saturation and Lightness of the texture.

Add Another Texture

Again, load a selection around the ticket shape and then add a layer mask to the asphalt texture layer.

Add Another Texture

Set the Opacity of the asphalt texture layer to 32%.

Add Another Texture

Select all layers except the background layer and merge them into one layer (Cmd/Ctrl + E).

Add Another Texture

Step 9: Create a Torn Look

There are lots of great grunge brushes around, but for this step, we’ll just use one of Photoshop’s standard brushes called Chalk. You can see it in the screenshot below with the number 60 underneath it.

Create a Torn Look

Choose the Eraser Tool (E) and select the Chalk brush mentioned above. Go on the left and right edges of our ticket and just roughen it up a bit to give it a torn look, which is common with ticket stubs. I’ve left the top and bottom edge intact, as you can see below.

Create a Torn Look

Step 10: Create a Drop Shadow

It’s time to add some shadow to the ticket. Make a copy of the ticket layer (Cmd/Ctrl + J), and place it beneath the original ticket layer. With the duplicate layer selected, go to Layer > Layer Style > Color Overlay and give the layer a black color overlay.

Create a Drop Shadow

Create a Drop Shadow

Use the Gaussian Blur filter with Radius at 1.1px to blur the shadow layer a bit.

Create a Drop Shadow

Lower the Opacity of the shadow layer to 60%.

Create a Drop Shadow

Duplicate the shadow layer, and then apply the Gaussian Blur filter to it again, with Radius at 7px. Set the Opacity of the layer to 50%.

Create a Drop Shadow

Step 11: Create a Vintage Look with Gradient Map

We will use an adjustment layer to achieve an overall vintage look-and-feel. First, go to Layer > New Adjustment Layer > Gradient Map to add an adjustment layer above all the other layers.

Create a Vintage Look with Gradient Map

Create a gradient going from #4d0d6a to #feb04c, set the Blend Mode to Vivid Light, and lower the Opacity of the adjustment layer to 30%.

Create a Vintage Look with Gradient Map

Preview

Tutorial Summary

In this tutorial, we created a vintage ticket stub using Photoshop. We used basic techniques such as creating marquee selections, using the Burn Tool to age the surface, relied on some stock textures and brushes to create interesting surfaces, added a Gradient Map adjustment layer to adjust the color of our piece, and much more.

I hope you enjoyed this tutorial and that you have learned some useful tips and tricks that you can use in your own work. I look forward to hearing your thoughts in the comments. Thanks for following along with me!

Preview

Download Source Files

Author:

Nikola is a Web Designer, Blogger, and M.Sc in Electronic Engineering from Nis, Serbia. Nikola is the founder of a small design blog called webexpedition18 that publishes graphic design and web development tutorials, articles about inspiration and posts on graphic design, web design and photography. Keep up with him via Twitter.