005 - BEWEGENDE BANNER

Ook hiervan heb je ze in soorten en maten, voor deze les blijf ik bij mijn standaard maat van 350px x 125px. Maar voor een eigen banner kun je de maten natuurlijk aanpassen naar wat je zelf mooi vind.   
 
Download hier de Zip van deze les. In de zip van deze les zitten de volgende dingen:
Filter: Filters Unlimited. 
Filter: Filter Factory Gallery G. Hoe dit filter geïnstalleerd dient te worden zit in een worddocument in de zip bijgevoegd.
Patroon: D_gold fold
Verder heb je nog nodig:
Paint Shop Pro en Animatieshop
Drie leuke tubes
En natuurlijk een beetje creativiteit van jezelf.
 

Handelingen in PAINT SHOP PRO

Stap 1:
Open een nieuwe afbeelding van 350 x 125 px, transparant, en 16.7 miljoen kleuren.

Stap 2:
Zet je achtergrondkleur op een donkere kleur, hiervoor heb ik kleurnummer #6600CC gebruikt. Zet je voorgrondkleur op een lichtere kleur, het nummer wat ik heb gebruikt is #C795FF.

Stap 3:
Zet vervolgens je voorgrondkleur op verloop, met de volgende instellingen:

En vul de afbeelding met je  met dit verloop.

Stap 4:
Effecten – Insteekfilters - <I.C.Net Software> - Filters Unlimited – Filter Factory Galary G met de voorinstelling Xaggetare:

Stap 5:
Nu gaan we nog een mooi randje op het achtergrondje plaatsen. Ga hiervoor naar Selecties – Alles selecteren. En laat vervolgens de selectie inkrimpen met 5 px. Selecties – wijzigen – inkrimpen. Draai als laatste je selectie nog even om. Selecties – omkeren.

Stap 6:
Effecten – 3d Effecten – Afschuining naar binnen met de volgende instellingen:

Stap 7:
Nu nog een klein beetje slagschaduw aanbrengen. Effecten – 3d Effecten – Slagschaduw met de volgende instellingen:

Stap 8:
Herhaal de slagschaduw van stap 7, maar dan met verticaal en horizontaal ingesteld op –2. Vervolgens haal je nog even de selectie weg, met Selecties – Niets Selecteren.

Stap 9:
Het achtergrondje van de banner is nu klaar, we moeten er alleen nog drie lagen van zien te maken. En vervolgens drie verschillende afbeeldingen. Ga hiervoor naar je lagenpalet en dupliceer het achtergrondje 2x. Je hebt nu dus 3 lagen in totaal.

Stap 10:
Zet nu de bovenste twee lagen uit, door op het brilletje te klikken. En maak de onderste laag actief.

Stap 11:
Lagen – Nieuwe Rasterlaag aanmaken, en plak hierop je tube.

Stap 12:
Geef je tube nog een slagschaduw, met Effecten – 3d effecten – slagschaduw met de hiernaast afgebeelde instellingen:

Stap 13:
Lagen – Samenvoegen – Zichtbare lagen.

Stap 14:
Maak in je lagenpalet de volgende laag actief, en zet de samengevoegde laag op onzichtbaar met een klik op het brilletje.

Stap 15:
Herhaal de stappen 11, 12 en 13.

Stap 16:
Maak nu in je lagenpalet de bovenste laag actief, en zorg ervoor dat de onderste twee onzichtbaar zijn met een klik op het brilletje.

Stap 17:
Herhaal ook nu weer de stappen 11, 12 en 13.

Stap 18:
We hebben nu een banner met drie achtergrondjes, en drie plaatjes. Maar wat is een banner zonder teksten, die zeggen vaak niet zo veel. We gaan dus nu nog wat tekst toevoegen.
Zet hiervoor in je lagenpalet weer de bovenste twee samengevoegde lagen uit, en zorg ervoor dat de onderste actief is.

