TUTORIEL EDGES WITH CENTRAL TRANSPARENCY
THE BIRDS
For the French version of this tutorial click on the flag :
If you want to show the scrippy model, click
HERE.
Here is a second variant, with the use of 2 backgrounds identical superimposed(stacked) with different direction(management): click HERE to show it.
I am going to indicate 2 methods to obtain this type of scrippy: a first more elaborated method and a second simplified method as effective as the first, but which foresees the creation of one particular bar in Paint Shop Pro.
FIRST METHOD
Preparation of the material
To realize it, you will need this layer:
All the other elements should on the contrary be created in Paint Shop Pro:
-A rather high image of which you will make a Vertical seemless tile marked in Paint Shop: it will be of use you to the centre of the left effect.
-A vertical bar of 400 by 2 pixels which you will color with a colour rather dark (it will serve of separation between images - scrolls of the left effect). I chose a dark blue colour.
-A bad luck of 400 by 400 pixels which you will prepare so: open a square of these dimensions in PSP, and with the pipette, go to select one of the colours of your image and fill with it the square, then make simply an application of the filter texturizer, sandstone, value 2.
-A vertical strip of 400 by 10 pixels: open a rectangle with these dimensions. In the palette of styles, go for your image and fill with it your rectangle. End by FM's tile tools Seamless tile, vertical marked.
Installation of the scrippy
1) Open your Scrippy and open a new virgin file (click the icon representing the blank page either make CTRL+N or still Row / new).
2) Place a first container by making Insert /Container/Positioned Insert/Container/Positioned container with the following values:
-Horizontal Position from Center: 0 - Specified size ( specified size): 800.
-Vertical - Position from Center: 0 - Specified size ( specified size): 400.
3) Insert now a background: click Browse and go for your bad luck of 400 by 400 pixels first created.
4) Insert a left line scroll: make Insert / Left Border Scroll. Click Browse to go for the dark blue bar of 400 x 2 pixels. In Scroll direction, mark Down. In Scroll speed put 10 pixels per the second and 1 pixels by mouve and mark Smooth scroll.
5) Insert a left line scroll: make Insert / Left Border Scroll. Click Browse to go for the dark blue bar of 400 x 10 pixels (created by leaving of the basic image). In Scroll direction, mark Down. In Scroll speed put 20 pixels per the second and 1 pixels by mouve and mark Fast scroll.
6) Click the first compartment carrying Left Border Scroll's name and make there a copy (Edit / copy left line scroll). Click with the mouse the last compartment of the list and make Edit / Paste Left Border Scroll.
7) Click the second compartment with the name Left Border Scroll and make there a copy which you will stick as indicated first in the heart of the list. Modify only the direction of the scroll: here it is necessary to select Up.
8) Copy to stick one as indicated above with the first compartment called Left Border Scroll.
9) Insert a new compartment Left Border Scroll, and this time by clicking Browse go to select basic image. In Scroll direction, mark Down. In Scroll speed put 10 pixels per the second and 1 pixels by mouve and mark Smooth scroll. In Advanced Options, mark Place over background. And all the other options have to be on 0.
10) Insert a background ( Insert / Background). Click Browse and go for your layer flackdense. In Scrolling, mark Down+Left. 1 pixels by mouve mark Smooth scroll and put 10 pixels per the second and. Mark tile and in Advanced Options, mark Place over background. Put 50 as transparency and leave all the other options on 0.
11) Insert here your message area (set the margins: left 100 and the rest on 30) and color the scrollbar by marking Override default scrollbars color, then click Set Bases Color and on Set Shadow Color for select the colours which harmonize best with the rest of your realization.
12) Copy simply to stick one successive first 5 Left Border Scroll, according to the method indicated above. Invertez only the direction of the second (select Down) and the fourth (select Up).
The direction of scrolls is anyway a thing which you can modify as you want.
It remains only to add its ( sound), the ticker and the loading message.
SECOND METHOD
As indicated at the beginning of the tutoriel, you can create a paper for the bottom and use it twice instead of the bad luck and of the layer (so for the 2 backgrounds).
It will be enough to give him a different direction, as in the example of scrippy which you can see
HERE.
Preparation of the material
In Paint Shop Pro create these 3 elements:
-A rather high image of which you will make a Vertical seemless tile marked in Paint Shop: it will be of use you to the centre of the left effect.
-With as base first image, realize a personal background rather clear (you can make it clear by putting a second copy bitmap which you fill with white and in the palette of copies put 50 in opaqueness in the copy représent the white).
-A vertical bar of 400 by 12 pixels:
A) Open at first a rectangle transparent bottom of 400 by 12 pixels which you fill with black for example or with a bad luck of your choice (for example a golden bad luck).
B) Open a second rectangle transparent bottom of 400 by 10 pixels (so 2 pixels subordinate in the other one, but only in the direction of the width) and a years the palette of colours, select the motive for your image and it apply it in the rectangle with the jar of painting. Merge copies, apply Muraro Pro or seamless of marked tools / vertical FM TILE and register.
Installation of the scrippy
1) Open your Scrippy and open a new virgin file (click the icon representing the blank page either make CTRL+N or still Row / new).
2) Insert now a background: click Browse and go for the background which you created first.
Choose in Scrolling direction Up + Right. And leave all the other unchanged options (normally they should be préselectionnées on Smoth scroll / pixels per the second: 10; Pixels per mouve: 1; and in Advanced options do not mark anything and all the values have to be on 0).
3) Insert now a left line scroll: make Insert / Left Border Scroll. Click Browse to go for the vertical bar of 400 by 12 pixels. In Scroll direction, mark Up. In Scroll speed put 20 pixels per the second and 1 pixels by mouve and mark Fast scroll.
4) Make Edit / Copy Left Border Scroll. Click the first left line then make Edit / Paste Left Border Scroll. Click this new compartment and leave quite unchanged, safe the direction of Scrolling which you will put on Down.
5) Insert now a third left line scroll: make Insert / Left Border Scroll. Click Browser and go to look for your high image prepared before. In Scroll direction, mark Down or Up. In Scroll speed put 10 pixels per the second and 1 pixels by mouve and mark Smooth scroll. In Advanced Options, mark Place over background: it is the most important option and which allows you to create transparency with the background. All the other options have to be on 0.
6) Insert a second background ( Insert / Background). Click the small triangle to the right of the rectangle (over Browse) to show the name of the last inserted elements and track down and select the name of the background already used in the point 2.
In Scrolling, mark Down+right (or another direction which seems to you more interesting, but it must be different from that of the first background). 1 pixels by mouve mark Smooth scroll and put 10 pixels per the second and. Mark tile and in Advanced Options, mark Layer with others objects. Put 60 as transparency and leave all the other options on 0.
7) Insert here your message area (set the margins: left 100 and the rest on 30) and color, if you want the scrollbar by marking Override default scrollbars color, then click Set Bases Color and on Set Shadow Color for select the colours which harmonize best with the rest of your realization.
In fact it is not necessary for this scrippy to color the scrollbar, because it does not form a scrollbar with a different colour when one puts it in the freight forwarding.
Write your text. You can also insert an image, a gif or put a link by clicking the respective icons which are at the top to the right.
8) Copy simply to stick one of the second Left Border Scroll, according to the method indicated above.
9) Copy simply to stick one of the first Left Border Scroll, according to the method indicated above.
In this way you have an alternation in the movement of Left Border Scroll which surround central image (the first corresponds to the fifth and the second corresponds to the fourth).
It is necessary as well to add as the direction of scrolls is anyway a thing which you can modify as you want according to your personal taste.
It remains only to add its ( sound), the ticker and the loading message.
******************
This tutoriel was created on November 23, 2002 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:
