Graphic Mania

  • Home
  • Articles
  • Vector Packs
  • Freebies
    • Free Fonts
    • Free Icons
    • Photoshop Brushes
    • Photoshop Patterns
    • Photoshop PSDs
    • Textures
  • Photography ideas
  • Advertising Ideas
  • Image Cropper
  • Inspiration
    • Illustration
    • Showcases
  • Resources
    • News
    • Reviews
    • Contests
    • Adobe exams
    • Logo design
    • Wallpapers
    • 3D
  • Web
    • WordPress
  • Tutorials
    • Flash tutorials
    • HTML5
    • Illustrator tutorials
    • Photoshop tutorials

Quick Tip: How to Create a Seamless Pattern in Photoshop

2
  • by SergeyFrolovich
  • in Photoshop tutorials
  • — 19 Oct, 2011


What is a seamless pattern? It is a texture that can be tiled without any obvious seam. Now you can create your own seamless patterns with Adobe Photoshop. Just few simple DIY steps and you can convert any pattern in seamless pattern.

Related posts:

  • Quick Tip: How to Create a Seamless Pattern in Photoshop
  • How to Create Islamic Style Poster in Photoshop
  • How to Customize Skyscraper Background in Photoshop
  • How to Create a Photo Manipulation Poster in Photoshop
  • Amazing Photo Manipulation Tutorials
  • How to Create a Comic-Book Style Image of Yourself
  • How to Create HDR Photos in Photoshop CS5

Water.png Water-modified.png

See how they look as tiled pattern. Original texture has obvious seams.

Water.png as a tiled pattern

Water-modified.png as a tiled pattern

Step 1. Open source pattern and display its border.

Open source pattern water.png. Then go to “Filter > Other > Offset” menu, set parameters ( “x” offset = + 250 and “y” offset = + 185) and click “Ok”.

Step 2. Create a source layer duplicate.

Now choose the original layer and do the following:

  • Duplicate layer (Ctrl + J);
  • Inverse (Ctrl + I);
  • Set Black and White color (Ctrl + Shift + U).

Step 2. Create a source layer duplicate.

Step 3. Image and tones smoothing

Choose duplicate layer and do the following:

  • Apply auto tone (Ctrl + Shift + L).
  • Apply a Gausian blur (Filter > Blur > Gausian blur). Set 35 pixels and click “Ok”.

Step 3. Image and tones smoothing

Step 4. Image adjustment.

Select a layer copy and set blending mode on “Soft light” (Alt + Shift + F). Then merge layers (Ctrl + E).

Step 4. Image adjustment.

Step 5. Desaturating the borders.

Select “Spot Healing Brush Tool” (J). Then make the “Brush tool” radius more wide and make horizontal and vertical border brushing.

Step 5. Desaturating the borders.

Step 6. Correcting.

Shift the illustration (Filter > Other > Offset) one more time. After that, correct the image borders that left with the help of “Spot Healing Brush Tool” (J).

Step 6. Correcting.

Step 7. Saving the prepared image as a new pattern.

Go to Edit > Define Pattern. Then enter the name of the pattern and click “Ok”.

Step 7. Saving the prepared image as a new pattern.

Final image. Prepared pattern usage.

  1. Create a new big sized (2000×2000) document (Ctrl + N).
  2. Choose Fill > Pattern in the “Layers” menu. Select “Water pattern” and click “OK”.

Final image. Prepared pattern usage.

Share

Tags: create pattern in photoshopphotoshop patternphotoshop tutorial

— SergeyFrolovich

Sergey is a member of Divine Elemente team that develops PSD to WordPress software, and also shares useful web information and web design tips.

  • Previous story Amazing Calendar Photoshop Tutorials Just in Time for 2012
  • Next story How to Land Your First Offline Web Design Job

You may also like...

  • How to Create a Photo Manipulation Poster in Photoshop 4 Sep, 2012
  • Create Your Own Vintage Photoshop Brushes 28 Sep, 2009
  • Create Atomic Background in Photoshop 20 Jul, 2009
  • Photoshop for Video Tutorial: Chroma Keying Backdrops 9 Aug, 2009

2 Comments

  1. LjM says:
    October 20, 2011 at 1:03 am

    Fantastic! What a great tutorial ad well timed for me. T.Y.!

  2. Swamykant says:
    October 27, 2011 at 2:27 pm

    Wow. I didn’t knew that it was so simple.

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Promo Codes Available

    A2 Hosting Coupon
    NordVPN Coupon
    Unbounce Coupon
        • Home
        • Privacy Policy
        • About the Author
        • GRAPHIC MANIA – Guest Post Guidelines
        • Contact

        Copyright © 2008-2024 GraphicMania.net. All Rights Reserved.