Iris Pilarek: Schicke Buttons & Icons mit GIMP

Iris Pilarek

Iris Pilarek

Keine Website ohne schicke Buttons oder Icons. Buttons werden heute zwar oft über die Stilsprache CSS gestaltet, aber für besondere Effekte nutzt man weiterhin Grafiken, die als Hintergründe für Buttons dienen oder gleich als Buttons eingesetzt werden.

Icons sind kleine Info-Bildchen und bieten eine gute Hilfe, um Webseiten übersichtlicher zu gestalten. Icons helfen, einfacher den Themen einer Website zu folgen. Icons geben Auskunft über die Art einer Information – ein Telefon weist zum Beispiel auf eine Telefonnummer hin. Icons können den Benutzer zu einer Aktion anleiten – beispielsweise fordert eine Lupe zur Eingabe eines Suchbegriffes auf.

Buttons und Icons werden in Bildbearbeitungsprogrammen erstellt. Das berühmteste Bildbearbeitungsprogramm heißt Photoshop und ist unverschämt teuer. Zu teuer, wenn man noch kein eigenes Geld verdient. Eine gute Alternative ist das Programm GIMP.

GIMP beherrscht alle Standardwerkzeuge und besitzt umfangreiche Funktionen. Mit GIMP können Grafiken entworfen oder bereits vorhandene Bilder bearbeitet werden. Es stehen zahlreiche Filter zur Verbesserung der Bildqualität berei. Bilder können in fast alle bekannte Formate gespeichert werden wie JPG, GIF, PNG, TIF und PCX als GIMP eigenes Format. Sogar Animationen können in GIMP erstellt werden. Und das Beste: GIMP ist kostenfrei und damit eine echte Alternative zu Adobe Photoshop.

In unserem Workshop werden wir ein Icon in GIMP bauen, das aussieht, als wäre es aus Glas. Wenn es die Zeit erlaubt, erstellen wir auch eine Mini-Animation. Eure Ergebnisse laden wir in unseren Blog.

Wie in jedes Programm, muss man sich in GIMP etwas einarbeiten. Im Workshop werdet Ihr durch die einzelnen Arbeitsschritte geleitet, wodurch die Einarbeitung erleichtert wird. Wer sich über unseren Workshop hinaus mit GIMP beschäftigen will, findet hier ein paar hilfreiche Links:

Logo Gimp Gimp: Bildbearbeitung und -gestaltung:
http://www.gimp.org/downloads/

Logo Gimp Gimp: Benutzerhandbuch:
http://docs.gimp.org/de/

Logo Gimp Gimp: Tutorials:
http://www.gimpusers.de/tutorials

Logo Gimp Gimp: Video-Tutorials:
http://www.gimp-tutorials.de/

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.