So lets get started, first import an image of Cameron Dias to the stage, Now make a new layer on in the layers panel and copy the image of Cameron Dias so now we have to layers.
|
2. Masks flash-creations.com create mask, motion tweened mask, shaped tweened mask, convert text to shape with Modify, Break Apart, using a mask for handwriting or drawing effect
|
myMask.onPress = function() { startDrag(this); } myMask.onRelease = function() { stopDrag(); }
|
speed = 14;
|
var loadedData:Number = this.getBytesLoaded(); var allData:Number = this.getBytesTotal(); var percent:Number = Math.round(loadedData/allData*100); rectMask_mc._yscale = percent; if (loadedData >= allData) { gotoAndStop(10); delete this.onEnterFrame; }
|
progressTracker.onEnterFrame = function() { … all the function's code goes here … }
|
|
|
|
12. Now we can start ActionScripting. With ActionScript 3 we position the mask boxes onto the image and then tween them to reveal the image. Create a new layer for ActionScript and type the following.
|
In this tutorial I will show you how the create a cool mask effect by using some simple ActionScript 3. You should already have the basic knowledge of ActionScript 3 so that you can follow the tutorial.
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
|
@Manuel Yes, this game is made in Adobe Flash Pro 8. Make sure you give each of your owls different instances names: owl1, owl2, owl3 etc. |
|
|
|
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
|
|
|
|
So here it is, a video tutorial on how to make an image masking effect to blend a black and white image with a color image in macromedia flash. |
|
|
|
|
|
|
|
Open a new file in Flash editor. Draw whatever you like as the target clip on the main stage. |
|
1. Start by importing the image you want to add this effect to. file -> import -> import to stage and locate the image file.
|
|
|
|
|
|
|
Step 1: First look for a picture you want to make effect with or you can use this one:
|
|
1. Create a new movie. Frame rate, dimensions and background color don?t matter, but to make it simple, make the background color black. |
|
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
12 Free Online Quiz Creators for Teaching Online Last post by: Sunnyme Date: 01.10.2009 06:26:27
|
|
FrozenHaddock Tutorials: Simple Masking
|
|
|
2. Open flash and create a new file.
|
|
|
|
It is possible to create the spot-light special effect in Flash using simple timeline masking, which might in fact be much easier than using ActionScript to generate the effect, but that method will not grant you any interactive control over the masked area, which is the main purpose of using ActionScript to generate this effect. You are not required to have any previous knowledge with ActionScript to follow this tutorial as all the commands used are basic beginner codes. This tutorial will take control of the movie clip used as a mask using the simple startDrag method.
|
|
|
Part5: Adding the Mask Effect. Right click on the Mask Layer and click Mask.
|
65. AS3 Masking republicofcode.com Start up Flash and create a new AS3 File. Go through File>Import>Import to Stage and import any image you have to this movie.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
bg_mc.setMask(mask_mc);
|
|
Making an animated mask in Flash is a simple and useful operation that can allow quite complex and breathtaking animation sequences to be produced with a little imagination and ingenuity. For this tutorial I will make a simple animation that unmasks a text header. -------------------------------------------------------------------------------- 1. Create a new movie from the File menu, and then select New Symbol from the Insert menu. Make it a Graphic symbol and name it "Header". Now use the Text Tool to create a title header inside the symbol. (It doesn't matter what font, size or colour you use.) |
1. First open up a new Flash document and import any image of your choice by pressing ctrl r. Next you need to resize your flash movie so that it is the same as your pictures. You can get these dimensions by look in the properties tab on your image in flash. Now place your image so that it takes up your whole movie.
|
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- |
Step 6. Select your oval and in the Instance Name field enter: mask_mc.(This is an important step as it will be used in our ActionScript). |
Making an animated mask in Flash is a simple and useful operation that can allow quite complex and breathtaking animation sequences to be produced with a little imagination and ingenuity. For this tutorial I will make a simple animation that unmasks a text header. |
The aim of the tutorial is to s how you how to make a simple animated mask in Flash. A mask is an object which hides something. In the example below you can see through the circle, which is animated, and everything else is masked. |
The result should be similar to Fig 4. You'll notice the base picture can only be seen through the oval shape you drew. |
Note: Do not resize or do anything in Flash to the imported image as that will distort the image. Do any editing in Photoshop or any other external editor. Go to the Library (F11) and double-click the image/bitmap symbol and uncheck the "Allow smoothing" option. This disables any extra and unnecessary anti-aliasing in Flash which will slow down the movie and possibly distort the image. |
Masking, in itself, is a very simple process. You take one image, (the mask), and you stick something under it, (the masked). Whatever the shape of the mask is, is how the masked will look. Kinda like cutting a shape out of a piece of paper and laying the paper cutout on top of another sheet of a different color. Only the shape of the mask shows the shape of the underlying layer. |
Masking is used to show and hide portions of an image/object. Imagine a box with a whole on top. The hole is the mask, and the content in the box is what is being masked. You can only see what the hole allows you to see. This is generally what masking is. Masking is often used as a way to make objects fade in and out of view. This tutorial shows you how masking works. |
|
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. |
This page has Moved Here. |
|
|