Programming Tutorials Browser Tutorials Articles Struts Tutorials Hibernate Tutorials

Search: 

  Tutorial: Flash Text Effects Spotlight Mask Tutorial

Spotlight masking of it's own kind. A must see for beginners and new intermediates.

Tutorial Details:

Flash Text Effects Spotlight Mask Tutorial
Spotlight Masking of it's own kind Let's begin. Firstly select the rectangle tool.
Draw a rectangle as big as the stage. The colour of the fill should be the colour that you want to your spotlight mask to be. Next select the text tool and type out the text over the box on the stage. Make sure the colour of the text is the colour you want in the final result(of the text).

Create a new layer above the present layer and draw two circles and place them as shown. Be sure to delete the outlines of the circles before placing them.
Next insert a keyframe at frame no.5 and place the smaller circle right next to the larger one. Make sure there is some distance between them both as shownin the zoomed in image. Insert a keyframe at frame no.25 and place the larger circle at the end of the text.

Insert another keyframe at frame no.45 and take the larger circle to the same place as it was in frame no.5(I recommend that you should just copy and paste it). Now insert a keyframe at frame no.50 and take the smaller circle to its original place(as in frame no.1). At this point your movie is useless. To get the desired effect we will have to shape tween the top layer(all the KEYFRAMES not frames) and then mask it. Before masking your timeline should look like this- To do the masking bit you will have to right click on the the top layer and select mask.The second layer will automatically be masked if you do it this way.


 

Read Tutorial at: Click here to view the tutorial

Rate Tutorial:
Flash Text Effects Spotlight Mask Tutorial

View Tutorial:
Flash Text Effects Spotlight Mask Tutorial

Related Tutorials:

Displaying 1 - 50 of about 2113 Related Tutorials.

jQuery To Slide Effects tabs
jQuery To Slide Effects tabs jQuery To Slide Effects...;   In this JQuery tutorial we will develop a program ...> <meta http-equiv="Content-Type" content="text/html; charset=utf-8
 
jQuery To Fade Effects tabs
jQuery To Fade Effects tabs jQuery To Fade Effects tabs...;   In this JQuery tutorial we will develop a program  to make...;head> <meta http-equiv="Content-Type" content="text/html; charset
 
How to design a flash effect on the picture.
How to design a flash effect on the picture.< How to design a flash effect on the picture.     ... is showing a flash effect on a particular area. You will learn how to flash some
 
Embed flash file in jsp page
Embed flash file in jsp page Embed flash file in jsp... a flash file in jsp page. In the example given below we have used HTML tag in jsp code to embed flash file. <OBJECT> in HTML  is used to insert an object
 
Photoshop Tutorial : Text Effect
;    This is a text effect tutorial. This tutorial... Photoshop: How to make a text effect How to make a text effect          
 
How to make an image full text.
, it's not tuff to design an image full text because this tutorial has made it easy... in the text. Text: Select horizontal type mask tool (T key) and click on that place, you... Photoshop : How to make an image full text. How
 
Show Transparent Text
Show Transparent Text Show Transparent Text...;   This section shows you the transparent text. To draw the text, Font class is used. To show transparency over the specified text, the class
 
Photoshop Tutorial : How to make a animated text.
text.          ...;   This is an animated example, I have made here a text... key) and write any text as you like. Cutout Effect: Go to Filter Menu >
 
How to make text effect
;    Design text effect is so easy now, because I have a tutorial that is base on text effect. It has so easy steps, you will not have any... Photoshop : How to make text effect How to make text
 
How to make a text effect.
;     This is a text effect tutorial, you can make... Photoshop : How to make a text effect. How to make a text effect.         
 
Dojo Tutorial
DOJO Tutorial Dojo Tutorial  ...; In this tutorial, you will learn everything about the dojo. After completing the tutorial.... This advanced Dojo tutorial covers: Introduction to DOJO
 
Text Area in HTML
with Example The Tutorial illustrate an example from Text Area in HTML.In this example... Text Area in HTML Text Area in HTML   
 
How to design a text button.
How to design a text button.< How to design a text...;    With this tutorial you will be able to learn a design of the text button, mostly we use simple buttons of circle
 
jQuery to text changes with fading effect
; In this first jQuery tutorial we will develop a  program that  text... jQuery to text changes with fading effect... into <html> <head> <title>Text Changes with Sliding
 
Show Other Image Effects
Show Other Image Effects Show Other Image Effects          ...;    This section illustrates you some other image effects
 
jQuery to text changes with sliding effect
; In this first jQuery tutorial we will develop a  program that  text... jQuery to text changes with sliding effect...; Text Changes with Sliding Effect </title> <meta http-equiv="
 
Text Field in HTML
. Understand with Example The Tutorial illustrates an example from Text Field in HTML.In this Tutorial, the code create a text field in HTML page. <form action>... Text Field in HTML
Site navigation
 

 

Send your comments, Suggestions or Queries regarding this site at roseindia_net@yahoo.com.

Copyright © 2006. All rights reserved.