|
Author |
Message |
tyle_ps
Joined: 30 Oct 2013
Posts: 1
Location: Orlando
|
Posted: Wed Oct 30, 2013 9:11 am Post subject: NOT your typical Repeatable Pattern |
|
|
I have never seen a tutorial where I can create a pattern from a semi-repeatable texture. As in the picture below.
Could anyone please guide me to how to make this repeatable so I can define it as a seamless pattern!
YOU would make me the happiest person in the world if you did so!
 _________________ -----------
~ T |
|
|
|
 |
Rarity
Joined: 27 Nov 2012
Posts: 329
Location: The Netherlands PS Version: CS6 OS: Windows 8
|
Posted: Wed Oct 30, 2013 11:32 am Post subject: |
|
|
The clue in doing this is working with numbers / measurements that make your life easy
The image I made is a seamless pattern, here's what I did.
I opened Illustrator to create the circle. It's easier to make the circle in your preview using Illustrator, but any circle will work. The size of it was 800*800pts.
I copied the circle to Photoshop to a 800*800 pixels document. Here I started stacking them next to each other. I sized the circles down to 200*200px.
I put 5 of them next to each other on the top row, 50 pixels from the top, starting with the first half off canvas and the last one had the other half off the canvas as well.
I put 4 of those circles under it, 50 pxs lower and none overlapping the canvas edges.
I grouped the 9 circles and duplicated the group and moved it 100 pxs lower. I repeated this step until the 800*800 canvas was filled.
Finally I checked if the last circles' group would represent the missing pieces of the top - the measurements (ratios that play well with each other) would have it fit perfectly. With the 800*800 filled I tested a define pattern -> pattern fill to see if it had worked and it did.
Hopes this helps you out.
Edit: If you want to save a pattern, or use a pattern as a tile to a website background (or social media like twitter which allows tiled backgrounds) there's an extra step involved. As you want to keep file size in mind you want to search (manually as generally you want to start at a slight offset) for the smallest repetitive piece within this 800*800 canvas and crop it at that. _________________ Bart J.A.H. de Brouwer |
|
|
|
 |
thehermit
Joined: 05 Mar 2003
Posts: 3987
Location: Cheltenham, UK
|
Posted: Wed Oct 30, 2013 4:30 pm Post subject: |
|
|
my eyes hurt!
GJ Rarity _________________ If life serves you lemons, make lemonade! |
|
|
|
 |
Rarity
Joined: 27 Nov 2012
Posts: 329
Location: The Netherlands PS Version: CS6 OS: Windows 8
|
Posted: Thu Oct 31, 2013 11:58 am Post subject: |
|
|
Thanks.
Yes it wouldn't be my advice to tile this on to a website's background or alike ghehe. _________________ Bart J.A.H. de Brouwer |
|
|
|
 |
|