Gimp-Tutorial Deel2
| Nadat we ons werk hebben opgeslagen, kunnen we verder gaan met de volgende stappen. Eerst kopieer je alle lagen. Nu zou je het complete scenario twee keer moeten hebben. Klik gewoon met de rechtermuisknop op iedere laag entry in het venster "Lagen & Kanalen" en kies het menu "Dupliceer Laag". Na het kopiëren van alle lagen, sorteer je ze net zoals de originele lagen en groepeer je alle kopiëen. Klik op een laag en verplaats deze met pijltjes-knoppen onderin het venster. |
|
|
In je banner zal het lijken alsof de pinguïns hun hoofden bewegen naar het midden van de banner. Het is makkelijker om de banner andersom te produceren, zodat de pinguïns hun hoofd van de banner afwenden. Om het overzicht tussen originelen en kopieëen te houden, deselecteer je alle originele lagen. Klik op het zwarte oog van de bijbehorende entries. Nu zijn deze lagen niet langer zichtbaar. Selecteer nu iedere gekopieerde laag en verplaats de bijbehorende pinguïn een klein beetje buiten de banner met het "Verplaats" gereedschap. |
|
|
|
|
Dan kopieer je alle gekopieerde lagen weer, zodat je de lagen genaamd "Tux1 copy copy" krijgt. Sorteer deze in twee sets van "copy copy". Dan deselecteer je de "copy"-lagen, zodat je makkelijk kunt werken met de "copy copy" lagen. Ook verplaats je de pinguïns een beetje buiten de banner, zodat je alleen een beetje of niets van van hun hoofden ziet: |
|
 |
|
|
Vervolgens combineer je de lagen die bij een afbeelding horen, dwz, je combineerd alle lagen van een scenario (eerst de originele lagen, dan de eerste "copy" en dan de "copy copy" lagen). Selecteer alle afbeeldingen van een scenario (je laat de afbeelding zoals die is. Alleen de "copy copy" lagen hebben een oog in het "Lagen & Kanalen" venster.) Selecteer de optie "Zichtbare Lagen Samenvoegen..." met de rechtermuisknop in het Lagen menu. Maar voordat Gimp de actie start, vraag het eerst hoe de afbeeldingen gecombineerd dienen te worden. Omdat de pinguïns gedeeltelijk buiten het frame vallen, biedt Gimp de optie "Vergroot waar nodig". Maar dit is niet precies wat we willen. In plaats daarvan gebruik je de optie "Op onderste laag gesneden". Doe hetzelfde met alle andere lagen-sets. (Let op: selecteer alleen de lagen die bij elkaar horen.) |
 |
Nu, hebben we slechts drie lagen, die er -samengevoegd- ongeveer zo uit zien:
 |
|
|
Om de banner in de juiste richting te laten spelen, stel je de lagen op deze manier in: de laag met de hoofden het meest zichtbaar komt eerst, de laag de hoofden nauwelijks zichtbaar komt als laatste. Vervolgens hernoem je de lagen. Geef bijvoorbeeld de volgende namen, van boven naar beneden: Layer1 (2000ms) Layer2 (180ms) Layer3 (250ms)
De waarden tussen haakjes stellen de tijd in die het kost om van het een ene plaatje naar het volgende te gaan als je een geanimeerde banner maakt. |
 |
De geanimeerde banner zou er ongeveer uit moeten zien als het volgende voorbeeld:
 |
|
|
Zoals je kunt zien, werkt de animatie niet perfect. De pinguïns worden gewoon boven de oude getekend. Soms kun je delen van de pinguïn eronder zien. Ook ziet de banner er niet goed uit op een witte achtergrond. Een beetje research levert op dat blauwe banners de hoogste weg-klik-ratio hebben. Voeg gewoon een vierde laag toe met een blauwe achtergrond. Selecteer de knop "Nieuwe laag" (het lege vel papier onderin het venster "Kanelen en Lagen") om een nieuwe laag te maken. Deze laag krijgt automatisch dezelfde afmetingen als de bestaande banner. Selecteer als "Laag Vul type": "transparant". De kleur komt later. |
 |
