Home Animation Articles Logo Intro/Outro Animation
Logo Intro/Outro Animation

Logo Intro/Outro Animation

0
0

How to animate a basic logo intro/outro (introduction/conclusion)

Import the image into Flash and cut up the image so that you can start animating.

logo_inoutani_0005_Screen Shot 2016-09-01 at 9.14.14 PM

Use MASK layers to add moving effects.

logo_inoutani_0018_Screen Shot 2016-09-01 at 9.14.48 PM

Create a MASK LAYER by creating a new layer, right click and choose “MASK”

logo_inoutani_0022_Screen Shot 2016-09-01 at 9.15.00 PM

Whatever shape you create on the mask layer will be the “window” to the layers underneath. If you move objects under the mask layer, you will see them pass by only when they are under the mask shape. The layers must be LOCKED to see the mask effect. You have to drag the layers under the mask a little up towards the mask, or masked group, and the layer will snap under the mask layer.

logo_inoutani_0032_Screen Shot 2016-09-01 at 9.15.21 PM

logo_inoutani_0023_Screen Shot 2016-09-01 at 9.15.02 PM

logo_inoutani_0024_Screen Shot 2016-09-01 at 9.15.03 PM

Use GUIDE layers to add move movement to parts of the logo.

As the MASK layer was made, do the same steps to make a mask layer. To create a new layer, right click and choose GUIDE.

logo_inoutani_0034_Screen Shot 2016-09-01 at 9.15.25 PM

USE THE LINE TOOL to create a stroke on the GUIDE LAYER.

logo_inoutani_0035_Screen Shot 2016-09-01 at 9.15.27 PM

Whatever direction the line goes, the layers with objects locked under the guide layer will move … if you create a motion tween.

logo_inoutani_0040_Screen Shot 2016-09-01 at 9.15.41 PM

Make a keyframe for the object to move to point B. The length on the GUIDE LAYER will control the length of the layer keyframes underneath it. So remember to extend the guide layer along with the length of the animation. The layers must be LOCKED to move correctly, even when you export the movie.

logo_inoutani_0041_Screen Shot 2016-09-01 at 9.15.44 PM

You can see that the object moves with the stroke.

logo_inoutani_0042_Screen Shot 2016-09-01 at 9.15.47 PM

Where the objects point of axis determines where the object will link onto the stroke. Move the axis point where you need to make the object move correctly.

Making an object smaller or larger at either kayframe will create a 3D like movement in a 2D platform.

logo_inoutani_0050_Screen Shot 2016-09-01 at 9.16.02 PM

logo_inoutani_0051_Screen Shot 2016-09-01 at 9.16.03 PM

logo_inoutani_0052_Screen Shot 2016-09-01 at 9.16.06 PM

logo_inoutani_0055_Screen Shot 2016-09-01 at 9.16.12 PM

Create EASE INS and EASE OUTS to make the movements smooth and appealing to the eye.

Make the object spin if you like …

logo_inoutani_0062_Screen Shot 2016-09-01 at 9.16.34 PM

logo_inoutani_0064_Screen Shot 2016-09-01 at 9.16.37 PM

logo_inoutani_0065_Screen Shot 2016-09-01 at 9.16.38 PM

logo_inoutani_0068_Screen Shot 2016-09-01 at 9.16.44 PM

Guide layers are not seen in the final videos.

Play with the FILTERS to create different effects to bring in or fade out the logo.

logo_inoutani_0082_Screen Shot 2016-09-01 at 9.17.18 PM

logo_inoutani_0083_Screen Shot 2016-09-01 at 9.17.18 PM 1

logo_inoutani_0084_Screen Shot 2016-09-01 at 9.17.19 PM

logo_inoutani_0085_Screen Shot 2016-09-01 at 9.17.21 PM

To view the video, go to: http://animationstation.com/logo-introoutro-animation/

To view more videos by EmilyCartoons, go to: http://animationstation.com/channel/emilycartoons/

EmCartoons Owner and Founder of Animation Station. Animation Station is a website that showcases Artists Artwork from around the world. Each artist has a background ranging in animation, live action, traditional, graphic design, audio, and any form of art connected to animation/digital media.

LEAVE YOUR COMMENT

Your email address will not be published. Required fields are marked *