Once you download SWFQuicker, you can create a Flash movie immediately, then you can export it. You may ask how to delete “Powered By Sothink” words in your movie created by SWFQuicker. The “Powered By Sothink” words only appear in your movie if you use UnRegistered SWFQuicker version. You need to register the software and those words will not appear in your Flash Movie.

First, you need to install Java Runtime Environment and Adobe Flex SDK if you use ActionScript 3.0. You can install them automatically after you install SWF Quicker 5.x version, but in case you want to install manually, you can download the links below then install them, you can download the links below then install them

Java Runtime Environment
Download : flex_sdk_setup_3_4_0_9271_1.exe

Adobe Flex SDK
Download : jre-1_5_0_21-windows-i586-p.exe

Upgrade SWF Quicker for registered users of V3.X or above

You can download and upgrade to the latest version for free.

Upgrade SWF Quicker for registered users of V1.0 ~ V2.6

You need to pay $15.95 to upgrade to the latest version

If you like with the latest version and want to upgrade it, you can follow these steps:

1. You need to send email to support(at)sothink.com to tell your previous registration information including registration name, order number, date order and email address.

2. Once your request is received, Sothink will send you an upgrade order link to pay.

3. After payment is complete, you will get a new registration number to active the latest version.

Do you like to change one image to another format in your flash video? Okay, we would like to tell you that SWF Quicker V3.0 will help you to do it.

Prepare:

1. Click imagetween.zip (42.9 KB) to download the images required in this tutorial, and extract them to a local folder named as imagetween.
2. Launch Sothink SWF Quicker and new a blank document.

Step One: Create image tween animation – Change a goat to a giraffe
1. In Properties panel, set Width to 470, and set Height to 212.
2. In timeline, rename “Layer1″ to “image”. Then add a new layer and name it as “background”.
3. In frame 1 of the “background” layer, import the background.png from the imagetween folder, and set its X, Y values to 235,105.5 from the Transform panel. In frame 90, press F6 to insert a keyframe.
4. In frame 1 of “image” layer, import the pic_1.jpg from the imagetween folder. From the Transform panel, set X, Y values of this image to 175,105.
5. In frame 15 of “image” layer, insert a blank keyframe and import pic_2.jpg to this frame. Set its X, Y values to 175,105.
6. Right click any frame between frame 1 and 15 of the “image” layer, and choose Create Image Tween from the context menu. Now this image tween animation of changing a goat to a giraffe is almost completed. You can click the preview button to see the effect.
7. After previewing the effect, you may find that the transform process is a little rough, so you should take more time to configure the effect to be more exquisite.
8. Click any frame between frame 1 and 15 of the “image” layer, and click Configure the Tween… in the Properties panel to open the Image Tween Editor dialog box.
9. In the Image Tween Editor dialog box, click to add hint points in the Source window. And adjust positions for corresponding hint points appeared in the Destination window.
10. Finally, click OK to save the transform process. Now you can click preview button to see the goat changes to a giraffe.

Tips:
1) The more hint points you added, the more exquisite the transform process will be.
2) To judge whether the hint points are added correctly and efficiently, you can see that if the image in the Preview window become clearer and clearer.
3) Right click a hint point may delete it.

Step Two: Create image tween animation – Change a giraffe to a lion
1. In frame 18 of the “image” layer, press F6 to insert a keyframe. So the second image will be remained for a while before changing to a lion, which will make your animation to be visually smooth.
2. In frame 27 of the same layer, press F5 to insert a blank keyframe, and import the pic_3.jpg from the imagetween folder. From the Transform panel, set X, Y values of this image to 175,105.
3. Right click any frame between frame 18 and 27, and choose Create Image Tween from the context menu. Now this image tween animation of changing a giraffe to a lion is almost completed. You can click the preview button to see the effect.
4. To further configure the transform process, please refer to step one for details.
5. Finally, click OK to save the transform process. Now you can click preview button to see the giraffe changes to a lion.

