Quick Tip – How to Create Patterns in Photoshop

We can see many of default Pattern Image  in Photoshop but we can also define Pattern Image as we like.
Today we are going to define new Pattern Image in Photoshop. Just go for only three – four easy steps and you can get
your Pattern Image as you like. So let’s see how to define Pattern Image in short and easy way in Photoshop.

pattern-image-10

1. First Of All Open Your Photoshop Select New File.

I take 300px x 200px file size for this one. You can take any image size as you like.
Give the name of image layer as like pattern01. Now I take this image for our tutorial.
You can take also any single image for it but I take this one because we can get more options.
One thing I have to suggest you that try to keep the image always in square because whenever
we give the Pattern Effect to page it repeat the element that’s why it should be in square.
Now see the image like this.

pattern-image-02

2. Now Select the Image

Now select the image layer and click on Rectangular Marquee tool. Then make the selection on image which one
you have to define as an Pattern.
Now I select the  image for our Pattern Image. I select the green bubble image for this one.You can see the image inside of red border selection.

pattern-image-02

3.Now Define the Pattern Image

After select that image go to Edit > Define Pattern. When you click on define Pattern you can see this kind of pallet.

pattern-image-03

You can define Pattern Image’s name also you can give any name as you like. Now I give the
Water Pattern for this one and click OK. Here we define our Pattern Image.

When we click OK our Pattern image automatically loaded in Pattern Pallet at the last position. We can see it in
Layer Style > Pattern Overlay. At the last position we can see our Pattern image.

4. Finaly We Define our Pattern Image

That’s the way we find our Pattern Image.Now time for apply Pattern image which one is we define
you can call it Water Pattern also.Now for apply it take another fresh New File and open the background layer’s
lock and apply the Pattern Effect on it. Just go for this way

  • Layer Style > Pattern Overlay you can see this image. Click on Pattern Overlay.

pattern-image-05

  • After that you can see default Pattern Image. Just click on the small black arrow which was behind the
    Pattern Image see this image.

pattern-image-06

  • After click on the black arrow. We can see the all Pattern Image in this pallet now we can get our Pattern Image here.
    See the image selection red box.

pattern-image-04

And finaly we

successfully define our pattern image here just click on the selected red box Pattern Image and see the final result here. Here we
see our Pattern Image Effect on the screen.

pattern-image-09

It so simple and interesting also useful for design. It will hardly take 2-3 minutes to do it. Now you can define
any image as an Pattern Image.

21 Comments

  1. Nikolai
    Nikolai on 25/06/2010 at 16:35

    Yes, but probably the image you choose must be, how to say it, made to be pattern friendly :). I mean that when it is being copied it fits perfectly in a way that we do not see the different little images. I hope I explained well :/
    .-= Nikolai´s latest blog ..Building a Business by Focusing on Angry Overly Important Individuals? =-.

    • umesh katkar
      umesh katkar on 25/06/2010 at 17:04

      One thing you keep in mind, whenever you select the image as an pattern it will be repeatable for same effect……..then you get properly same image in whole background………..thanks..!
      .-= umesh katkar´s latest blog ..Phyrra.net Migrated to WordPress =-.

  2. Nemi
    Nemi on 25/06/2010 at 16:39

    Nice tutorial, well explained. Good work, keep it up. Thanks.

  3. sagar
    sagar on 25/06/2010 at 16:42

    This is such a Useful article for create a very good background effects.

    Thanks

  4. Pradeep
    Pradeep on 25/06/2010 at 16:48

    I find this article really helpful for photoshop designers.
    Nice one Umesh. Nicely written!!!

  5. suhasdubal
    suhasdubal on 25/06/2010 at 17:02

    Thanks for Comintment

  6. Mars
    Mars on 26/06/2010 at 15:57

    that’s pretty quick

  7. saorabh kumar
    saorabh kumar on 26/06/2010 at 19:20

    Well explained Umesh..Again a very nice post for us..
    Thank you.. 🙂

  8. Umesh Nevase
    Umesh Nevase on 28/06/2010 at 11:17

    Nice tutorial Umesh. It is very helpful to me learn the photoshop.

  9. Tapan
    Tapan on 01/07/2010 at 17:19

    Hi friend,

    very nice tutorial.

  10. Mahesh Chavan
    Mahesh Chavan on 01/07/2010 at 18:57

    Hey Umesh

    Nice tutorial, well explained. Good work, keep it up.

  11. NewGadgetz
    NewGadgetz on 03/07/2010 at 18:48

    Very good tips on how to create patterns for PS beginners

  12. pallavi
    pallavi on 11/07/2010 at 23:09

    very helpful tutorial for me thanks

  13. arasu prabhu
    arasu prabhu on 23/07/2010 at 18:14

    it’s v good….

Trackbacks/Pingbacks

  1. 180+ Fresh Useful Articles for Web Designers and Developers! | tripwire magazine - [...] Quick Tip – How to Create Patterns in Photoshop [...]
  2. Tweets that mention Quick Tip – How to Create Patterns in Photoshop » Pattern, Image, Photoshop, Effect, Overlay, Define » AnimHuT -- Topsy.com - [...] This post was mentioned on Twitter by Photoshop PLUS. Photoshop PLUS said: Quick Tip – How to Create Patterns…

Pin It on Pinterest