COLOURS

For the French version of this tutorial, click the flag

If you want to see an example of stationery created with the technique indicated in this tutorial click HERE.

PREPARATION OF THE MATERIAL

Prepare in Paint Shop Pro, 4 basic elements by following the following method:
1) Open in Paint Shop Pro a new file of 200 by 200 pixels, black background.
2) Select a different colour (for example the red) for the front - plan and for the background.
3) Click the centre of the square hardly created to select it, then click the tool Text and choose a letter of a font which allows to have an identical motive on 4 sides. For example the letter E (small letter) of the Fleurons font.
that yoy can unloadHERE. Put size 200 (directly to write in field of the size) and click on OK.
4) With the tool movement, move the letter (which makes it has a shape of flower) towards the centre.
5) Made Edition / copy, then paste as new image on your work plan.
6) Select the new copy of the flower (red) and place it as new copy on the black square (where you will have first eliminated the selected flower). In this way the flower will be exactly in the center of the black square.
Merge all the copies.
7) Double click with the dropper the flower to select it. If selection does not cover all the flower, Modify / select Selection / similar zones.
8) Layers /Convert to Raster Layer. 9) Type the touch CANC of your keyboard to eliminate selection.
10) Selections / Modify / contract. And write : 5. 11) Layers/ New raster layer and fill it with the black by using the Flood Fill.
12) Merge / Visible and save as optimized GIF.
The black square of 200 by 200 pixels with transparent flower is ended.
13) Select le saved square and make Image / Resize and put 50 by 50 pixels and sace it with another name, always as optimized gif.
14) Choose a very colored tile (more colours you will have more realization will be suggestive. So enjoy looking for colours which please you) of 200 by 200 pixels having an effect which repeats on 4 sides. It is possible to create it with the filter Ulead / art texture. Here is the one that I created myself and that I used in my realization:

15) Now select the colorated tile saved and make a copy and Image/Resize and put 50 by 50 pixels and sace it with another name, always as jpg.

WITH SCRIPPY

1) Open in the Scrippy software a new file: File / New either click the corresponding icon. Insert a background: Insert / background and selecte the colorated tile of 200 par 200 pixels. No scrolling.

2) Insert/Positioned container. It is the container which will allow to give size to the background. We write 1 in every compartment of the second column: what to give a light edge.
3) Insert / Background and select the black colour. It will be of use of background to all the squares which we are going to build.

4) Insert / Positioned Container (that of the big central square) and leave it in this position.

In the first column of the window which opens: in Horizontal Layout: Set Position and Widht, From Center: 0; Specified size: 400 (it is the double of one of the sides of the big black square with transparent flower builds before in Paint Shop Pro).
In Vertical layout, put From Top: 120 and in Specified Size: 400.

5) Insert / Positioned Container and leave it in this position. In the first column of the window which opens: in Horizontal Layout: Set Position and Widht, From left: 0; Specified size: 200
In Vertical layout, put From Top: 0 and in Specified Size: 200.
The 2 backgrounds which follow depend directly on this container.

6) Insert Insert/ background: 200 by 200 pixels click Browse to go for your colored tile.
Put Scrolling: Up+Left; Pixels per the Second: 100; Pixels per move: 1. Fast Scroll: marked.
In Advanced options mark Layer with other objects.

7) Insert Insert/ background: click Browse to go for your file gif black baclkground with transparent flower of 200 by 200 pixels.
Put Scrolling: Down+Right; Pixels per the Second: 10; Pixels per move: 1. Fast Scroll: marked.
In Advanced options mark Layer with other objects.

8 - 10) Click the compartment 5 and make Edit / Positioned Container. Select the compartment 7, then click Paste. Then move the compartment of the container towards the left indeed next size down of the compartment 5 (hold the left key of the mouse rested to make it).
Change in the compartment 8: mark Right. In the compartment 9, Scrolling: Up+Right. In the compartment 10, Scrolling: Down+Left.

