Creating irregular, seamless stitching patterns in Photoshop

Source: Internet
Author: User

If you look closely at the black background of the flying Fish sonar, you will find that it is not a solid background. But a piece has the fine texture seamless mosaic pattern after the effect, this picture is I look for the ready-made picture from the net, use directly in the CSS to be possible, very simple. But some seamless stitching of the pattern is more complex, the pattern is not like this picture of the rules, such as the following tile after the effect:

Or this one looks more irregular:

Does it look cool? Especially the green grass below this, you can do a South Africa World Cup web design, as a page background, absolutely flavoursome!

So today we take the green lawn as an example, hand in hand to teach you how to create in Photoshop similar to such an irregular seamless mosaic picture. The first thing to figure out is:

Why can't I just tile the picture?

You can try, without the seamless stitching technique, to directly tile the picture or photo on the page, like using the lawn image from the 100KR album on Flickr. The effect is probably the following figure:

What do you think of the above page background effect? I think the extra pits on the lawn are enough to make you twist your ankle when you play! So we still have to do a little processing of it, it is also very worthwhile to spend this time. Let's get Started:

First step

Download the lawn image provided above and open it in Photoshop.

Second Step

Select the Trim tool (crop Tool), fill 200px on the width of the property bar at the top of the window, and fill the height with 200px. It means we're going to cut out a square with a width and height of 200 pixel size on this picture. Drag the trimmed area you have chosen to place in the picture where the grass is more evenly colored, and it looks better in the middle of the picture. To avoid placing the darker four corners on the picture, the aim is to make our seamless stitching patterns more evenly colored and better.


    • PS Getting Started Tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.