Gimp-Tutorial Deel1
Gimp is een compleet programma voor het bewerken van afbeeldingen. Helaas is het gebruik van de menus nogal gecompliceerd en dat iedereen in het begin problemen heeft met het navigeren door de vele en diepe menus; zelfs ervaren gebruikers lopen soms tegen problemen aan. In deze tutorial geven we een praktisch voorbeeld en leren we hoe Gimp werkt.|
In deze tutorial maken we een geanimeerde banner. Eerst hebben we een frame nodig met de standaard afmetingen: 486x60 pixels. Ga naar het mnu Bestand->Nieuw en genereen een schoon, nieuw frame. Het "Type afbeelding" zou RGB moeten zijn als je een gekleurde afbeelding wilt maken. Het "Vul type" is transparant. Na het klikken op OK, opent Gimp een nieuw venster met de gekozen breedte en hoogte. Het schaak patroon laat zien dat de afbeelding transparant is. |
|
|
Vervolgens open je het Lagen menu. Klik met de rechtermuisknop op de nieuwe afbeelding en kies dan het menu Lagen->Lagen en Kanalen en Paden. Een belangrijk deel van ieder werk met Gimp hoort bij de zogeheten lagen. Het wordt duidelijk wat lagen zijn als je een paar transparanties neemt. Als je de afbeelding een klein beetje zou willen aanpassen, kun je het op een nieuwe laag wijzigen. Zonder de eigenlijke afbeelding te beschadigen kun je zo de laag met de aangepassingen verwijderen en het overgebleven deel van de afbeelding blijft ongewijzigd. Maar lagen bieden nog meer functies. Je kunt eenvoudig werken met diffuuse (semi-transparante) objecten die een belangrijk deel vormen van de geanimeerde GIF afbeeldingen.
|
|
|
Een plaatje van Tux is natuurlijk een vereiste op iedere goede Linux banner. Als je nog geen plaatje van Tux hebt, kun je degene aan de rechterkant (penguin.gif) gebruiken.
Dan open je deze afbeelding met de Gimp (menu Bestand->open.
|
|
|
Nadat Gimp het venster met de pinguïn eerst had geopend. Je zou de afbeelding kunnen omzetten in het RGB formaat. Het maximale aantal kleuren in GIF afbeeldingen is 256 en dit is niet genoeg voor onze presentatie.
Het GIF afbeeldings formaat (ook wel indexex-formaat) genoemd, ondersteund geen semi-transparante handling en enkele tools kunnen niet gebruikt worden met GIF afbeeldingen. Dat is waarom je GIF zou moeten converteren naar RGB. Voordat je je afbeelding in het GIF formaat omzet, moet je het her-transformeren naar het indexed formaat. Ok, dan. Je klikt met de rechtermuisknop op de pinguïn en kiest het menu Image->RGB. De achtergrond van de afbeelding is nog steeds wit, maar deze willen we omzetten in transparant. Dan zal het lager geen andere afbeeldingen bedekken. Eerst dien je een "Alpha-Kanaal" aan de afbeelding toe te voegen. Kies hiervoor Lagen->Voeg Alpha Kanaal toe. De afbeelding krijgt een nieuwe transparante laag. Als jde delen van de afbeelding hebt verwijderd, "zie" je de transparante laag er achter. Vervolgens probeer je de witte achtergrond te verwijderen. Dit kun je op verschillende manieren doen. Een erg krachtige tool is de optie "Selecteer op kleur", waarmee je alle delen van een afbeelding met een bepaalde kleur kunt selecteren. Het probleem is dat de buik en de ogen van de pinguïn ook wit zijn, en we zouden deze dan tegelijk met de achtergrond selecteren. Neem hiervoor een andere tool: de "Fuzzy selectie", beschikbaar in het Gimp hoofdvenster (zie rechts). Klik op tweemaal op de knop om het extra venster met additionele opties te zien
|
|
|
In het geopende optie venster, deselecteer je alle opties. Antialiasing voorkt scherpe randen aan de rand van de pinguïn, maar produceerd een zachte waas tussen de pinguïn en de transparante achtergrond. Je zou een klein wit oppervlak krijgen, welke voor andere dingen bruikbaar kan zijn, maar niet nu.
|
|
|
Nu selecteer je de achtergrond van de pinguïn. Het lijkt een knipperend zwart-witte lijn, overal waar de rand van het geselecteerde deel is. Het menu Bewerken->Knippen knipt dit geselecteerde deel uit. De overgebleven delen links, rechts en tussen de voeten zijn niet met elkaar verbonden, dus moet je alle 5 delen apart uitknippen. Na het knippen van de witte achtergrond, zouden de delen moeten zijn vervangen door het donkere schaak patroon.
|
|
|
Dan moet je de afmetingen van pinguïn nog aangepassen aan de banner. Gebruik het menu Afbeelding->Schalen. Daar geef je een hoogte van 150 pixels op in plaats van de eigenlijke 257 pixels. De knop "Verhouding behouden" zorgt ervoor dat de breedte aansluitend wordt aangepast. Na het een klik op OK, wordt de afbeelding kleiner en bijna 2x zo hoog als de banner. Met het menu Selecteer->Alles kun je het hele plaatje selecteren en een Bewerken->Kopiëren plaatst het in de buffer. Op de banner selecteer je Bewerken->Plakken om de afbeelding uit de buffer te halen. Nu zou je de pinguïn in het banner frame moeten zien. Maar de positie klopt nog niet. Voordat je dit veranderd, zou je eerst moeten kijken naar het lagen venster. Daar is een nieuwe entry opgedoken, met de naam "Drijvende Selecties". Om de pinguïn op zijn eigen laag te plaatsen, selecteer je links onder in het "Lagen & Kanalen" venster het lege vel papier. Nu is de pinguïn op zijn eigen laag geplaatst en kan onafhankelijk van de rest van de afbeelding worden bewerkt. Nu kun je de pinguïn een klein beetje verplaatsen, zodat zijn hoofd beter uitkomt. Kies de "Verplaatsen"-tool (zie rechts). Met deze tool klik je op pinguïn en verplaats je deze zover dat zijn hoofd onderaan de banner zichtbaar is.
|
|
Maar het hoofd is nog iets te groot. Je kunt dit veranderen met het "Transformatie gereedschap"  . Een dubbelklik opent deze in een venster met verdere functies (als het optie venster van de "Fuzzy selectie" nog openstond, zal deze nu nieuwe opties laten zien). Kies de optie Schalen en klik op de pinguïn in de banner. Je kunt de pinguïn kleiner maken als je de grootte veranderde met een ingedrukte muisknop. Als je de toetesen Ctrl en Shfit indrukt bij het bewegen van de muis, zorgt Gimp voor een constante verhouding van de hoogte tot de breedte. Na het kleiner maken, kun je de pinguïn verplaatsen met de "Verplaats" tool naar de positie waar je het wil hebben. |
|
|
|
|
De pinguïn is te leuk om hem alleen te laten op de banner. Je kunt Tux kopiëren door erop te rechtsklikken en te kiezen voor "Bewerken->Kopiëren" en "Bewerken->Plakken". Nu verschijnt er een nieuwe "Drijvende selectie" in het "Lagen & Kanalen" venster. Een klik op het lege vel papier, zet de tweede pinguïn op zijn eigen laag. Dan verplaats je de tweede een klein beetje opzij omdat deze de eerste overlapt (Gebruik de "Verplaats" tools). Deze procedure kan herhaald worden tot we in totaal vijf pinguïns hebben. Iedere pinguïn krijgt zijn eigen laag.
|
 |
|
Tenslotte kun je ieder laag een naam geven, zodat je ze makkelijker uit elkaar kunt houden. Een dubbelklik op een ingang in het "Lagen & Kanalen" venster opent een klein venster waarin je de lagen kunt hernoemen. Wat dacht je van lagen met de namen "Tux1" tot "Tux5"? Een klik op "oog" links van een entry, stelt in of deze laag wordt weegegeven, of niet. Dit is niet een erg goede tool voor complexe afbeeldingen met vele objecten.
|
|
Nu zou de afbeelding er zo uit moeten zien:
Hiervoor moet je ze een beetje roteren. |
|
|
Ook voor deze verandering kun je de "Transformatie" tool gebruiken. In het venster met aanvullende opties, kun je keuze "Draaiing" vinden. Nu kun je de verschillende lagen gebruiken en de bijbehorende pinguïn draaien met een klik. Als alle pinguïns zijn gedraaid, moeten ze nog gedraaid worden, zodat de hoofden zichtbaar worden.
|
|
|
Om frustatie tegen te gaan, moet je het bestand regelmatig opslaan.
Klik met de rechtermuisknop op het banner venster en kies het menu Bestand->Opslaan Als. Dan selecteer je een handige directory waar je de afbeelding wilt opslaan. Kies een bestandsnaam als "penguinbanner", maar zonder extensie als .gif of .jpg. Denk er aan dat we de RGB mode gebruiken, welke niet wordt ondersteund door het GIF formaat. JPEG ondersteund geen lagen of transparantie; ook verlies je informatie door de compressie. Je kunt het beste kiezen voor het "gzip" formaat, deze staat aan het einde van de lijst. "gzip" is het Gimp-specifieke formaat XCF dat reeds gecomprimeerd is met gzip om ruimte te bestaren (XCF is groot). Dit formaat slaat de afbeelding op zoals hij is, met alle lagen, transparantie en al het andere leuke werk. Zoals je kunt zien, voegt Gimp automatisch de juiste extensie toe aan het einde van de bestandsnaam, en krijgt je afbeelding de naam "penguinbanner.xcf.gz". |
|