Aufgabe

  1. Binde Bilder in dein Webprojekt ein. Erzeuge dazu Grafiken in den Formaten JPEG, PNG und GIF mit dem Grafikprogramm GIMP bzw. wandle vorhandene Bilder in die entsprechenden Formate um.
  2. Experimentiere mit transparenten Grafiken und Animationen.
  3. Erzeuge eine transparente Titelschrift für dein Webprojekt und binde es als Titel-Frame ein.

GIF-Animationen

Animation Download
camera.gif
glsbng.gif
pentmap.gif
slnk.gif
splinefollow.gif

Quelle: Beispielanimationen des Raytracers POV-Ray http://www.povray.org/

Erzeugen transparenter Grafiken mit GIMP

Transparenzen erzeugen

Um in ein vorhandenes Bild transparente Bereiche einzufügen geht man wie folgt vor:

  1. Menü: Ebene → Transparenz → Alpakanal hinzufügen
  2. Bildbereiche, die transparent werden sollen, markieren (Auswahlwerkzeuge benutzen)
  3. Mit der Taste ‹Entf›, bei älteren GIMP-Versionen mit der Tastenkombination ‹Strg›-‹k› die ausgewählten Bereiche entfernen.
  4. Bild als PNG-Datei abspeichern

Transparente Überschrift erzeugen

  1. Menü: Datei → Erstellen → Logos → Logoart auswählen und Dialog ausfüllen; Bild erzeugen
  2. Menü: Fenster → Andockbare Dialoge → Ebenen → Hintergrundebene löschen (Papierkorbsymbol)
  3. Oberste Ebene auswählen → Ebenendialog schließen
  4. Menü: Ebene → nach unten vereinen
  5. Bild als PNG-Datei abspeichern