Top Inside graphics free tutorials Image Ready Blur Animation
Home | About Us | Contact Us | FREE Training | Newsletter | Get our Android App
Adobe Photoshop : Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW : Tools | Basic Effects | Artistic Effects
Adobe Animate : Tools | Text Effects | Special Effects
Miscellaneous : Layout Designing | Web Designing | Articles | Interviews

Home : Image Ready : Blur Animation 

Blur Animation

1. Type two different texts with the same color on transparent background with two different layers.

2. Select the first text layer. Make a duplicate. Apply the Blur filter on the copy.

Filters > Blur > Motion Blur

Angle : 0

Distance : 25

3. Repeat the same procedure for other text too.

gif animation tutorials

4. File > Jump To > Image Ready 3.0

5. Click the black triangle in the animation Palette (Marked with red)

gif animation tips

Select " Make Frames from Layers ".

6. Duplicate the 3rd frames and drag it towards the right of the 4th frame.

7. Duplicate the 2nd frames and drag it towards the right of the 5th frame.

gif animation tricks

8. Set the timings for frames.

9. Set the no. of time you want to play the animation.

10. Check the performance in the browser

File > Preview In > Click the browser you want

online gif animation

11. Save the file with
File > Save Optimized or File > Save Optimized As

 
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy