How to Make Grunge Banner in 20 Steps? St. Patrick’s Day Photoshop Tutorial

These days not a single piece of design can live without Photoshop. Even the slightest banner ad or a creative userpic is worked on in creative suite. This software is extremely popular all over the world. And each day hundreds of people buy a licensed copy of Photoshop. So what to do after you’ve installed your copy? Rush around the menu and various effects? No way, you need to find some tutorials that will teach how to use it. Today we’ve prepared for you a Photoshop tutorial timed to St. Patrick’s Day.

Upon completed on the tutorial you will learn how to create stylish banner unencumbered with design elements within minimal amount of steps.

This is a starter-intermediate level tutorial that’s full of really useful tricks and techniques. We are going to show you how combining simple things you will create a cool artwork. You’ll need any Photoshop version.

***

Final result:

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

***

1. Create new layer Ctrl+N, and fill it with green color using the Basket Tool (G), also you need to rename it, either some of the following effects cannot be applied to the Background layer.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial


2. You can visit the http://subtlepatterns.com/ website and download any texture you like, for our banner we decided to take Subtle White Feathers pattern. Open Blending Options >> Pattern Overlay and find the pattern you’ve downloaded previously. In Blend Mode choose Linear Burn.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

3. Next thing you need to do is to add shadow. Open Blending Options >> Inner Shadow and choose options as on the screenshot.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

4. Create new layer Ctrl+N and add gradient Foreground to Transparent, draw it from center to top.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

5. Stretch the gradient layer for the full width of the canvas.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

6. Add texture and blending mode type and texture to the layer with gradient as in Step 2.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

7. Create an Adjustment Layer with Gradient Fill, round black/white button at the bottom of the Layers window. Pick the options as on the screenshot.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

8. Now it’s time to make a frame for our banner. We’ve used a free grunge frame; you can pick any you find appropriate. Create a new layer and paste in the frame.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

9. Add the Blend Mode Overlay, Opacity 20%.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

10. Now it’s time to add some text. We’ve used the Ultra type. Create new layer and type some text.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

11. Add the same texture, choose Linear Burn Blending Mode.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

12. Add some shadow as on the screenshot, or play with sliders to choose some other options.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

13. Create new layer Ctrl+N and draw a black rectangular.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

14. Pick some grunge Eraser(E) tool from the list…

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

15. …and work out the edges of the rectangle.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

16. Create new layer Ctrl+N add some text onto the rectangle, we’ve used a free Mathlete font.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

17. Create new layer Ctrl+N and add some text below the rectangle. We’ve used the Ultra type.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

18. Create one more layer Ctrl+N add some shapes, we picked the shamrock and a beer mug.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

19. Pick some grunge Eraser(E) tool as in step 14…

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

20. …and work out those shapes.

How to Make Grunge Banner in 20 Steps? St. Patricks Day Photoshop Tutorial

Congratulations! You’ve finished the tutorial. Here you can download the original PSD to put some experiments on it.

SPEAK UP! Feel free to attach your examples in the comments.

Written by Alex Bulat

Some people say that every assignment starts from an idea, glad to disappoint you, everything starts from a cup of hot black coffee. Do you remember the movie Coffee and Cigarettes? People were sitting in a cafe and were having small talks diluted with hot black liquid. Same thing with us, copywriters - no talks, no works until the liven energy of this substance enters our guts. For my part, any type of copywriter work is associated with specific recipe of this drink. Feels like I'm a text-writing-coffee-junkie. on Google+.

Be Sociable, Share!
  • Twitter
  • Facebook
  • email
  • StumbleUpon
  • Delicious
  • LinkedIn
    • http://gorodwm.ru/ Andrey

      super )

      • alexbulat

        Thank you @cloom:disqus !

    • sofija

      great :)

      • alexbulat

        Thanks @086305f157a384707b8ab59e346d0cc2:disqus :)

    • http://www.biztechconsultancy.com/magento-development-india.htm magento development india

      Hey, “Alex Bulat” great work. I really like what you guys tend to be up too. This type of clever work and reporting!

      • alexbulat

        Thank you, I’m glad that the tut was useful for you.

        • http://www.biztechconsultancy.com/magento-development-india.htm magento development india

          Also I have got many useful thing from this site which will also help to many other.

    • http://twitter.com/jfeston Javier Feston

      Excellent as usual. I don’t do comments as frequent as I wish, but I’m here always waiting for the newsletter to find something new, beautiful, useful, and interesting.

      • alexbulat

        Hey @twitter-370126025:disqus that’s the most pleasant thing we’ve heard lately :) It’s worthy of some encouragement. In case you’d like to buy any template please mail me the ID (alex.bulat (at) templatemonster.com) and we’ll gladly provide you with a 15% or 20% discount (depending on the template).

    • alexbulat

      Thank you guys @twitter-370126025:disqus @biztechconsultancy:disqus @086305f157a384707b8ab59e346d0cc2:disqus @cloom:disqus ! That’s not all, in a short time we’ll release another one tutorial, a bit more complexed. Each subsequent tut is going to be more complexed than the previous one. Stay in touch.

    • Madhusudan

      Great Work Buddy