Tatty Teddy Tutorial
Her er min første Scrippy-tut. Det er en større omgang, så jeg vil give det gode råd at gemme ofte. Og brug gerne Preview-funktionen for at kontrollere at du har fået det hele med. Nederst på siden her kan du se hvordan min ssc-fil ser ud i Scrippy.
Inden vi går igang vil jeg kun sige: God Arbejdslyst!
KH
Berit
Du skal til denne tut bruge følgende:
1 Baggrund 200 x 200 lys
1 Baggrund 200 x 200 mørk
1 Baggrund 200 x 200 mønstret
1 Glitterstrip lodret 5 x 150
1 Glitterstrip vandret 150 x 5
1 lille gif til hjørner (evt. animeret) 50 x 50
1 gif eller billede (mit er 252 x 288)
1 gif til at sætte forneden på kanten. (min er 147 x 146)
1 tekst i gif-format til toppen 433 x 63
1 tekst i gif-format til bunden 140 x 87
Start med at åbne en ny Scrippy.
Insert > Background. Vælg farve. Jeg har brugt #FCF9F0.
Insert > Backgruond. Vælg den mørke baggrund.
Insert > Container > Positioned Container. Dette er en Main Container, der blot skal indeholde en række subcontainere. Jeg har sat alle Edges til 0. Dvs. jeg har markeret i højre kolonne.
1. Insert > Container > Positioned Container. (Denne og de efterfølgende er Sub Containere og skal være indrykket et hak i forhold til Main Containeren.)
Set Position and Width. Left - 10 - 100
Set Position and Height. Top - 10 - 2
Insert > Background. Vælg den vandrette glitterstrip.
Scrolling > Right. (De øvrige indstillinger har jeg ikke rørt ved.)
2. Insert > Container > Positioned Container.
Set Position and Width. Left - 10 - 2
Set Position and Height. Top - 10 - 100
Insert > Background. Vælg den lodrette glitterstrip.
Scrolling > Up.
3. Insert > Container > Positioned Container.
Set Position and Width. Left - 110 - 2
Set Top and Bottom Edges. Top - 10 Bottom - 10
Insert > Background. Vælg den lodrette glitterstrip.
Scrolling > Down.
4. Insert > Container > Positioned Container.
Set Position and Width. Left - 10 - 100
Set Position and Height. Bottom - 10 - 2
Insert > Background. Vælg den vandrette glitterstrip.
Scrolling > Left.
Nu skulle din ssc gerne se sådan her ud:
Og vi fortsætter i samme mønster. Dvs. bliver ved med at placere Sub Containerne under hinanden rykket et hak ind i forhold til Main Containeren.
5. Insert > Container > Positioned Container.
Set Position and Width. Left - 10 - 2
Set Position and Height. Bottom - 10 - 100
Insert > Background. Vælg den lodrette glitterstrip.
Scrolling > Up.
6. Insert > Container > Positioned Container.
Set Left and Right Edges. Left - 10 Right - 10
Set Position and Height. Bottom - 110 - 2
Insert > Background. Vælg den vandrette glitterstrip.
Scrolling > Right.
7. Insert > Container > Positioned Container.
Set Position and Width. Right - 10 - 2
Set Position and Height. Bottom - 10 - 100
Insert > Background. Vælg den lodrette glitterstrip.
Scrolling > Down.
8. Insert > Container > Positioned Container.
Set Position and Width. Right - 10 - 100
Set Position and Height. Bottom - 10 - 2
Insert > Background. Vælg den vandrette glitterstrip.
Scrolling > Left.
9. Insert > Container > Positioned Container.
Set Position and Width. Right - 110 - 2
Set Top and Bottom Edges. Top - 10 Bottom - 10
Insert > Background. Vælg den lodrette glitterstrip.
Scrolling > Up.
10. Insert > Container > Positioned Container.
Set Position and Width. Right - 10 - 100
Set Position and Height. Top - 10 - 2
Insert > Background. Vælg den vandrette glitterstrip.
Scrolling > Right.
11. Insert > Container > Positioned Container.
Set Position and Width. Right - 10 - 2
Set Position and Height. Top - 10 - 100
Insert > Background. Vælg den lodrette glitterstrip.
Scrolling > Down.
12. Insert > Container > Positioned Container.
Set Left and Right Edges. Left - 10 Right - 10
Set Position and Height. Top - 110 - 2
Insert > Background. Vælg den vandrette glitterstrip.
Scrolling > Left.
Nu skulle der gerne være 12 Sub Containere i Main Containeren, og vi er færdig med den første del.
Markér nu Main Containeren og i Menuen Edit vælger du Copy Positioned Container.
Marker så den sidst indsatte Background og i menuen Edit vælger du nu Paste Positioned Container. Træk herefter Main Containeren helt ud til venstre.
Nu har vi to helt identiske Main Containere med 12 Sub Containere. Men vi skal ind og rette på indstillingerne i de sidste 12 Sub Containere. Jeg vil for disse 12 kun nævne de indstillinger der skal ændres. Og vi starter oppefra.
1. Position and Width: Left - 15 - 90
Position and Height: Top - 15 - 2
Background: Scrolling > Left.
2. Position and Width: Left - 15 - 2
Position and Height: Top - 15 - 90
Background: Scrolling > Down.
3. Position and Width: Left - 105 - 2
Top and Bottom Edges: Top - 15 Bottom - 15
Background: Scrolling > Up.
4. Position and Width: Left - 15 - 90
Position and Height: Bottom - 15 - 2
Background: Scrolling > Right.
5. Position and Width: Left - 15 - 2
Position and Height: Bottom - 15 - 90
Background: Scrolling > Down.
6. Left and Right Edges: Left - 15 Right - 15
Position and Height: Bottom - 105 - 2
Background: Scrolling > Left.
7. Position and Width: Right - 15 - 2
Position and Height: Bottom - 15 - 90
Background: Scrolling > Up.
8. Position and Width: Right - 15 - 90
Position and Height: Bottom - 15 - 2
Background: Scrolling > Right.
9. Position and Width: Left - 105 - 2
Top and Bottom Edges: Top - 15 Bottom - 15
Background: Scrolling > Down.
10. Position and Width: Right - 15 - 90
Position and Height: Top - 15 - 2
Background: Scrolling > Left.
11. Position and Width: Right - 15 - 2
Position and Height: Top - 15 - 90
Background: Scrolling > Up.
12.Left and Right Edges: Left - 15 Right - 15
Position and Height: Top - 105 - 2
Background: Scrolling Right.
Sådan! Nu er begge de scrollende rammer på plads. Nu skal vi have lavet sidemønstrene. Der er ikke noget Scroll på dem.
Insert > Container > Positioned Container. Sæt alle Edges til 0. Træk Containeren helt ud til venstre, da det igen er en Main Container der skal holde nogle Sub Containere.
1. Insert > Container > Positioned Container. (Denne og de efterfølgende er Sub Containere og skal være indrykket et hak i forhold til Main Containeren.)
Set Position and Width. Left - 20 - 70
Set Position and Height. Top - 135 - 2
Insert > Background. Vælg den vandrette glitterstrip.
2. Insert > Container > Positioned Container.
Set Position and Width. Left - 20 - 2
Set Position and Height. Top - 125 - 10
Insert > Background. Vælg den lodrette glitterstrip.
3. Insert > Container > Positioned Container.
Set Position and Width. Left - 20 - 10
Set Position and Height. Top - 125 - 2
Insert > Background. Vælg den vandrette glitterstrip.
4. Insert > Container > Positioned Container.
Set Position and Width. Left - 30 - 2
Set Top and Bottom Edges. Top - 125 Bottom - 125
Insert > Background. Vælg den lodrette glitterstrip.
5. Insert > Container > Positioned Container.
Set Position and Width. Left - 90 - 2
Set Position and Height. Top - 125 - 10
Insert > Background. Vælg den lodrette glitterstrip.
6. Insert > Container > Positioned Container.
Set Position and Width. Left - 80 - 10
Set Position and Height. Top - 125 - 2
Insert > Background. Vælg den vandrette glitterstrip.
7. Insert > Container > Positioned Container.
Set Position and Width. Left - 80 - 2
Set Top and Bottom Edges. Top - 125 Bottom - 125
Insert > Background. Vælg den lodrette glitterstrip.
8. Insert > Container > Positioned Container.
Set Position and Width. Left - 20 - 10
Set Position and Height. Bottom - 125 - 2
Insert > Background. Vælg den vandrette glitterstrip.
9. Insert > Container > Positioned Container.
Set Position and Width. Left - 80 - 10
Set Position and Height. Bottom - 125 - 2
Insert > Background. Vælg den vandrette glitterstrip.
10. Insert > Container > Positioned Container.
Set Position and Width. Left - 20 - 2
Set Position and Height. Bottom - 125 - 10
Insert > Background. Vælg den lodrette glitterstrip.
11. Insert > Container > Positioned Container.
Set Position and Width. Left - 90 - 2
Set Position and Height. Bottom - 125 - 10
Insert > Background. Vælg den lodrette glitterstrip.
12. Insert > Container > Positioned Container.
Set Position and Width. Left - 20 - 70
Set Position and Height. Top - 135 - 2
Insert > Background. Vælg den vandrette glitterstrip.
Så skulle mønsteret i venstre side være færdig. Og vi skal have det kopieret over i højre side.
Markér den Main Container der indeholder dette mønster. I Menuen Edit vælger du Copy Positioned Container. Markér derefter den sidste Background. I Menuen Edit vælges nu Paste Positioned Container. Træk Main Containeren helt ud til venstre.
Igen skal der lige ændres lidt, men denne gang er det mere simpelt.
I alle Sub Container ændres Position and Width fra Left til Right.
Så skulle der gerne være mønster i begge sider. Og det største arbejde er overstået.
Der skal være i alt 4 Main Containere med hver 12 Sub Containere.
Nu bliver det lidt sjovere.
Først skal vi have top og bund billederne sat ind:
Insert > Positioned Object > Positioned Image. Vælg tekst'giffen til toppen. Træk knappen helt ud i venstre side.
Horizontal Position: Center - 0
Vertical Position: From Top - 20
Insert > Positioned Object > Positioned Image. Vælg tekst-giffen til bunden.
Horizontal Position: Center - 0
Vertical Position: From Bottom - 10
Så skal vi have de 4 hjørnebilleder sat ind:
De næste 4 containere skal alle trækkes helt ud til venstre, da de alle er Main Containere.
1. Insert > Container > Positioned Container.
Set Position and Width. Left - 10 - 100
Set Position and Height. Top - 10 - 100
Insert > Positioned Object > Positioned Image. Vælg din lille gif til hjørnerne.
Horizontal Position: Center - 0
Vertical Position: Center - 0
2. Insert > Container > Positioned Container.
Set Position and Width. Right - 10 - 100
Set Position and Height. Top - 10 - 100
Insert > Positioned Object > Positioned Image. Vælg din lille gif til hjørnerne.
Horizontal Position: Center - 0
Vertical Position: Center - 0
3. Insert > Container > Positioned Container.
Set Position and Width. Right - 10 - 100
Set Position and Height. Bottom - 10 - 100
Insert > Positioned Object > Positioned Image. Vælg din lille gif til hjørnerne.
Horizontal Position: Center - 0
Vertical Position: Center - 0
4. Insert > Container > Positioned Container.
Set Position and Width. Left - 10 - 100
Set Position and Height. Bottom - 10 - 100
Insert > Positioned Object > Positioned Image. Vælg din lille gif til hjørnerne.
Horizontal Position: Center - 0
Vertical Position: Center - 0
Så skulle billederne være på plads i hjørnerne.
Og nu skal vi arbejde med midterområdet. Først baggrundene:
Insert > Container > Positioned Container. Træk helt ud til venstre.
Set Left and Right Edges: Left - 130 Right - 130
Set Top and Bottom Edges: Top - 130 Bottom - 130
Insert > Background. Vælg den mønstrede baggrund.
Insert > Frame
Style: Double, Width: 6, Color: #715D5C, Place over Background.
Insert > Frame
Samme indstillinger som før.
Insert > Container > Positioned Container. Træk helt ud til venstre.
Set Left and Right Edges: Left - 160 Right - 160
Set Top and Bottom Edges: Top - 160 Bottom - 160
Insert > Background. Vælg den lyse baggrund.
Insert > Frame
Style: Double, Width: 6, Color: #715D5C, Place over Background.
Det var bagrundene. Så skal vi have de to billeder placeret.
Insert > Positioned Object > Positioned Image. Træk helt ud til venstre.
Vælg dit store billede.
Horizontal Position: Center - 0
Vertical Position: From Top - 170
Insert > Positioned Object > Positioned Image.
Vælg den gif du vil placere i hjørnet.
Horizontal Position: From Right - 145
Vertical Position: From Bottom - 138
Her kan det blive nødvendigt at justere tallene så de passer med netop din gif. Brug Preview!
Indsæt nu Ticker, Options, Sound og Loading Message.
Insert > Message Area.
Message Margins: Left - 170, Right - 170, Top - 500, Bottom - 250.
Husk farven på scrollbaren!
Det var det!!
Så er der bare tilbage at gemme og exportere til Outlook.
Her kan du se hvordan min ssc-fil ser ud:
Originalbillederne er af Miranda...
© Berit Farsø Feb. 2003
...:*:...Farsoe 2003 ...:*:...
