The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Create an awesome grunge poster in photoshop

Create an awesome grunge poster in photoshop


Step 1

Open up Photoshop and create a New Document. Make the size 2846 x 4267 at 300 ppi.

image 1

Step 2

Change the foreground color to a nice blue. For the color type in #4DC8F0 and click OK.

image 2image 3

Step 3

On the toolbar select the Rectangle Marquee Tool. Now select about half of the document and fill it by pressing ALT + Backspace or use Edit > Fill.

image 4

Step 4

With the Rectangle Marquee Tool still selected, select the other half (the white area) and use the color #505050 to fill that area.

image 5

Step 5

Open the resource support files for this tutorial and open the Render.png file in Photoshop. Edit > Copy and Edit > Paste this file into your main document.

image 6

Step 6

Double click on this Render layer. This will bring up the Layer Styles window. Click on the checkmark for Color Overlay. In the Color Overlay options click on the color picker and type in the color #F1496D

image 7

Step 7

Now we are going to make our own pattern. Create a new document and make the size 400 x 350 at 300 ppi.

image 8

Step 8

Click and hold on the Lasso Tool to bring up the Polygonal Lasso Tool.

image 9

Step 9

Now make a cool looking shape. Try holding down SHIFT while using the Polygonal Lasso Tool to create perfect straight lines. When your done with your shape make sure you connect it at the end. It will show an O next to the Polygonal Lasso Tool icon.

image 10

Step 10

Now create a new layer. Press D on your keyboard to reset your colors to the default White and Black. Now fill your shape with black. You can do this by pressing ALT + Backspace.

image 11

Step 11

Duplicate this layer and then press CTRL+T to bring up the transform box. Now right click on the transform box and choose flip horizontal. Using the Move Tool, move it to the right until it looks good.

image 12

image 13

Step 12

Choose Image > Trim. Then make sure Based On is set to Transparent Pixels, and all of the Trim Away checkboxes are checked. Click OK.

image 14 image 15

Step 13

Go to Edit > Define Pattern. Name the it Pattern One and click on OK.

image 16

Step 14

Now go back to your main document and create a new layer. Don't close this new pattern document, we will use it later.

Name this layer Pattern One. Choose Edit > Fill. In the Use drop down box, click on Pattern. Then click on the Custom Pattern drop down arrow to select the Pattern we just created. It will be the last in your list. Then click OK.

image 17

Step 15

Double Click on the Pattern One layer. This will bring up the Layer Styles dialog. Click on the checkmark for Color Overlay. In the Color Overlay options click on the color picker and type in the color #505050

image 18

Step 16

Take the Rectangle Marquee Tool and make a selection around the inside of the pattern. Right click on the selection and choose Layer via Cut. This will create a new layer with only that selection.

image 19

Step 17

Now shrink the pattern down. Press CTRL + T to transform and drag the bounding box down to make it 25% smaller.

image 20

Step 18

Create a New Layer and choose Edit > Fill and use the same pattern to fill it.

image 21

Step 19

Double Click on this layer to bring up the Layer Styles dialog. Click on the checkmark for Color Overlay. In the Color Overlay options click on the color picker and type in the color #4DC8F0

image 22

Step 20

Press CTRL + T to transform and rotate it -30 degrees. Move it down as pictured below.

image 23

Step 21

Now go back to the pattern document. Go to Image > Canvas Size and increase the size by 100 pixels on the height and the width. This will add some padding to the pattern. Click OK.

image 24

Step 22

Now that you have the padding, go back to Image > Canvas Size. Increase the width and height by 200 Percent. Change the Anchor position to top left. Click OK.

image 25

Step 23

Duplicate the pattern layer and move it to the bottom right. Make sure it has about the same padding as the top left pattern.

image 26

Step 24

Now make a smaller pattern. Go to Image > Image Size and make the width 104 pixels. and click OK

image 27

Step 25

Go to Edit > Define Pattern and name your pattern Pattern - Small - Diagonal. Click OK

image 28

Step 26

Go back to the main document and create a new layer. Then go to Edit > Fill and select Pattern from the Use drop down box. Choose the last pattern we created in the Custom Pattern drop down. Click OK.

image 29

Step 27

We want the pattern white, the easiest way to accomplish this is to Invert it. Press CTRL + I to invert.

image 30

Step 25

Press CTRL + T and rotate this layer -30 degrees.

image 31

Step 28

Make sure the layer is selected and click on the Add Layer Mask button at the bottom of the Layer panel.

image 32

Now click on the Gradient Tool and make sure the gradient is a black to white gradient.

image 33

Step 29

Drag the Gradient Tool to create a mask. This will fade out the pattern. You will have to experiment.

image 34

Step 30

Open Eat_This_And_Die_Vectors.eps from the Resource Support Files inside of Illustrator. Using the Select Tool, select the circles and drag them into your Photoshop document.

Note: If you don't have Illustrator, you can open it inside of Photoshop and then manually copy and paste it in. Secondly, if you don't have Illustrator, you should get it!

image 35

Step 31

Press CTRL + T and increase the size. Then move it into place. Press the checkmark on the top or hit Enter.

image 36

Step 32

Name this layer Circles. Double Click on this layer to bring up the Layer Styles dialog. Click on the checkmark for Color Overlay. In the Color Overlay options click on the color picker and type in the color #4DC8F0

image 37

Step 33

With the Rectangle Marquee Tool, Select an are in the bottom right of the document. We will be adding some text there.

image 38

