What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Name these seamless tile repeating patterns. How can I get or make them?


balavalli

Well-Known Member
Messages
156
Likes
36
What this kind of pattern is called and Where can i get it ? Gurus Please suggest .Please see the attached images. Thanks in advance :naughty::naughty:

Pattern - 1

pat1.jpg


Pattern - 2

pat2.jpg



Pattern - 3

pat3.jpg


 

Tom Mann

Guru
Messages
7,223
Likes
4,343
There are so many patterns available that not every one of them will have a name that is unique and widely recognized by Photoshop pros. If you are trying to find the pattern among commercial sources (ie, vendors where you can purchase such things), each company will likely have their own name for a given pattern.

That being said, probably the best way to describe them is by generic descriptions. For example, all three seem to come under the category of "seamless tilings". So, the first might be described as a "shaded diamonds seamless tiling", the 2nd as something like "interlocking hexagons seamless tiling", and the 3rd as "concentric circles seamless tiling". Whether or not you'll find anything if you look up these names is anyone's guess.

Tom M
 

dv8_fx

Retired Administrator
Messages
13,761
Likes
4,789
Pattern 1 looks familiar but I can't put my finger on it where I came across it. Still searching among my stocks...

There's a problem with pattern 2 - the original is part of a MEGA bundle package that was offered free last Christmas. I'm not sure if it's still offered and I can't recall the site. Google for Abstract Geometric backgrounds... ;).

With pattern 3, can't you use it somehow? Tile it to create a bigger version....
 

colleague

Guru
Messages
824
Likes
1,254

Attachments

  • ptrn1.jpg
    ptrn1.jpg
    21.3 KB · Views: 40

Tom Mann

Guru
Messages
7,223
Likes
4,343
@balavalli - For each of the patterns you are interested in, the probability is high that while you may find a commercial pattern / texture that is close to what you want, it won't be exactly what you want and you will have to modify it. To be honest, for simple patterns, it takes only slightly more time to make your own pattern from scratch than it does to to modify the colors or shapes in an existing pattern, so I would suggest that you learn how to make whatever pattern you need.

Towards this end, here's a short tutorial on how to create many different variants of your pattern #1.

A. Create a single shaded diamond that is as large or larger than you will ever need. I created one ~700px square. The following layer stack screen shot shows how I did this.

01b
01b-layer_stack-1_diamond_shaded_edges.jpg

I used guides to lay out the diamond shape (ie, square on its side) so it fits perfectly on the canvas and made a selection in this shape. I temporarily made the background color black for good visibility, but I will eventually turn this off to get a transparent background. I used "Color Fill 1", an adjustment layer to set the color of the diamond. I then made selections of (i) the lower two edges, and (ii) the upper two edges, and used these to mask two "Levels" adjustment layers -- one to darken the bottom two edges and one to lighten the upper two edges.

The result is this (with its temporary black background):

01a
01a-shaded_diamonds_seamless_tile_tiling-ps01a_698px_square-01_1diamond_shaded_edges.jpg


The PSD file for this is attached below in zipped form

01c (zipped)
View attachment 01c-shaded_diamonds_seamless_tile_tiling-ps01a_698px_square.zip

------------

B. I removed the temporary background and shrunk the image down to 200 px on a side, a size suitable for this demo.

02
02-one_shaded_diamond-transparent_bkgnd-200px.jpg

------------

C. I defined a pattern based on this using the instructions here:
http://blogs.adobe.com/jkost/2015/01/how-to-create-a-seamless-pattern-tile-in-photoshop.html

Note: because I laid out the diamond perfectly centered within the canvas, I didn't have to use the offset function discussed in the above tutorial.

------------

D. I opened a new canvas that was the full size needed for the final project. I decided to make it 2000px square.

At the bottom of the layer stack I put a color fill layer. This defines the background color.

Just above this, I put an empty layer, and then used "Edit / Fill / Pattern" to fill this layer with the pattern I defined in step (C), above.

Here is the layer stack that I used:

03a
03a-layer_stack-using_the_pattern_to_tile_a_2kpx_canvas.jpg

Layer 1 is the result with a black background,

03c
03c-shaded_diamonds_seamless_tile_tiling-ps03_200px_square_tiles-on_2kpx_canvas-01_black_bkgnd.jpg

and Layer 2 is the result with a gray background.

03d
03d-shaded_diamonds_seamless_tile_tiling-ps03_200px_square_tiles-on_2kpx_canvas-02_on_gray_bkgnd.jpg

------------

To get closer to the look in the first example provided by the OP, I also generated a very low contrast version by inserting a "Levels" adjustment layer above Layer 2. The result is:

03e
03e-shaded_diamonds_seamless_tile_tiling-ps03_200px_square_tiles-on_2kpx_canvas-03_on_gray_bkgnd.jpg

An almost unlimited number of other variants can be produced from the PSD files just by adjusting parameters such as color, sizes, aspect ratios, brightness, contrast, etc., as well as inserting other adjustment layers or layer styles.

The time it took me to do the actual work was well under 5 minutes. Once you get used to the process it goes extremely fast. You probably spent much more time than this searching for exactly what you want than I did making a very useful template for myself and anyone else that needs a pattern like this. In addition, by learning how to do this yourself, you greatly expand your personal capabilities. Creating seamless tiles is one of the fundamental techniques any decent Photoshop artist really should know.

HTH,

Tom M

PS - I just noticed that the "unit cell", ie, the basic repeating unit in your example #1 is actually 4 slightly differently shaded diamonds, not just one. If you want that level of accuracy in your copy, you just build up to it using 4 slightly different versions of my single diamond adjacent to each other. The basic concept is exactly the same as shown above, just a slight generalization of it.
 
Last edited:

balavalli

Well-Known Member
Messages
156
Likes
36
Tom Mann and IamSam really thank you both.A leaning new every time i come here. Am really eager to see the final one IamSam once again am really thankful to you both and this great forum.
 

Top