Scribd
Upload
85 views

Tile Tutorial

This document provides instructions for faking a tile effect to seamlessly rotate an image grid using image editing software. It involves tiling the image across an enlarged canvas, duplicating and rotating copies of the layers at specific angles and scales, and arranging the layers in animation order to create a rotating tile effect when saved as an animated GIF. The key steps are enlarging the canvas, tiling and duplicating the image layers, transforming each layer at set angles and scales, shrinking the canvas, and arranging the layers to produce the rotating animation.

Uploaded by

Rafe
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
85 views

Tile Tutorial

This document provides instructions for faking a tile effect to seamlessly rotate an image grid using image editing software. It involves tiling the image across an enlarged canvas, duplicating and rotating copies of the layers at specific angles and scales, and arranging the layers in animation order to create a rotating tile effect when saved as an animated GIF. The key steps are enlarging the canvas, tiling and duplicating the image layers, transforming each layer at set angles and scales, shrinking the canvas, and arranging the layers to produce the rotating animation.

Uploaded by

Rafe
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Here’s one way to fake-tile an image to seamlessly rotate the tile

grid. Note that your picture must be square.

1. Open your picture in an image- 6. Duplicate each layer three times.


manipulation app. (I used You should now have 20 layers:
Photoshop Elements 2.) Grow the original five, and three copies
the canvas to 500% the length & of each. Rotate the first copies
height of the picture. 90° right, the second copies 180°
around, and the third copies 90°
left.
2. Copy, paste, and line up the
picture until you've tiled the (If you want your animation to
canvas. If you merge as you go go counter-clockwise, rotate the
along, you should have to copy first copies 90° left and the third
and paste just six times to get full copies 90° right.)
coverage. If your picture is rotationally
symmetrical about 180°, you will
need only 10 layers: the original
3. Merge all to one layer and make five, and a copy of each. Rotate
four duplicates, for 5 layers total. the copies by 90° right.
If your picture is rotationally
4. Free-transform each layer around symmetrical about 90°, you will
its centre, by the amount in the need no more than your original
table below. five layers.
Make sure to link vertical and
horizontal scaling. Layer Angle Scale 7. Arrange your
(If you want your animation 0° 100%
layers into
1
to revolve counter-clockwise, animation order
make the angles negative.) 2 18.4° 94.9% a n d s ave a n
33.7° 83.2% animated GIF.
3
You’re done!
5. Shrink the canvas down to 4 56.3° 83.2%

love, Rafe
60% its current length and 5 71.6° 94.9%
height, towards the centre.

You might also like