Tips

Alles wat een sitebouwer moet weten om zijn site (nòg) beter te maken

tekstgrootte:   a   a   a

Disbos 30

Wat is gif?


 

GIF is een bestandsindeling voor het opslaan van afbeeldingen in digitale vorm. Het kan gebruikt worden op het internet.

GIF is de afkorting van Graphics Interchange Format. Het aantal kleuren in een GIF-bestand is beperkt tot maximaal 256. Daarom wordt het alleen gebruikt voor afbeeldingen waarin bepaalde, egale kleuren erg veel voorkomen. Het is minder geschikt voor foto's: daarvoor wordt jpg gebruikt. (bekijk maar eens het laatste voorbeeld hieronder en je weet meteen waarom)

Animated gif

GIF heeft WEL de mogelijkheid om verschillende beelden achter elkaar op te slaan in hetzelfde bestand, waardoor er een klein tekenfilmpje wordt vertoond. Dat noemen we een animated gif, of ook wel bewegend plaatje

Hier kun je er in Wikipdia meer over lezen.
Bekijk de voorbeelden hieronder...

 

Voorbeelden

 

50kb groot

200kb groot, 256 kleuren

700kb groot , 64 kleuren

 

Hoe maak je zelf een animated gif van je eigen foto's in photoshop?

Stap   1

Maak de foto’s veel kleiner (max 540, beter 250)
en zorg dat ze allemaal liggend zijn (of allemaal staand).

Zorg dat alle foto's net even groot zijn!

Stap   2

Open ze in Photoshop Elements

Stap   3

Selecteer de tweede foto in het fotovak onderaan en
Ctrl+a
Ctrl+c

Stap   4

Ga (telkens) naar de eerste foto terug en
Ctrl+v (plakken: je ziet dat er een laag bij komt aan de rechterkant in het lagenpalet)

Stap   5

Herhaal dit voor alle andere foto's in het fotovak

Stap   6

Kies: bestand opslaan voor web

Stap   7

Kies in de rechterkolom:
-gif
-animeren
-framevertraging:2,0 (of hoger: dan draait de gif trager)

Stap   8

Kies: OK
Duid de map aan waar je het wil opslaan

Stap   9

Opladen naar je website
(kies altijd maximale grootte, ook al is je gif kleiner,
anders ben je de animatie kwijt!)

 

 

Je kan daar natuurlijk ook tekst in stoppen.
Hier zie je een header (helemaal bovenaan!) in gif:
http://sanderkwartier.brugsebuurten.be/
De tekst komt letter per letter binnen(gedruppeld).

Hieronder zie je op dezelfde site een animated gif IN de website zelf,
als aankondiging van een feest (met tekst dus ook!)http://sanderkwartier.brugsebuurten.be/Onzeactiviteiten/2010/Programmabuurtfeest