Step Three: The lion is faded out
1. In frame 30 of the “image” layer, press F6 to insert a keyframe. So the third image will be remained for a while before fading out, which will make your animation to be visually smooth.
2. Press F6 in frame 45 to insert a keyframe.
3. In frame 45, choose the Selection tool from the Tools panel, and then click to select the pic_3.jpg on the stage. Go to the Transform panel, select Alpha from the Color transform drop down list, and set alpha value to 70%.
4. Right click any frame between frame 30 and 45, and choose Create Motion Tween from the context menu.
5. Press F6 to insert a keyframe in frame 90 where the movie is planned to be ended.

Step Four: Adding question marks
1. Add two layers in timeline and respectively name them as “questionmark1″ and “questionmark2″.
2. In frame 35 of the “questionmark1″ layer, press F6 to insert a keyframe. Choose Text tool from the Tools panel, and then go to the Properties panel, set font type to Arial, font size to 30, font color to white, and choose Bold. Finally, drag a rectangle box on the stage and input a “?” sign. Adjust the “?” to appropriately locate on the lion’s nose, and drag the center point of the “?” to its center.
3. In frame 42 of the “questionmark1″ layer, press F6 to insert a keyframe. Choose Transform tool from the Tools panel, click to select the “?” on the stage, and scale it to a larger size.
4. Right click any frame between frame 35 and frame 42 and choose Create Motion Tween from the context menu. Then go to the Properties panel, Set Rotate to CCW and Times to 5. Press F6 in frame 90 to add a keyframe. Now the first question mark is completed.
5. In frame 45 of the “questionmark2″ layer, press F6 to insert a keyframe. Copy the “?” sign in frame 42 of the “questionmark1″ layer, and paste it to the same position in frame 45 of the “questionmark2″ layer by choosing “Paste in Place” option.
6. Press F6 to insert a keyframe in frame 54 of the “questionmark2″ layer, and scale the “?” on the stage to a larger size. Then go to the Transform panel, select Alpha from the Color transform drop down list, and set alpha value to 50%.
7. Right click any frame between frame 45 and frame 54 of the “questionmark2″ layer and choose Create Motion Tween.

Step Five: Adding texts
1. Add two layers in timeline and respectively name them as “text1″ and “text2″.
2. Press F6 in frame 45 of the “text1″ layer. Choose Text tool from the Tools panel, then go to the Properties panel, set font type to Arial, font size to 20, font color to white, and choose bold.
3. Drag a rectangle box on the stage and input “What’s the next?”. Set X, Y values of the text to 119, 181 from the Transform panel. Select Alpha from the Color transform drop down list, and set alpha value to 30%.
4. Press F6 to insert a keyframe in frame 54. Select the text on the stage and set its alpha value to 100%. Right click any frame between frame 45 and frame 54 and choose Create Motion Tween.
5. Press F6 to insert a keyframe in frame 90. Now the text 1 is completed.
6. Go to frame 1 of “text2″ layer, Choose Text tool from the Tools panel, then go to the Properties panel, set font type to Century Gothic, font size to 18, and choose bold.
7. Drag a rectangle box on the stage and input “Easily get an image tween effect by Quicker 3.0″. Choose “Easily get an image tween effect by” and set its color to #CC9900 from the Properties panel; Choose “Quicker 3.0″ and set its color to #CC0000.
8. Name this text symbol as “bottom” and set its X, Y values to 290, 50.
9. Duplicate the “bottom” symbol in the Library and name the new one as “top”.
10. Choose frame 1 of the “text2″ layer, drag the “top” symbol to the stage.
11. Choose the Text tool, and then click to choose “Easily get an image tween effect by” in “top” symbol, go to the Properties panel, set color of the selected texts to white.
12. Set X, Y values of the “top” symbol to 289, 49.5.
13. Press F6 to insert a keyframe in frame 90 of “text2″ layer.

Then you can click preview button to see your work.

See All SWF Quicker Tutorials Here!

In this tutorial, we use _root.getBytesLoaded () which is the number of bytes loaded in memory and _root.getBytesTotal() which is the total frame number of movie to get the more exact proportion.

