PhotoshopForums.com Home
Navigate Contact FAQ Search Members
NOT your typical Repeatable Pattern
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Manipulation
 See a User Guidelines violation? Please contact us.
Author Message

tyle_ps

Joined: 30 Oct 2013
Posts: 1
Location: Orlando


PostPosted: Wed Oct 30, 2013 9:11 am    Post subject: NOT your typical Repeatable Pattern Reply with quote

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
View user's profile Send private message Visit poster's website

Rarity

Joined: 27 Nov 2012
Posts: 329
Location: The Netherlands
PS Version: CS6
OS: Windows 8

PostPosted: Wed Oct 30, 2013 11:32 am    Post subject: Reply with quote



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
View user's profile Send private message Visit poster's website

thehermit

Joined: 05 Mar 2003
Posts: 3987
Location: Cheltenham, UK


PostPosted: Wed Oct 30, 2013 4:30 pm    Post subject: Reply with quote

Shock 2 my eyes hurt!

GJ Rarity

_________________
If life serves you lemons, make lemonade!
View user's profile Send private message

Rarity

Joined: 27 Nov 2012
Posts: 329
Location: The Netherlands
PS Version: CS6
OS: Windows 8

PostPosted: Thu Oct 31, 2013 11:58 am    Post subject: Reply with quote

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
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Manipulation All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com