|
Nu kies je de nieuwe laag zodat deze bewerkt kan worden. De andere lagen zijn nog steeds zichtbaar. Dit maakt niet uit, omdat het volgende werkt op de nieuwe laag, en de overige met rust zal laten. Als je dubbelklikt op het gekleurde veld onderin het venster, verschijnt er een venster met de naam "Kleur Selectie". Selecteer een mooie blauwe kleur als de voorgrond kleur. Een dubbelklik op een gekleurd veld stelt het in als de achtergrond kleur. We stellen een iets donkerder blauw dan de voorgrond kleur. Vervolgens kies je de optie "Vul met een kleurverloop"  . In dit venster met verder optie (dubbelklik op het pictogram), selecteer je het menu "Meng VG met AG (RGB)". Deze optie creëerd een kleurverloop die begint met de lichtblauwe voorgrond kleur naar de donkerblauwe achtergrond kleur. Gebruik de muis om een pijl te produceren op de banner die het bereik en de richting van het kleur verloop aangeeft. Je zult zien dat de geselecteerde laag is veranderd. De laag met de blauwe achtergrond kleur moet 4x gekopieerd worden ("Dupliceer Laag). Dan, voeg je ieder laag met pinguïns samen met een blauwe achtergrond laag ("Voeg zichtbare Lagen samen") zodat er slechts een blauwe laag overblijft (deze hebben we later nodig). Zorg ervoor dat de laag met de pinguïns boven de achtergrond laag geplaatst is als je ze samenvoegt, anders worden de pinguïns verborgen. Na het samenvoegen van de drie lagen-sets, worden de namen veranderd, zodat je deze opnieuw moet hernoemen: Layer1 (2000ms) Layer2 (180ms) Layer3 (250ms)
Dan bewerk je de laag die alleem blauw is. Kies wit als de voorgrond kleur en voeg een tekst in na het klikken op de knop "Voeg tekst toe aan afbeelding" |
|
|
|
|
Nu voeg je de drie lagen (de blauwe achtergrond ne de twee lagen met de witte tekst) samen. Nu kun je de laatste laag met een blauwe achtergrond bewerken. Selecteer deze en plaats er wat tekst op met jouw of ons Internet Adres er op. Hiervoor kun je dezelfde procedure als eerder gebruiken. Kies het lettertype "courier". De hoogte is afhankelijk van de lengte van het adres. Na het samenvoegen van deze lagen (achtergrond en tekst), zou je ze moeten hernoemen samen met een tijd in miliseconden om aan te geven hoe lang de tekst wordt weergegeven. Voor de "vraag tekst" suggereren we een tijd van 2700 miliseconden. Het Internet adres zou minstens 3000 miliseconden moeten blijven staan. Tenslotte sorteer je de tekst lagen in de juiste richting, het Internet adres eerst en dan de vraag, gevolgd door de drie lagen met pinguïns in de reeds besproken volgorde. |
 |
De geanimeerde banner ziet er uit als:
|
|
|
De volgende belangrijke stap is het opslaan van je meesterwerk. Omdat de afbeelding moet worden opgeslagen in het GIF formaat, moet je het omzetten in het geïndexeerde formaat met het menu Afbeelding->Geïndexeerd. In het venster dat dan verschijnt, kun je kiezen tussen een afbeelding met 255 kleuren (een kleur is gereserveerd voor de transparante achtergrond), een speciaal voor het WWW aangepaste afbeelding, of met een zelf-gemaakte kleurtabel. We stellen voor om de optie met de 255 kleuren te gebruiken. Het WWW aangepaste formaat is veel kleiner maar ziet er niet erg goed uit.
Als je tevreden was met je animatie (je kunt hem bekijken via het menu Filters->Animatie->Animatie Afspelen, zou je de bestandsgrootte van de afbeelding iets kunnen verkleinen. Tot nu toe heeft Gimp de 5 complete afbeeldingen, zoals die worden weergegeven in onze kleine animatie, opgeslagen. Maar de afbeeldingen veranderen niet zo heel veel. De achtergrond is voor alle afbeeldingen identiek en de pinguïns bewegen alleen in het begin een beetje. Ahh, je hebt het gedaan, je hebt je eerste geanimeerde banner met Gimp geproduceerd. Gefeliciteerd! |
 |
.