Preloader Effect 1 – Display the load percentage dynamically.

1. Add a blank frame in frame 1; the animation begins to play in frame 2.

2. Copy the following codes in frame 1; the movie begins to play as far as it is loaded completely.

Source code here:

stop ();
_root.createTextField ( “myload_txt” , 1 , 0 , 0 , 0 , 0 );
with ( _root.myload_txt ) { //set the text
background = true ; //whether the text block has a background or not;
backgroundColor = 0×336699 ; //background color of text block;
textColor = 0xFFFFFF ; //text color;
type = “dynamic”;//font type is dynamic;
selectable = false ; //whether the text can select or not;
autoSize = “center” ; //control auto sizing and align of text;
_x = Stage.width/2; // x-axis of the text;
_y = Stage.height/2;// y-axis  of the text;
}
onEnterFrame = function () {
var Loaded = _root.getBytesLoaded ();
var Total = _root.getBytesTotal ();
_root.myload_txt.text = Math.floor (( Loaded / Total )* 100 )+ “%” ;
if ( Loaded == Total ) {
onEnterFrame = null ;
removeMovieClip ( _root.myload_txt );
play ();
}
};

Preloader Effect 2

1. Designing Truth
The truth for designing preloader can be divided into three parts:
Step one: create a circle to update data. Two ways as follows:
(1) make preloader in two frames and use command gotoAndPlay(1) to generate circle;
(2) Make it in one frame and use command onEnterFrame to generate circle.
Step two: use command get getBytesTotal()and getBytesLoaded() to get file data.
Step three: use graphic or animation to show the date got in step two. Generally, the data can be exactly shown in text.

2. A Simple Sample
I will show you an example step by step:
(1) Import a movie in SWF Quicker and create a new scene put ahead the scene panel.¡¡
(2) Add the following ActionScript in first frame:

stop ();
//four function for drawing lines, they are movie clip name of drawing line, depth of movie clip;
//width and transparent of line;
function dr ( nam , de , d , al ) {
na = createEmptyMovieClip ( nam , de );
na . lineStyle ( d , 0x9900cc , al );
na . _x = Stage.width/2-120 ;
na . _y = Stage.height/2 ;
na . lineTo ( 240 , 0 );
}
onEnterFrame = function () {
var a = getBytesTotal ();
var b = getBytesLoaded ();
//get loaded data;
if ( b < a ) {
dr ( “b1″ , 0 , 30 , 30 );
dr ( “b2″ , 1 , 20 , 30 );
dr ( “b3″ , 2 , 20 , 100 );
b3 . _xscale = b / a * 100 ;
//draw three line to show load progress;
} else {
delete onEnterFrame ;
b1 . removeMovieClip ();
b2 . removeMovieClip ();
b3 . removeMovieClip ();
play ();
//load over, delete graphic and function;
}
};

Here is final effect of this sample:

stop();
sw = Stage.width;
sh = Stage.height;
//
Stage.showMenu = false;
//hide the context menu of right button;
cs = 60;
//grid density
r = 2550;
d = r/Math.SQRT2;
//grid slope;
p = Math.PI;
//customize constant PI
createEmptyMovieClip(“ln”, 1);
ln.lineStyle(0, 0xffffff);
for (var i = 1; i<=cs; i++) {
ln.moveTo(sw/2+r*Math.cos(i/cs*p), -d+300+r*Math.sin(i/cs*p));
ln.lineTo(sw/2+r*Math.cos(i/cs*p+p/2), -d+300+r*Math.sin(i/cs*p+p/2));
}
//draw a background with gradient color;
createEmptyMovieClip(“bg”, 0);
with (bg) {
colors = [0x6666ff, 0xffffff, 0x660099];
alphas = [30, 30, 80];
ratios = [0, 100, 200];
lineStyle(5, 0x00ff00);
matrix = {matrixType:”box”, x:200, y:115, w:50, h:450, r:p/2};
beginGradientFill(“linear”, colors, alphas, ratios, matrix);

moveTo(-200-sw, -100);
lineTo(200+sw, -100);
lineTo(200+sw, 100+sh);
lineTo(-200, 100+sh);
lineTo(-200, -100);
endFill();
}
//
r1 = 50;
r2 = 170;
nu = 32;
//they are three parameters of center circle;
cr = 600;
//cr is radii of center circle;
createTextField(“te”, 5, 75, 100, 160, 100);
te.textColor = 0x9900ff;
//create text to show loaded data;
function fo1(nam, de, ro) {
na = createEmptyMovieClip(nam, de);
with (na) {
_y = 40;
lineStyle(0, 0×000000, 0);
colors = [0x6666ff, 0xffffff, 0x660099];
alphas = [130, 130, 20];
ratios = [0, 120, 200];
matrix = {matrixType:”box”, x:-cr/2, y:-cr/2, w:cr, h:cr, r:p/2};
beginGradientFill(“radial”, colors, alphas, ratios, matrix);
//Use ActionScript to make gradient fill;
moveTo(r1, 0);
var bl = Math.cos(p/nu);
for (var i = 1; i<=ro; i++) {
curveTo(r1*Math.cos(i*p/(nu/2)-p/nu)/bl, r1*Math.sin(i*p/(nu/2)-p/nu)/bl, r1*Math.cos(i*p/(nu/2)), r1*Math.sin(i*p/(nu/2)));
}
lineTo(r2*Math.cos(ro*p/(nu/2)), r2*Math.sin(ro*p/(nu/2)));
for (var i = ro; i>=1; i–) {
curveTo(r2*Math.cos(i*p/(nu/2)-p/nu)/bl, r2*Math.sin(i*p/(nu/2)-p/nu)/bl, r2*Math.cos((i-1)*p/(nu/2)), r2*Math.sin((i-1)*p/(nu/2)));
}
lineTo(r1, 0);
endFill();
}
}
//use this function to draw center circle, which is draw by curverTo;
onEnterFrame = function () {
ab = _root.getBytesLoaded();
bb = _root.getBytesTotal();
//get data
sb = int(ab/bb*nu);
fo1(“di”, 4, sb);
di._x = 275;
di._y = 200;
di._yscale = 25;
di._rotation = -30;
//call function to draw
fo1(“yz”, 3, sb);
yz._xscale = 100*Math.pow(3, 0.5)/2;
yz._yscale = 25;
yz._alpha = 30;
yz._x = 275;
yz._y = 360;
//make another transparent center circle at the bottom as shadow of upper one;
if (ab<bb) {
te.text = “download: “+int(ab/1000)+”K/”+int(bb/1000)+”K\rpercentage: “+int(ab/bb*100)+”%”;
// show load data;
} else {
te.text = int(bb/1000)+”K Finished!\rClick the circle to go >>>>;”
di.onPress = function() {
delete onEnterFrame;
te.removeTextField();
di.removeMovieClip();
yz.removeMovieClip();
ln.removeMovieClip();
bg.removeMovieClip();
play();
};
}
};

That is the final effect:

onClipEvent (load) {
this._x = 180;
this._y = 300;
_root.ss.createTextField(“tt”, 1, 70, 50, 100, 20);
_root.ss.tt.textColor = 0xff0000;
_root.ss.createEmptyMovieClip(“louding”, 2);
with (_root.ss.louding) {
lineStyle(0, 0x0000ff, 0);
moveTo(0, 0);
//originating point;
beginFill(0xff0000, 100);
lineTo(0, 10);
lineTo(10, 10);
lineTo(10, 0);
endFill();
}
_root.ss.createEmptyMovieClip(“loudingk”, 3);
with (_root.ss.loudingk) {
lineStyle(0, 0×000000, 100);
moveTo(0, 0);
//originating point;
lineTo(0, 10);
lineTo(200, 10);
lineTo(200, 0);
lineTo(0, 0);
}
}
onClipEvent (enterFrame) {
load = int(_root.getBytesLoaded()/_root.getBytesTotal()*100);
_root.ss.tt.text = “loading”+load+”%”;
_root.ss.louding._width = 2*load;
if (_root.getBytesLoaded() == _root.getBytesTotal()) {
_root.play();
}
}

That is the effect:

Preloader effect 3

1. Import a movie in SWF Quicker and add a new scene ahead of Scene panel.
2. Add the following ActionScript in the first frame of the new scene.

Preloader Effect 4

1. Open a movie in SWF Quicker and add a new scene ahead of Scene panel.
2. Create a new movie clip and drag it to first frame of new scene, name it “ss” in properties panel.
3. Add the following ActionScript in the first frame of the new scene.

Remember, you will have better effect if you learn more about ActionScript

Watch The Video: How To Replace A Picture in Flash Movie Here…

Here you can learn how to make a slideshow with Flash blur effect using SWF Quicker. You will insert any Script here, you only need to add new feature of SWF Quicker -Flash filter.

Step 1 Add Flash Blur Filter Effect for the First Image
1. Run Sothink SWF Quicker.
2. Select File -> New -> New Movie to create a new blank document. And then go to the Properties panel, and set the movie properties as follows:

3. Choose File -> Import to Library, and browse to import the images I provided for this sample. Now in the Library panel, you’ll see this:

4. Drag the “1.jpg” image from the library to the stage.
5. While the image is still selected, go to the Transform panel, and set its X, Y values to 175, 130, as follows:

6. On the stage, right-click the image and select Convert to Symbol from the pop-up menu. And then choose “Movie Clip” in the newly opened dialog to convert this image to a movie clip symbol.

7. Click on frame 10 of layer1, and press F6 to insert a keyframe. After that click on frame 20 and press F6 again.
8. While you’re still on frame 20, select the image and open the Filter panel. Now click the Add Filter button and select Blur in the pop-up menu. And then you can set the options for the Blur filter as follows:

9. Go back to frame 10 and open the Properties Panel, and then choose Motion in the Tween drop down list. Now the timeline is displayed as follows:

Step 2 Add Flash Blur Filter Effect for the Second Image
1. Insert a new layer (layer 2) in the timeline.
2. Click on the frame 15 of layer 2 and press F6 to insert a keyframe.
3. Drag 2.jpg from the library to the stage. While the image is still selected, go to the Transform panel, and set its X, Y values to 175, 130.
4. Now convert the image to a movie clip symbol. (Repeat the 6th operation of step 1)
5. After that click on frames 25, 35 and 45 of layer 2 and respectively press F6. Now the timeline is displayed as follows:

6. Go back to the frame 15 of layer 2, select the image and apply Blur filter for it. (Repeat the 8th operation of step 1, and set same properties for the Blur filter.)
7. Select again the frame 15 and open the Properties Panel, and then choose Motion in the Tween drop down list.
8. Click on frame 45, select the image and apply Blur filter for it. (Repeat the 8th operation of step 1, and set same properties for the Blur filter.)
9. Go back to frame 35, open the Properties Panel, and then choose Motion in the Tween drop down list. See the current timeline:

Step 3 Smoothly Transit Back to the First Image
1. Insert a new layer (layer 3) in the timeline.
2. Click on frame 40 of layer 3 and press F6 to insert a keyframe.
3. Drag 1.jpg from the library to the stage. While the image is still selected, go to the Transform panel, and set its X, Y values to 175, 130.
4. Now go back to the frame 40, select the image and convert it to a movie clip symbol. (Repeat the 6th operation of step 1)
5. Click on frame 50 of layer 3 and press F6.
6. Go to the frame 40, select the image and apply Blur filter for it. (Repeat the 8th operation of step 1, and set same properties for the Blur filter.)
7. Select frame 40, open the Properties Panel, and then choose Motion in the Tween drop down list. See the current timeline:

Step 4 Preview Your Movie
1. Press Ctrl + Enter in your keyboard to preview the movie, now you will get the effect shown in the beginning of this tutorial.

Now you know how to make a slideshow with Flash blur effect. Have a good try!