Step 34

Fill that rectangle black and lower the opacity to 15%.

image 39

image 40

Step 35

Using the Type Tool, type in some text over the box. I typed in MAKE ART.

image 41

Step 36

Open the Brushstrokes.jpg image from the resources folder into Photoshop. Press CTRL+A to select all and then press CTRL+C to copy layer. Now open the Channels panel and click on Create New Channel button.

image 42image 43

image 44

Step 37

Press CTRL+V to paste the data into this Alpha Channel.

Press CTRL + I to invert the alpha layer. Now CTRL Click on the Channel thumbnail to create a selection. Copy and Paste this into your main Photoshop document.

image 45

Step 38

Make sure the border layer is on the very top of the layer stack.

image 46

Step 39

Double click on the layer to bring up the Layer Style dialog. Check Color Overlay box and change the color to #505050.

image 47

Step 40

CTRL Click the layers thumbnail to create a selection and fill this selection with black a couple times to make it darker. Name this Layer Border One.

image 48

Step 41

Duplicate the Border One layer and press CTRL + T and scale in the right side to fill the screen. Name this layer Border Two. Created a mask on Pattern Two and masked out a few areas so it doesn't look so boxy.

image 49

Step 42

Set the Opacity for Pattern Two to 37%

image 50

Step 43

From the resources folder, open the Eat_This_And_Die_Vectors.eps. Select and drag the arrows into the Photoshop document.

image 51

Step 44

Name the layer Main Arrows and scale it up a bit and place them in the center. Move the Main Arrows layer to the top, below the Border and set the Layer Mode to Saturation.

image 52

image 53

Step 45

Copy and paste the Flare.jpg into your document and center it. Name this layer Flare and set the Layer Mode to Screen.

image 54

Step 46

Copy and paste the Clouds.jpg into your document and put them into the bottom left as pictured below.

image 55

Step 47

Set the Layer Mode for the Clouds to Luminosity at 27% opacity. Now create a Layer Mask for the clouds

image 56

Step 48

With a soft brush, start masking the edges of the clouds so they blend in with the other layers.

image 57

Step 49

Copy and paste Stained_Paper.jpg into the main document. Set the Layer Mode to Multiply.Make sure it is at the top of the layer stack.

image 58

image 59

image 60

Step 50

Double click on the Make text layer and set the Color Overlay to a turquoise color. I used #40968d

image 61

Step 51

Right click on the layer and choose Copy Layer Style. Then right click on the ART text layer and choose Paste Layer Style.

image 62

Step 52

Now for the main text we are going to use HelveticaNeue LT 63 Medium Extended. Type out the words EAT.

image 63

Step 53

Move the EAT layer above the the borders and set the Layer Mode to Overlay.

image 64

Step 54

Type out the rest of the text and use CTRL+T to rotate and flip the text to your liking.

image 65

Step 55

Open Drips_and_Spray_Paint_V1_1006.jpg. Select all using CTRL+A and CTRL+C to copy.

image 66

Step 56

Create a new channel in the Layers Panel and Invert the layer (CTRL+I). Now CTRL Click the channels thumbnail and copy the selection.

image 67

Step 57

Paste it into your main Photoshop document and scale it down. Put it over the DIE text layer.

image 68

Step 58

Set the Layer Mode of the spray paint to Overlay.

image 69

Step 59

Duplicate the Main Arrows layer and move/rotate into the top left hand side.

image 70

image 71

Step 60

Double click on the layer to open the Layer Style and choose Color Overlay. Choose a nice dark brown color.

image 72

Step 61

With the Main Arrows Copy layer still selected CTRL + Click on the Border One layer thumbnail. Then click on Add Layer Mask.

image 73

image 74

image 75

Step 62

Open Oriental.JPG and copy and paste it into your document.

image 76

image 77

Step 63

Go to Edit > Define Pattern and name your pattern Pattern Small Diagonal. Click OK and set the Layer Mode to Linear Dodge (Add). Set the opacity to 54%. Make sure the layer is just above the Clouds layer.

image 78

image 79

Step 64

Copy and paste This_Guy.JPG into your document just above the oriental.jpg. Set the Layer Mode to Soft Light.

image 80

image 81

Step 65

Change the Main Arrows Copy to a dark gray or black color using Color Overlay.

image 82

Step 66

Create a new layer called Gradient Top. Make sure it is at the top of the layer stack and choose the Gradient Tool.

image 83

Step 67

In the options bar click on the down arrow and choose the Violet, Green, Orange gradient. Also make sure the Linear Gradient button is selected.

image 84

Step 68

Drag the Gradient Tool from the top left to the bottom right. Experiment with this.

image 85

Step 69

Now set the Gradient Top Layer to Color Dodge at 69% opacity.

image 86

Step 70

Create a Layer Mask for the Gradient Top layer. Click on the Gradient Tool and choose the black to white gradient. Make sure to select the Radial Gradient.

image 87

Step 71

Play around with masking out areas while focusing attention to the type layers. Change the Opacity to 62%.

image 88

Step 72

Finally, create a layer called Shadows on the very top of the layer stack and choose a nice soft brush at 1100 pixels.

image 89

Step 73

Paint in all four of the corners. Drop down the opacity if your think it is too much.

image 90

Step 74

You final design should look similar to this. In this tutorial we used elements from our Arrows, Brushstrokes and Drips and Spray Paint pack. Check them out and create something awesome!

Create an Awesome Grunge Poster in Photoshop



Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: