Home | About Us | Contact Us
Adobe Photoshop
Tools Retouching Image Effects
Web Buttons Textures Animation
CorelDRAW
Tools Basic Effects Artistic Effects
Adobe Animate Flash
Tools Text Effects Special Effects
Designing
Layout Web Designing  
Miscellaneous
Articles Interviews  
 
 
FREE Training Groups
Photoshop CorelDRAW Adobe Flash
Digital Darkroom Web Designing  
 
 
FREE Newsletters
Photoshop Magic CorelDRAW Magic Flash Magic
Web Designing Magic    
 
Get Our ANDROID APP for regular updates
Inside Graphics app
 
 

 

 
 

Home : Flash Learning Tools : Onion Skin 

Onion Skin

1. Onion Skin gives you more control over the animation.

2. Create a new file. Create two layers. Draw the fixed objects on the bottom layer. And hammer which is movable on the top layer.

Base Drawing

3. Insert 9 frames on the bottom layer. Convert hammer into symbol using F8. Edit the center of the hammer and bring it at the bottom using

Modify > Transform > Edit Center

4. Select top layer. Insert keyframe at 5. Bring the hammer down. Insert keyframe at 9 and drag the hammer back to original position.

Create motion Tween.

Original  Timeline

5. You will get the following output.

6. Select all the frames on the top layer and convert it into keyframes using

Modify > frames > Convert to keyframes

Timeline with Onion Skin

7. If you click on the Onion Skin (Red marked) You will get the positions of the frames filled with color

Drawing with Onion Skin

8. If you click on the Onion Skin Outlines(Red marked) You will get the positions of the frames with outlines without color.

Drawing with Onion Skin Outline

9. Select each frame and edit using other frames as reference. In this project we have used Rotate command and changed the position of the frames using Onion Skin property.

10. Using Onion Skin, drag the first 3 frames very near to each other with rotate command. Compare the final output of the animation.

You will find the first animation is smooth one and the second begin slowly and increases the speed.

Inside Graphics app
Get Our ANDROID APP for regular updates
FREE Training Groups
Photoshop
| CorelDRAW | Adobe Flash | Digital Darkroom | Web Designing
FREE Training Groups
Photoshop Magic | CorelDRAW Magic | Flash Magic | Web Designing Magic
Adobe Photoshop
Tools
| Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW
Tools | Basic Effects | Artistic Effects
Adobe Animate Flash
Tools | Text Effects | Special Effects
Designing
Layout Designing | Web Designing
Miscellaneous
Articles | Interviews
Site Links
About Us | Contact Us
back to home | Back to top
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy