«

»

Apr 01

Create A Screensaver With Swishmax 4 & InstantStorm

Preview:
Oops! the file has gone on its holidays.

http://www.swish-designs.co.uk/blog/wp-content/plugins/downloads-manager/img/icons/default.gif download: Clouds Screensaver (560.64KB)
added: 01/04/2011
clicks: 106
description: Made with swishmax 4 and packaged using Instant Storm download and install at your own risk.

First Of All:

Open Swishmax 4 and set the movie properties to the following – Width = 556 – Height = 408 and a frame rate of 25, set the background to a sky blue colour #5BCCEC.

Step.1

using the Pencil Tool (N) have a line selected with the stroke fill of solid white, see below.

On the stage scribble out a basic cloud shape.

add the following filter settings to the shape you have just scribbled.

test in player, your scribble should now resemble a cloud.

Group the cloud shape as a movieclip and name it Cloud
add the following code to the cloud movieclip

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
onFrame (1) {
    speed=randomRange(1,3);
    scale=randomRange(90,150);
    this._y=random(Stage.height);
}
onSelfEvent (enterFrame) {
    this._x-=speed;
    if(this._x<-200){
        this._x=Stage.width+300;
        this._xscale=scale;
        this._yscale=this._xscale;
        this._alpha=randomRange(80,100);
        gotoAndPlay(1);
    }
}
onFrame (2) {
    stop();
}

this code will place the cloud at random loacations on the stage no matter of width and height, scale randomly and give random speed of the cloud.

now add the following code to Scene_1 of the movie.

1
2
3
4
5
6
7
8
9
onSelfEvent (load) {
    fscommand("fullscreen", true);
    amount=15;
}
onFrame (1) {
    for (puffy=0; puffy<amount; puffy++) {
        duplicateMovieClip(_root.cloud, "cloud"+puffy, puffy);
    }
}

thats it for the swish part, your screensaver is ready for packaging. if you wish to see how its going to look press Ctrl+T now.
press the Escape key to exit full screen. save and export to swf6.

Step.2

InstantStorm is a powerful freeware Flash screensaver creator that turns your Adobe Flash files (SWF) into professional screensavers in no time.
if you wish to proceed click on the logo above download and install at your own risk.

When ready open InstantStorm click create new blank project.

under the general tab, click the browse button and find your clouds.swf

you can customize the installer for your screensvaer under the installer tab. add icons and installer images etc.

and finaly when you have finished customising your installer you can publish your screensaver for friends and family etc.

once exported install your screensaver, save your project file if you wish to update it at any time. and enjoy making your new screensavers.

You can purchase the swishmax 4 source file for this tutorial if you do not wish to follow the tutorial or struggling doin a certain part
Price £3.00 Now £1.99

[paiddownloads id="117"]

Clouds 2 Preview


VN:F [1.9.22_1171]
Rating: 3.8/5 (4 votes cast)
VN:F [1.9.22_1171]
Rating: +2 (from 2 votes)
Create A Screensaver With Swishmax 4 & InstantStorm, 3.8 out of 5 based on 4 ratings

5 comments

3 pings

Skip to comment form

  1. neo1984

    Thanks~Great~beautiful.

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. NeoOnline6

    What about the code…..is incomplete :(

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. Craig Lowe

    fixed, thanks for pointing that out.

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. solaris

    to me it works well, thanks for the tutorial !

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. Craig Lowe

    good to hear, thanks :)

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  1. Free Tropical Fish Screensaver » Loweonline.co.uk

    [...] you wish to make your own screensavers with swishmax you can follow my tutorial showing you how to do [...]

  2. Free Marine Fish Screensaver » Loweonline.co.uk

    [...] you wish to make your own screensavers with swishmax you can follow my tutorial showing you how to do [...]

  3. Christmas Snowman Screensaver. » Loweonline.co.uk

    [...] are interested in making your own screensaver with swishmax 4, you can view the following tutorial. http://www.swish-designs.co.uk/blog/?p=3258 Important!please make a Paypal Donation if this components is used, many [...]

Leave a Reply

12 visitors online now
6 guests, 5 bots, 1 members
Max visitors today: 12 at 08:53 am UTC
This month: 27 at 05-17-2013 01:24 pm UTC
This year: 39 at 01-01-2013 12:46 pm UTC
All time: 109 at 12-07-2012 11:00 pm UTC