How To Create A Grungy iPhone Application Advertisement in Photoshop

How To Create A Grungy iPhone Application Advertisement in Photoshop
How To Create A Grungy iPhone Application Advertisement in Photoshop

In this tutorial I will explain how to create a grungy iPhone Application advertisement using Photoshop CS5. The tutorial will be explained step by step, and will include all of the details and tips you will have to know in order to finish it correctly.


Preview of Final Results

final-results

Download the PSD

Apple Ad.zip | 8.65 MB
Download from Filesonic
Download from Website


Grungy iPhone Application Advertisement Photoshop Tutorial


Resources


Step 1: Setting up the Document

Open Photoshop and create a new document with the below settings - Width: 1200px, Height: 760px. Click OK to get started.

step-001

Now we will create guides in our document. Make sure the rulers are on, View > Rulers (Cmd/Ctrl + R), and set the measurement units to Pixels by right clicking on them. Create a new guide, by clicking on the ruler and dragging the mouse. Drag the new guide to 40px. Do the same thing on each of the four borders.

step-001-2

Step 2: Creating the Background

Download the Vintage paper TEXTURE PACK and open Texture C. Place Texture C in your document. Stretch the texture to the borders of the document until it fits perfectly. Change its Blending Mode to Multiply. Open Texture A and do the same thing. Change Texture A's Blending Mode to Darken and set its Opacity to 60%.

step-002

Now we will create a Stripes Pattern. Create a new document (4px on 4px). Use the Pencil Tool (P) to create the following image:

step-002-2

After you've created the pattern press Edit > Define Pattern. Name your pattern however you like (I named mine "Stripes"). Now go back to the original document. Create a new layer above Texture A and name it Stripes. Choose Edit > Fill to fill the layer. Hitting Cmd/Ctrl + Delete (Backspace) also enables you to do this. By clicking the Cmd/Ctrl button you fill your layer with the Background Color. But, if you click the Opt/Alt key instead, you can fill your layer with the Foreground Color.

Back to creating the background. Double click Stripes (Or click Layer > Layer Style > Blending Options) and set its Fill Opacity to 0%. Then, go to Pattern Overlay and scroll to the bottom of your pattern list. Choose the stripes pattern. After you picked the stripes pattern change the pattern's Blending Mode to Multiply and set its Opacity to 10%.

Pages: 1 2 3 4 5 6

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

Leave a Reply

Your email address will not be published. Required fields are marked *

cross