Photoshop Quick Tips #10: Using Pattern OverlayListThumbs

Photoshop Quick Tips #10: Using Pattern Overlay

June 08, 2009

Today I am going to be showing a real simple tip on Photoshop that a lot of people don't know about and it can be very useful. Creating patterns and making patterns overlay can save you a lot of work and also can look really good if you know how to use it right.

To begin with we are going to need a pattern, I have a pattern that I like to use every now and then. It's the same I use on my twitter background www.twitter.com/paul0v2 you can get it here.

You can use this image as a pattern or you can use any other of your choice. To transform this image into a pattern you have to open it on Photoshop, press Ctrl+A (to select everything) and go to Edit > Define Pattern and you can name it wood pattern, once you do that the pattern will be saved on your Photoshop until you delete it from there.

Now that we have a good pattern we are going to move up to use the Pattern Overlay effect. Open a new document, you can do it at the size of you background in my case I used 1440x900 px with a black background and using the font Sybil Green (download it here http://www.1001fonts.com/font_details.html?font_id=1183) I wrote Abduzeedo in white.

We are going to apply the Pattern Overlay on the text layer now, by clicking on Add Layer Style on your layer pallet and click on Pattern Overlay (select the wood pattern) and your result should be like this:

Now that we know what the Pattern Overlay does, we are going to twist it up a bit, using the BushPack01.2 (download it here http://ariel-g.deviantart.com/art/BrushPack-01-2-47913845) I am going to ad the same Pattern Overlay and play with the brush until I get something cool like this:


click on the img for a bigger view

It looks good but we need a better contrast between the text and the background so what we are going to do is hold Ctrl and click on the text layer, that will give us a selection of the text. Now create a new layer and paint that text selection black and go to Select>Modify>Contract 1pixel and delete the rest. That should give you a 1px border around the text and to improve even more the contrast we can click on the text layer and go to Add Layer Style again but this time we are going to add Drop Shaddow and the final result you will get this.

click on the img for a bigger view

Download .psd

Just to remind you guys, I didn't do the tutorial so you can get this image done, it's just so you learn how to use Pattern Overlay and adapt to your own way so you can use it more often whenever you need it. Hope that was a good Tip if you have any suggestions for the next one, feel free to leave it on the comments.

Thank you,

About the author

User picture

Hi! I'm Paulo Canabarro and I'm here to post some really cool stuff for you, if you have any ideas or any requests please get @ me - pvpcanabarro@gmail.com you can also Follow me on twitter!

Sponsored Links:

Help us to share this!

19 Comments

maxdoming06/08/2009

cool tutorial

FlashVanilla06/08/2009

very cool and useful. also in Photoshop CS4 (at least) you have to click "show all menu items" to see "define pattern"

Yopladas06/09/2009

hahaha that is so beautiful, I'll ponder that and sleep. thanks, one again, Paulo.

ebola511406/09/2009

really nice, i like it Paulo
thanks

Mr. Crapic06/09/2009

Nice! Thanks, Paulo!

Gwen06/09/2009

Great tutorial! Thank you!

Marcel Muller06/09/2009

Simple process and amazing effect! Thanks Paulo.

Elektric06/09/2009

I couldn't resist doing this tut. It really delivers. And it really looks nice. Here is mine.

Photobucket

I didn't really put a lot of effort on the painting part. You can simply tell you did. But I will probably get back to it soon to clean it up. Thanks for sharing, I — and I am sure many on the interwebs with me — really appreciate this.

Emilio06/09/2009

Great tutorial! Nice effect :)

Bytheway... Where is Quick Tips #9??

paul0v206/10/2009

@Elektric Thank you for sharing your result, I am truly glad you like it.

@Emilio Photoshop Quick Tips #9: Using Photoshop Actions you can see on the tutorial area, it's even on the sidebar.

sumit roy06/17/2009

this is too good - too good.

i like the texture you used and the composition is awesome.

Jeni06/18/2009

that was fun! i forget to use pattern overlay. btw, i love that font. i use it all the time. thanks!

Johan06/19/2009

Excelente efecto mil gracias por el aporte mi hermano...

Un saludo desde Colombia

Tijmen06/23/2009

what's the difference between this and a clipping mask?

leo06/28/2009

Muito bom

Anindita PC06/30/2009

A wonderful Tutorial.....use it for my designs...and loving it day by day...thanks...!

gabbslouise07/15/2009

Amazing tutorial and the results are fantastic, http://gabriella-louise.deviantart.com/art/I-wonder-if-this-wood-rots-12...

Dollarside08/03/2009

Hi, great effect, one question (for a noob like I am),

how do you "Ctrl and click on the text layer, that will give us a selection of the text. Now create a new layer and paint that text selection black and go to"

how do i creat a new layer? (as in like from where, from the layer option?) and how come i cannot 'modify' it

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?