11- 13) Repeat the previous operation and now put the following values. Compartment 11: mark Bottom. Compartment 12: Scrolling: Down+Left. Compartment 13: Scrolling: Up+Right.

14 - 16) Repeat the previous operation and now put the following values. Compartment 14: mark Right and Bottom. Compartment 13: Scrolling: Down+Right. Compartment 16: Scrolling: Up+Left.

The central square is ended. Click Preview to show it. As you can note, there are chromatic variations very harmonious on the 4 parts of the square and the movement by outside to arrive towards the centre of the big square.
Now we will build the other motives on edges.

17) Insert / Positioned container. It is the container which will contain motive at the top to the left.
In the first column of the window which opens: in Horizontal Layout: Set Position and Widht, From Left: 10; Specified size: 100 (it is the width of the double of the second file gif builds before in Paint Shop Pro).
In Vertical layout, put From Top: 10 and in Specified Size: 100.

18) Insert / Positioned Container.
In the first column of the window which opens: in Horizontal Layout: Set Position and Widht, From Left:0; Specified size: 50 (it is the width of the second file gif builds before in Paint Shop Pro).
In Vertical layout, put From Top: 0 and in Specified Size: 50. Compartments 19 - 20 will all depend of this positioned container and should be one on the other in parallel.

19) Insert / background: 50 by 50 pixels click Browse to go for your colored tile.
Put Scrolling: Down+Right; Pixels per the Second: 100; Pixels per move: 1. Fast Scroll: marked.
In Advanced options mark Layer with others objects.

20) Insert / background: click Browse to go for your file gif with the transparent flower of 50 by 50 pixels.
Put Scrolling: Up+Left; Pixels per the Second: 10; Pixels per move: 1. Fast Scroll: marked.
In Advanced options mark Layer with others objects.

21 - 23) Copy /paste the container of the compartment 18 and having clicked the compartment 20, click Paste and then pull your left key, in correspondence of the compartment 18 (hold the left key of the mouse rested to make it).
Make maintaining modifications: compartment 21: mark Right. accommodate 22: Scrolling: Down+Left. Compartment 23: Scrolling: Up+Right.

24 - 26) Repeat the previous operation and this time, put Compartment 24: Left and Bottom. Compartment 25: Scrolling: Up+Right. Compartment 26: Scrolling: Down+Left.

27 - 29) Repeat the previous operation and this time, put Compartment 27: Right and Bottom. Compartment 28: Scrolling: Up+Left. Compartment 29: Scrolling: Down+Right.

The first small square is ended: it is at the top to the left. Click Preview to show it and you will see that the movement of flowers goes from the inside towards the outside of the small square.
Now we can create the 3 other small squares.

30 - 42) Click the compartment 17 and make Copy / Positioned Container. Click the compartment 29, then the touch Paste. Then move towards the left by holding rested the left key of the mouse in correspondence of the compartment 17.
In the compartment 30, mark Right. The square is going to take place at the top to the right.

43 - 55) Repeat the previous operation, but this time you have to tick Left and Bottom to have a third small square below to the left.

56 - 68) Repeat the previous operation, but this time you have to tick Right and Bottom to have a fourth small square below to the right.

69) Insert/Message Area and put this compartment complétement to the left.
We are going to calculate distances well to put the message between various effects and so that the scrippy adapts itself according to the length the wrote message. Here are the good measures of margins according to the measures of the other elements: Left: 30; Right: 30; Pip: 600 (height of the main motive and a little of margin above and next size down); Bottom: 120.
Mark Override Scrollbar color and choose 2 colours in accordance with the other colours of the realization. I put in it one of the colours of the colorated tile with the dropper in Paint Shop Pro.

You can complete by adding a sound ( music), a loading message and a ticker.

Save your realization as file SSC or as file HTML.

******************

This tutoriel was created on May 02, 2003 in the context of the works of the French group - Scrippy, based by Mario Panone.
If you want following information about this group click the logo:

If you want to join this group, click HERE.

Good amusement!

Lorenza
P.: if you want to write to me to have supplementary information or to suggest advices, click HERE .