Blog

From the minds of Division Overlay. Learn new techniques with our well formated tutorials, and get project updates all right here.

Simple text animation

  1. Start a new canvas 100×20 pixels


2. Text tool “loading…” font size 18


3. Make a new empty layer


4. Import to image ready


5. Make new animation layer, un check text layer


6. Set delay time


7. Save as optimized

Graphic loading animation

1. Start a new canvas 200×100 pixels
2. Make a background color, I’m going with #333333
3. Create a new layer


4. Make a circle with the ellipse tool, then a line from the center to the edge


5. Now duplicate that layer 3 times

6. Rotate each layer 45 degrees

7. Import to Image Ready

8. Make 4 new animation layers, un check first layer, repeat per layer


9. Set delay time
10. Save as optimized

Written by Tyler

Web designer, developer, Funny guy, Thinker, Music lover. Follow me on Twitter @tjefford

You can leave a response, or trackback from your own site.

Leave a Reply