Flash Tutorials

1. In the Property Inspector select show Borders Around Text:

Note: This gives the two Input boxes (Password and Username) a transparent background. The input text boxes should no longer have a white background.

2. Select the UserName input box, using the Property Inspector, change both the Var (variable) and Instance Name to: /:UserName

*Both the Instance Name and the Var Name has been set to: */:UserName

3. Now select the Password input box and change both its Var and Instance Name to: /:Password

4. Lock the Username and Password Layers:

5. Add a new Layer called: Yellow backgrounds

6. Draw a yellow rectangle the same size as the user name box.

7. Move the yellow rectangles so they appear behind the input boxes.

8. Right click on the yellow rectangle (next to User Name) and select: Convert to Symbol

9. Name the Symbol: UserNameInputRequired

10. For Behavior select: Movie Clip

11. Click: OK

12. Give the Movie Clip an Instance Name in the Property Inspector: UserNameInputRequired

13. Double click on the Movie Clip to: Edit

14. Type an asterisk on the stage on a new layer: *

15. Make it red and place it after the: User Name:

Red Asterisk after the User Name Label. Text Box appears yellow.

16. In frame 2 of the same Movie Clip add a: Blank Keyframe

17. Add a stop(); to both keyframes:

      stop();

18. Click on the Scene 1 Tab to return to the Main Stage: 19. Do exactly the same for the Password input box, but this time give it the Instance Name: PasswordInputRequired