AnimHuT
  • Articles
    • Other Topics
    • Picture Of The Day
    • Review
    • Viral Videos
  • Contest
  • Freebies
    • Brushes
    • Font
    • Icons
    • Infographics
    • Patterns
    • Photoshop PSD
    • Textures
    • VECTORS
    • Wallpaper
  • Inspiration
  • Photography
  • Themes
    • Plug-ins
    • WordPress Themes
  • Tutorial
    • After Effects
    • Codex
    • Flash
    • Illustrator
    • Photoshop
      • Text Effects
    • Quick-Tip
Home » Photoshop » Quick Tip – How to Create Patterns in Photoshop
Jun25 21
Quick Tip – How to Create Patterns in Photoshop

Quick Tip – How to Create Patterns in Photoshop

Posted by Umesh Katkar in Photoshop, Quick-Tip

email
print

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.

0

Written By: Umesh Katkar

Who is a designer working with rtCamp and he also designed BloggerToWp and also a Web Designer | You can find me heretwitter

  • http://absorbtheweb.com Nikolai

    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? =-.

    • http://bloggertowp.com umesh katkar

      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 =-.

  • Nemi

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

  • sagar

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

    Thanks

    • http://bloggertowp.com umesh katkar

      Thanks for the comment…….I hope you like it.
      .-= umesh katkar´s latest blog ..Phyrra.net Migrated to WordPress =-.

      • ajit

        very good for creating background

        • http://bloggertowp.com umesh katkar

          Thanks for comment….Ajit.
          .-= umesh katkar´s latest blog ..Phyrra.net Migrated to WordPress =-.

  • Pradeep

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

    • http://bloggertowp.com umesh katkar

      Thanks for the comment
      .-= umesh katkar´s latest blog ..Phyrra.net Migrated to WordPress =-.

  • suhasdubal

    Thanks for Comintment

  • http://www.orphicpixel.com Mars

    that’s pretty quick

    • http://bloggertowp.com umesh katkar

      Thanks for comment ………..i hope you like it!
      .-= umesh katkar´s latest blog ..Phyrra.net Migrated to WordPress =-.

  • saorabh kumar

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

    • http://bloggertowp.com umesh katkar

      Thanks for comment Saorabh……….!
      hope you enjoy this one.
      .-= umesh katkar´s latest blog ..Phyrranet Migrated to WordPress =-.

  • Pingback: 180+ Fresh Useful Articles for Web Designers and Developers! | tripwire magazine

  • Umesh Nevase

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

  • Pingback: Tweets that mention Quick Tip – How to Create Patterns in Photoshop » Pattern, Image, Photoshop, Effect, Overlay, Define » AnimHuT -- Topsy.com

  • Tapan

    Hi friend,

    very nice tutorial.

  • Mahesh Chavan

    Hey Umesh

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

    • http://bloggertowp.com umesh katkar

      Thanks…dude.!

  • http://www.newgadgetz.com NewGadgetz

    Very good tips on how to create patterns for PS beginners

  • pallavi

    very helpful tutorial for me thanks

  • arasu prabhu

    it’s v good….

Our Advertisers :

Subscribe to AnimHuT (it’s Free)

Add Animhut on  Google plus animhut Free  Email Subscription for design updates animhut on twitter Animhut rss subscription for latest Updates Join our Official  Facebook Page Animhut Flickr Pool

Our Facebook Official Page
Follow @animhut

Latest Post From the Blog

  • Blog Article: How to Find the Top Talent for your Start-up
  • 2012 Facebook Update: New Image Slideshow like Google Plus
  • Today’s Google Doodle : Charles Dickens 200th Birthday
  • Inspiration: 2012 Fresh Caricature on Popular Celebrities
  • Inspiration: Mid 1970′s like Illustrations by Jorge Mascarenhas
  • Miniature Wonderland – Creative Macro Photography Inspiration
  • Inspiration: Innovative and Creative Motion Reel by Jimmy Yuvan

Archives

Community News

  • Etched text effect using Photoshop

    Here is a very easy to follow tutorial to help you easily do it for any kind of color booklet…

  • 10 Best Clothing Website Designs

    Clothes were made initially to keep us warm and also function as a form of protection. However, since then it…

  • 35 Charming and Romantic Wallpapers That Make You Fall In Love

    Love is the most important part in ones life. Even today, in these turbulent times, love always finds a way…

  • Computers Arts Collection Vol 1 – Graphic Design

    Computer Arts Collection is brand new annual series of six comprehensive guides coming from the authors of Computer Arts, and…

  • 20 Cool Battery PSD Templates, Icons, Tutorials

    PSD Templates are an important element which contributes to impressive and effective graphic design. Creating an battery icon isn’t easy…

●● We Recommended ●●



● Best Web Hosting Review
● Best Web Host Companies
● Review BlueHost
● China wholesale
● factory
● Free Website Design
● Website builder
●Mactheripper
● Coupon Codes
• Freelance Web Designer
• Direct TV Packages
● InternetPhonePackage.com
•Best WordPress Themes
•iPage Web Hosting
● Web Hosting Services
●Youtube to MP3

Search by Tags

ANIMHUT art history Articles caricature character design Contest Daily Photography Daily photos design history digital painting Flickr Freebies Funny Videos google google doodles graphic design Icons illustration Illustrator InfoGraphics Inspiration Inspriation mascot Patterns Photography Photogrphy Photoshop Photoshop tutorial Poster Project365 Quick-Tip Review roundup sriganesh stock image stress buster Texture Tutorial twitter VECTORS Videos Viral Video Wallpaper Wordpress wordpress theme

Hall of Fame :

Friends

  • AdmixWeb
  • ArtAtm
  • BloggerJet
  • CreativeOverflow
  • DesignModo
  • Designrfix
  • Desizntech
  • Graphik Design Agency
  • Logolitic
  • Orphicpixel
  • premiumpress coupon code
  • Skyje
  • Smashingshare
  • Underworldmagazines
  • Visionwidget
  • Webdesignfan
  • Webexpedition18

Pages

  • DESIGN NEWS
  • Who We are ?
    • Authors
  • | CONTACT |
  • Site Map
  • Follow us
    • Google +
    • Like AnimHuT fan page
    • @animhut (Twitter)
    • StumbleUpon Profile
    • Add me on Facebook

© 2009-2012 AnimHuT | Designed by Elegant Themes | Powered by WordPress| Sherweb