Hot answers tagged tiles
10
create your image. For example, let's say it's 200px square
go to FILTERS > OTHER > OFFSET and type in x and y numbers that are half your image size (in this case 100px)
this will shift your image over that many pixels and put the pixels that were moved off the canvas on to the other side. You now will see a seam running down the middle of your image where ...
5
Use the Slice Tool like this:
Drag out a slice that encompasses the entire image. You want a "slice", in other words, that is the entire image.
Right-click (Ctl-click with 1-button mouse on a Mac) and choose "Divide Slice" from the context menu. Select your slice sizes and click OK. (Note: you might consider choosing how many slices, rather than what size. ...
4
I found this that might be of help: Create rotated tileable patterns
As you mention, there's math involved that is way beyond my understanding, so I'll only bring some of the principles that have to do with designing it.
Basically, the 'solution' would be:
Take an unrotated, tileable texture that repeats horizontally and vertically.
Tile it to a large ...
4
Sticking to simple, pre-generated textures, you'll either have to allow some stretching, or allow some slightly awkward overlaps. I believe both ways will need some custom code though.
Using stretching: Place corner caps, round the number of bubble tiles needed to fit in between up or down, and stretch (or shrink) that span to make up the difference:
...
3
This isn't quite a duplicate of this other question (although you don't state it in the question, your tags imply that you want to do this in Photoshop) but I can give the exact same answer: Is there a free software to split a PNG image into some smaller images?
ImageMagick is great for doing things like this from command-line if you need to write batch ...
3
I believe the answer to your question was first posted in a similar thread in regards to exporting patterns by Jin.
In the pattern library popup, when you click on a pattern, the tooltip
should tell you what dimension it is. Start a new document with this
dimension, and fill using the pattern. You should end up with a
non-repeated image of the ...
3
DA01 answers how to make it but your question is how to test it. The answer to that question is:
Select your pattern layer
Edit > Define Pattern
Create New Layer
Select All
Edit > Fill > Pattern > Choose your pattern
Hit okay and see if it looks good
1
I was going to say "you can't", but apparently it is possible:
http://www.peteryu.ca/tutorials/gimp/rotate_tileable_patterns
I'd rather not do all of that and come up with something else.
1
Here's a non-mathematical approach from when I've needed to do similar things:
Make a massive area of the pattern (the tiles won't be small), rotate as desired.
Choose a visually simple, distinctive spot (e.g. one corner of the X)
Have a horizontal and vertical guide line run through that exact spot.
Follow the horizontal line until you reach an exact ...
1
There is also another way to do this, but the limit is that all the other patterns must be of the same size you will see why.
Steps:
Make a 200px by 200px box.
Convert it into an smart object.
Duplicate and align it so there are 3 boxes horizontally. Make sure
no overlapping or spaces in between.
Duplicate the three boxes selected into 3 vertical columns.
...
1
I traditionally save the image as a jpg or png and then use basic html to test the tiling.
<html>
<head></head>
<body style="background: url(image.jpg) repeat 0 0;">
</body>
</html>
Open that in a browser and you can see the tiling and simply re-save "image.jpg" and refresh the web page to check revisions.
1
Diagonal lines is definitely something that's a little more painful. But, I would recommend using similar techniques as to tiling photos. By using the offset feature you'll be easily able to tell if it tiles, if not adjust it.
Alternatively, there are some great free resources on the web that will create tiles diagonals for you with a huge level of control, ...
1
Please look on google before asking a question, it is fairly easy one :)
I do diagonals lines in three ways:
Pixel by pixel
Line tool
Pen Tool
Only top voted, non community-wiki answers of a minimum length are eligible