Stap 19:
Maak nu eerst weer een nieuwe rasterlaag aan, zodat je later je tekst nog wat kan verschuiven.
Zet je voorgrondkleur uit en je achtergrondkleur op het patroon D_gold fold met de volgende instellingen:

Stap 20:
Klik met je teksttool  in je afbeelding. Tik vervolgens in een mooi lettertype je tekst. Zoals je aan het volgende screenshot kunt zien heb ik een lettergrootte gebruikt van 22, dit kan natuurlijk per tekst anders zijn.

Stap 21:
Effecten – 3d Effecten – Afschuining naar binnen met de volgende instellingen:

Stap 22:
Vervolgens geven we de tekst ook nog een slagschaduw, met dezelfde instellingen als in stap 12.

Stap 23:
Nu valt het goud niet echt op, op de donkere achtergrond dus gaan we hem nog een beetje lichter maken. Dit doe je door middel van Kleuren – Aanpassen – Helderheid/contrast met de volgende instellingen:

Stap 24:
Lagen – Samenvoegen – Zichtbare lagen.

Stap 25:
Zet in je lagenpallet de 2e laag actief, en de zojuist bewerkte laag (de onderste dus) weer onzichtbaar met een klik op het brilletje.

Stap 26:
Herhaal de stappen 19 tot en met 25. Bij stap 20 tik je je tweede tekst.

Stap 27:
Zet nu in je lagenpallet de 2e laag op slot, en maak de bovenste laag actief.

Stap 28:
Herhaal nu nogmaals de stappen 19 tot en met 25. Bij stap 20 tik je je derde tekst.

Stap 29:
Zet nu alle lagen in je lagenpallet op zichtbaar.
 
En sla nu je banner op in PSP formaat. Met Opslaan als..

Handelingen in ANIMATIESHOP

Stap 30:
Open nu animatieshop met de volgende knop  in de balk van PSP. Wanneer je die niet in je balk hebt staan, open je animatieshop op de volgende manier.
Bestand – Jasc Software Producten – Animatieshop starten.
Animatieshop zat bij psp7, later is animatieshop er niet meer bijgeleverd. dus vind je de knop niet, dan die je animatieshop handmatig op te starten.

Stap 31:
Klik in animatieshop in de bovenste balk op het volgende icoontje . Hiermee start je de wizard van animatieshop.
Vul de schermen die je dan vervolgens te zien krijgt in met de volgende instellingen:
Scherm 1:
 
Scherm 2:

Scherm 3:

Scherm 4:

Scherm 5:
Voeg hier de zojuist opgeslagen PSP bestandje uit Paintshop pro toe, met Afbeelding Toevoegen.

Scherm 6:

Stap 32:
Klik nu om je animatie te starten de volgende knop in. Wanneer je de animatie zo mooi vind, en snel genoeg vind gaan. Kun je hem opslaan. Anders moet je de snelheid even aanpassen.
Het aanpassen van je snelheid gaat alsvolgt:
Bewerken – Alles selecteren, hierdoor wijzig je alle schermpjes van je animatie. En vervolgens ga je naar Animatie – Eigenschappen voor frame. Verander hier het getal 150, of naar een snelheid wat je zelf mooi vind.

Stap 33:
Sla je animatie op door middel van:
Bestand – Opslaan, Nadat je een naam aan je banner hebt gegeven krijg je de volgende reeks schermen te zien.
 
Scherm 1:
Door het schuifje bij kwaliteit t.o.v. Grootte helemaal bovenaan te zetten krijg je de beste kwaliteit voor je animatie.

Scherm 2:
 
Scherm 3:

Scherm 4:
In dit scherm kun je de uiteindelijke grootte van je banner zien.
 

De les is wel een hele lap tekst geworden, maar de basis voor het maken van een banner heb je hier wel mee geleerd. Ik hoop dat de les een beetje makkelijk te volgen was, en ik zie graag de resultaten.
 
@ Ria-Maria 12 februari 2003