Je bent in het P-Filiaal | spin-off van Plaatjesmakerij
Nodig:
Ik krijg veel vragen over het opslaan van een transparant GIF-bestand. De algemene klacht is dat er geen 100% transparantie is; dat je heel vaak op de webpagina's nog een rafelig randje blijft zien. Dat klopt inderdaad. GIF op zich ondersteunt geen transparantie. GIF gaat over kleuren en pixels. Als je totale transparantie wilt, zul je het bestand in PNG op moeten slaan of PSP(Image), maar daar gaat dit verhaal niet over. Als je met het GIF-formaat werkt en je wilt het zo transparant mogelijk opslaan, zul je een truc moeten toepassen. En de truc is: gebruik JASC Animation Shop !Ik doe het zo :
- Als voorbeeld heb ik in PSP een lettertype neergezet op een transparante achtergrond. Bij het toepassen van het lettertype heb ik anti-alias aangevinkt. Dat zorgt al voor een strakke letter, zonder rafelige randen.
Wat je hieronder ziet zijn geen rafelige randen! De afbeelding is geselecteerd.
- Kopieer het geselecteerde lettertype (menu Bewerken > Kopiëren).
- Start Animation Shop, menu Bestand > Producten van Jasc Software of klik op
.
- Rechtsklik in het grijze gebied (paste as new animation/plak als nieuwe animatie).
- Er staat nu 1 frame. De bedoeling is dat dit frame als GIF opgeslagen wordt met behulp van de Wizard Optimalisatie.
* * *
Optimization Wizard / Wizard Optimalisatie
Zodra ik - in Animation Shop - de opdracht Opslaan als GIF geef, wordt automatisch de 'wizard optimalisatie' geactiveerd. Mocht dat niet gebeuren, dan kun je deze wizard altijd oproepen in menu Bestand.
Je krijgt dan de mogelijkheid het bestand te optimaliseren voordat je het definitief als GIF opslaat.
(mijn Animation Shop is in het Engels, maar de vensters zien er in de Nederlandse versie hetzelfde uit).
Klik op het knopje Customize/Aanpassen. Daarmee krijg je wat meer mogelijkheden om je bestand te optimaliseren.
Allereerst het tabblad Colors:
Dan het tabblad Optimizations:
Dan het tabblad Partial Transparency:
Vooral dit laatste venster is belangrijk. Als je van tevoren de kleur weet van de achtergrond waarop je de transparante afbeelding gaat gebruiken, geef die kleur dan aan bij het een na laatste rondje Yes, blend with this color/Ja, meng met deze kleur. Bij mij staat het vakje daarachter op lichtgrijs, omdat mijn webpagina's lichtgrijs zijn. Maar als jij een webpagina met een paarse achtergrond gebruikt, kies je natuurlijk voor paars (door in het vakje te klikken). Als je webpagina een veelkleurige achtergrond heeft, kies dan een kleur die er het meest in voorkomt.
Je komt weer terug bij dit venster:
De stand van het schuifje op dit venster staat op de beste kwaliteit. Als je genoegen neemt met iets mindere kwaliteit, schuif het dan 1 tree (of meerdere treden) naar beneden. Ik heb het hier op de beste kwaliteit laten staan.
Als je alles hebt ingevuld, klik je op Volgende, Volgende, enz. tot je klaar bent.
Zie hieronder het resultaat:
Kijk: geen rafelige rand te zien.
* * *
Om je nog even te helpen herinneren hoe lelijk een transparante gif eruit kan zien zonder optimalisatie, zie hieronder:
Mooi is anders !
* * *