GIMP 2.8.10 GNU Image Manipulation Program
Inhalt GIMP HERUNTERLADEN UND INSTALLIEREN... 2 ARBEITEN MIT GIMP... 4 DAS WERKZEUGFENSTER... 5 DATEI ÖFFNEN... 6 BILDGRÖSSE FESTSTELLEN UND ÄNDERN... 7 BILD ZUSCHNEIDEN... 9 BEARBEITUNGSAUSWAHL TREFFEN... 11 BILD EINFÄRBEN... 11 SCHRIFTZUG INS BILD SETZEN... 12 VERSCHIEBEN... 12 EBENEN... 13 Von der THEORIE in die PRAXIS...15 DER BANNER FÜR DIE WEBSITE... 15 TEILE EINES LOGOS TRANSPARENT SETZEN... 25 1
GIMP HERUNTERLADEN UND INSTALLIEREN Das Programm GIMP ist Freeware. Sie können sich das Programm also kostenlos aus dem Internet herunterladen. Dieses Skriptum erklärt die wichtigsten Möglichkeiten der Bildbearbeitung mit der Version 2.8.10. Zuerst müssen Sie das Programm von der Website http://gimp.softonic.de/ herunter. Folgende Schritte sind mit Mozilla Firefox zu folgen (mit anderen Browsern kann es kleine Unterschiede geben) Schritt 1: Geben Sie die Adresse http://gimp.softonic.de/ im Browser ein und rufen Sie die Seite auf. Im oberen Bereich der Seite finden Sie die Möglichkeit zum Download. Schritt 2: Klicken Sie auf Download. Es öffnet sich ein Fenster mit der Möglichkeit eines kostenlosen Downloads von der Herstellerseite. Klicken Sie hier noch mal auf Download. 2
Im erschienenen Fenster klicken Sie auf Datei speichern. Wenn die Datei heruntergeladen ist, drucken Sie auf dem Pfeil im Browser. Klicken Sie auf der heruntergeladenen Datei und folgen Sie den Installationsanweisungen des Programms. Passen Sie auf, dass Sie keine unerwünschten Programme auch installieren. 3
Wenn Sie GIMP nun installiert haben, können Sie damit arbeiten. Hilfe zur Installation von GIMP finden Sie z.b. auf http://docs.gimp.org/de/index.html Neue Programmversionen werden auf http://www.gimp.org veröffentlicht. Sie können auch bei http://www.heise.de/software/ heruntergeladen werden. ARBEITEN MIT GIMP Wenn Sie GIMP starten, öffnen sich der GIMP-Werkzeugkasten und das Hauptfenster, in dem die Bilder angezeigt werden. Der Werkzeugkasten fasst die wichtigsten Werkzeuge an einem gemeinsamen Ort zusammen. Falls den Werkzeugkasten nicht angezeigt wird oder Sie ihn schließen, können sie ihn wieder anzeigen lassen indem Sie auf dem Menüpunkt Fenster>Werkzeugkasten im GIMP Hauptfenster klicken. Im Menüpunkt Werkzeuge sind auch alle Funktionen, die in der Werkzeugkaste sind, auswählbar. Was die einzelnen Symbole bedeuten, erfahren Sie in folgender Liste: 4
DAS WERKZEUGFENSTER Die 8 Werkzeuge zum Selektieren (markieren). "Pipette" - mit Hilfe dieses Tools wird die Farbe auf einem Bild abgefragt. Bild (Ausschnitt) vergrößern, Messen von Abständen, Markierten Bereich verschieben, Ausrichten von Objekten u. Ebenen Ausschneiden, drehen, skalieren, verzerren, Perspektive verändern, spiegeln (vertikal, horizontal), Käfig-Transformation Text erstellen Bild/Bereich füllen, mit Farbe oder mit Farbverlauf Malwerkzeuge: Stift mit scharfen Kanten, Pinsel mit weichen Kanten Radiergummi, es wird zur Hintergrundfarbe oder zur Transparenz radiert. sprühen, mit Tinte zeichnen mit Muster zeichnen, Heilen (Unregelmäßigkeiten berichtigen), klonen (zeichnen mit einem vorhandenen Muster). Mit diesen Werkzeugen können Sie eine Kante auf einen Bild weich zeichnen oder schärfen, verschmieren bzw. aufhellen oder abdunkeln. 5
DATEI ÖFFNEN Öffnen Sie einfach einmal ein Foto, das Sie mit GIMP bearbeiten möchten: 1. Foto öffnen: Klicken Sie im Hauptfenster auf Datei>Öffnen 2. Dann erscheint ein Fenster, in dem Sie die Datei innerhalb der Dateistruktur suchen und das gewünschte Bild doppelt anklicken, um es in GIMP zu öffnen. 3. Nun öffnet sich im Hauptfenster das ausgewählte Bild: 6
BILDGRÖSSE FESTSTELLEN UND ÄNDERN Die Größe eines Bildes sehen Sie einerseits direkt in der blauen Titelleiste des Fensters, andererseits aber auch unter dem Menüpunkt Bild>Bild skalieren feststellen: Dieses Foto hat z.b. 5841x3898 Pixel und eine Auflösung von 300dpi. 7
Um sich ein Bild von der Größe in Pixel machen zu können, stellen Sie einfach einmal die Auflösung Ihres Bildschirms fest. Mein Bildschirm hat z.b. 1024x768 px. Das Foto ist also größer als mein Bildschirm. Bildgröße ändern Wenn Sie die Breite des Bildes ändern wollen, klicken Sie einfach in die Box und geben Sie die Anzahl der Pixel ein, auf die Sie das Foto reduzieren wollen (in meinem Fall: 600px), GIMP ändert automatisch auch die Höhe (sodass die Proportionen erhalten bleiben - diese Funktion können Sie durch Klicken auf das Kettensymbol deaktivieren, was jedoch zu einer Verzerrung der Bilder führt). Klicken Sie dann auf Skalieren Das Foto hat jetzt nur mehr 600x400px. Wenn das Bild zu klein angezeigt wird, können Sie die Anzeigegröße mit dem Zoom-Dropdown unten beim Hauptfenster ändern. 8
BILD ZUSCHNEIDEN Was machen wir aber, wenn wir z.b. ein Bild brauchen, das genau 175px breit und 365px hoch ist? Mit der Option Bild>Bild skalieren kommen wir hier nicht weiter, da Bilder, die ohne konstantes Seitenverhältnis skaliert werden, verzerrt werden. Das richtige Werkzeug zum Schneiden ist das Messer aus der Toolbox! 1. Schritt: Um ein Werkzeug aus der Toolbox zu aktivieren, klicken Sie das Symbol einfach an! 2. Schritt: Sie gehen jetzt mit der Maus zu dem Punkt, von wo aus Sie zu schneiden beginnen wollen (im vorliegenden Fall ist der Ausgangspunkt die rechte untere Ecke). 9
3. Schritt: Sie beginnen zu schneiden, indem Sie die linke Maustaste festhalten. Im unteren Bereich des Hauptfensters erscheint die aktuelle Größe des Ausschnitts. Fahren Sie mit der Maus so weit bis Sie bei Rechteck 175x365px angelangt sind (zu finden auf dem unteren Fenster-Rahmen neben die Zoom-Einstellung). Lassen Sie die Maustaste dann los und bestätigen Sie die Auswahl mit der Enter- Taste oder einen Mausklick auf dem ausgewählten Bereich. Ihr neues Bild hat nun die gewünschte Größe von 175x365px. Wenn Sie nicht gerne mit der Maus hantieren, oder eine ganz spezielle Größe brauchen können Sie das Werkzeugeinstellungen-Fenster öffnen (Fenster>Andockbare Dialoge>Werkzeugeinstellungen) und dort die Werte direkt eintragen. Hier ist es möglich den gewünschten Ursprung, die Breite und die Höhe einzutippen und den Bildausschnitt mit Hilfe der Maus vor dem Zuschneiden zu verschieben! 10
BEARBEITUNGSAUSWAHL TREFFEN Für Mal-, Einfärb- und Kopierfunktionen ist das Treffen einer Auswahl sehr sinnvoll. Dadurch können Sie einen Bereich auf dem Bild markieren und nur diesen Ausschnitt bearbeiten. Die Auswahlwerkzeuge sind die ersten acht Symbole in der Toolbox! Mit den ersten 3 Symbolen können rechteckige, ovale und freie (gezeichnete) Auswahlen getroffen werden. Der Zauberstab markiert zusammenhängende Flächen, die eine ähnliche Farbe haben. Das 5. Symbol selektiert Bildbereiche mit ähnlichen Farben. Die Scheren wählen eine Form entlang der Kanten, mit dem 7. Symbol wird ein Objekt im Vordergrund ausgewählt und der Füllfeder erstellt Pfade. BILD EINFÄRBEN Das richtige Werkzeug zum Einfärben ist der Farbkübel aus der Toolbox! 1. Schritt: Um ein Werkzeug aus der Toolbox zu aktivieren, klicken Sie das Symbol einfach an! 2.Schritt: Klicken Sie in der Toolbox auf Vordergrundfarbe und es öffnet sich das Fenster Vordergrundfarbe ändern. Wählen Sie hier die Vordergrundfarbe aus, mit der Sie das Foto einfärben wollen. 3. Schritt: Nun beschütten Sie das Bild oder die getroffene Auswahl einfach mit dem Kübel Sie klicken dazu einfach mit der Maus in das Bild (aufpassen, dass der Kübel aktiviert ist!) bzw. in den mit gestrichelter Linie umrandeten Auswahlbereich. Vordergrundfarbe 11
SCHRIFTZUG INS BILD SETZEN Das richtige Werkzeug zum Schreiben ist das A aus der Toolbox! 1. Schritt: Um das Schreibwerkzeug aus der Toolbox zu aktivieren, klicken Sie das A-Symbol einfach an! Wenn mit der Maus an den Punkt, wo Sie zu schreiben beginnen wollen klicken erscheinen die Optionen für den Text. 2. Schritt: Geben Sie das Textformat (Schriftart, -Größe, -Farbe...) ein und beginnen Sie zu schreiben. VERSCHIEBEN Das richtige Werkzeug zum Verschieben sind die vier Pfeile aus der Toolbox! Mit dem aktivierten Pfeil markieren Sie einfach den Schriftzug und ziehen ihn an die richtige Stelle. Es werden grundsätzlich Ebenen verschoben. Daher kann es Ihnen auch passieren, dass Sie das Hintergrundbild verschieben und eine gerasterte Fläche sichtbar wird. In diesem Fall empfiehlt sich die Zurückfunktion Um die zuletzt ausgeführte Aktion zurückzunehmen (Bearbeiten Rückgängig) 12
EBENEN Das Beste an Bildbearbeitungsprogrammen ist das Arbeiten mit den EBENEN! Was sind Ebenen? Um bei unserem Beispiel zu bleiben: Wir haben ein Bild mit einer roten Schrift. Das Bild ist die 1. Ebene und die Schrift die 2. Ebene, die wie eine Folie über der ersten Ebene liegt. Wozu das gut ist? Sie können die einzelnen Ebenen immer wieder bearbeiten! Beim Banner werden Sie sehen, wie praktisch das ist. Wo finden Sie die Ebenen? Klicken Sie auf Fenster>Andockbare Dialoge. Hier finden Sie eine Liste an möglichen Fenstern hier wählen Sie bitte Ebenen. Im Beispiel sehen Sie, dass die Schrift eine eigene Ebene ist, ohne dass hier etwas gemacht werden musste. Wenn Sie einen Schriftzug über ein Foto legen, wird also automatisch eine neue Ebene angelegt! Mit Doppelklick auf den Text der Ebenen (z.b. auf Schrift auf Bild ) können Sie den Namen der Ebene ändern! 13
Neue Ebene anlegen Klicken Sie im Ebenenfenster einfach auf das Symbol ganz links. WICHTIG! Vor jedem Arbeitsschritt eine neue Ebene anlegen und auf der neuen Ebene arbeiten! So verlieren Sie die Übersichtlichkeit nicht und das Grundbild wird nicht geändert. Wenn Sie auf dem -Symbol klicken können Sie die Ebenen ein- oder ausblenden. 14
Von der THEORIE in die PRAXIS DER BANNER FÜR DIE WEBSITE Maßevorschlag für den Banner auf der Website: 1265x130 px Ziel für das Banner: 1. Vier Bilder als Aufmacher links im Banner 2. Schriftzug Öffentliche Beispiel Bibliothek 1. Schritt: Wir legen in GIMP ein neues Dokument mit der Größe 1265x170 Pixel an dies wird unser Banner, das wir bearbeiten. In der Toolbox auf Datei>Neu und im neuen Fenster die Maße bei Breite und Höhe eingeben. Ihr Bildschirm sollte nun so aussehen: 15
Bevor wir den nächsten Arbeitsschritt machen, speichern wir das Dokument als xcf-datei. SPEICHERN IN GIMP Das GIMP-eigene Format hat die Endung.xcf und speichert alle Ebenen des Dokumentes mit. Die.xcf-Datei ist sozusagen die Master-Datei, die Sie immer wieder bearbeiten können! WICHTIG! Speichern Sie jedes Dokument zuerst im GIMP-eigenen Format ab nur so bleiben die Ebenen erhalten! Klicken Sie bitte auf Datei> Speichern, geben Sie bitte den Ort, wo die xcf-datei gespeichert werden soll und achten Sie, dass den Datei-Name mit.xcf endet. Um den Speichervorgang abzuschließen, klicken Sie auf Speichern. 16
2. Schritt: Öffnen und Skalieren von Fotos, die auf das Banner gelegt werden sollen. Datei>Öffnen Bild skalieren Für Bilder, die Sie für das Banner skalieren möchten, verwenden Sie eine Höhe von 130 px. 3. Schritt: Einfügen des Fotos in das Banner Wir haben nun parallel zwei Fenster geöffnet einerseits den Banner und andererseits das verkleinerte Foto, das wir auf den Banner ziehen möchten. Stellen Sie sicher, dass das Fenster mit dem verkleinerten Foto aktiviert ist (dafür auf dem Fenster klicken) und im Ebenen-Fenster die Ebene mit dem Foto zu sehen ist. Wir klicken nun mit der Maus auf die Ebene, halten und ziehen sie in das leeren Banner. 17
Beim Loslassen der Maustaste wird das Bild nun zentriert in unseren Banner eingefügt. Wir haben nun schon 2 Ebenen in unserem Banner: 1. den weißen Hintergrund 2. die Bild-Kopie WICHTIG! Beim Arbeiten mit Ebenen immer beachten, auf welcher Ebene Sie sich befinden (blau oder grau hinterlegt) denn diese ist es, welche Sie bearbeiten! 18
4. Schritt: Nun ziehen wir das eingefügte Foto an die richtige Position. Dazu wählen wir das Verschiebe- Werkzeug aus der Werkzeugleiste. Wir wiederholen Schritt 2 bis Schritt 4 nun für drei weitere Fotos und können so ein buntes Banner erstellen. 19
5. Schritt: Absoften von Bildern Um ein eingefügtes Foto ab zu soften, nehmen Sie einfach die Deckkraft zurück. Sie markieren die Ebene des Bildes, die Sie verändern möchten und schieben den Schieber für die Deckkraft im Ebenen-Fenster nach links. Um die Farben eines Bildes zu ändern stehen Ihnen im Menü Farben einige Tools zur Verfügung (z.b. Farbton-Sättigung, Helligkeit-Kontrast). Am besten Sie probieren selbst einmal aus, welche Effekte die Änderung dieser Einstellungen hat. 20
6. Schritt: Schriftzug Öffentliche Beispiel Bibliothek Um einen Text auf dem Banner zu schreiben sehen Sie bitte Kapitel Schriftzug ins Bild setzen 21
7. Weitere Elemente auf das Banner platzieren Sie können auch weitere Elemente wie z.b. Linien auf Ihr Banner malen dafür verwenden Sie die Malwerkzeuge oder. Sie sollten vorher eine neue Ebene anlegen und auf der neuen Ebene arbeiten! Klick um Farbe zu ändern Klick öffnet die Pinselauswahl Neue Ebene Das Platzieren eines Logos funktioniert nach demselben Prinzip wie bei Fotos (siehe Schritt 2 bis Schritt 4). 1. Logo öffnen 2. Logo in die passende Größe bringen: Höhe darf 130px nicht überschreiten. Menü Bild>Bild skalieren und die Höhe auf max. 130px skalieren 3. Ebene des Logos in den Banner ziehen 4. Logo mit Verschieben-Werkzeug an die richtige Position bringen 22
8. Schritt: Hintergrund transparent setzen Sie können das Hintergrund der Banner transparent setzen, so wird es sich später an der Website Kopfbereichfarben und -Farbverlauf anpassen. Zuerst selektieren Sie die Hintergrundebene, dann gehen Sie auf Farben>Farbe zu Transparenz und wählen Sie aus welche Farbe als transparent geändert werden soll, mit OK bestätigen Sie die Änderung. Die karierten Stellen zeigen wo das Banner transparent ist. 23
9. Schritt: Konvertieren in ein webtaugliches Format XCF ist kein webtaugliches Format im Web werden.jpeg.gif oder.png angezeigt. Das heißt, Sie müssen Ihr Banner damit Sie es auf der Website auch sehen als ein webtaugliches Format exportieren:.xcf ist kein webtaugliches Format. Deshalb am Ende das Bild für die Website immer als.jpeg,.png oder.gif abspeichern! Für spätere Nachbearbeitungen sollten Sie aber auch immer die Endversion Ihrer.xcf-Datei behalten! 1. Datei>Exportieren als 2. Im Fenster Dateityp auswählen. Wenn Ihr Banner transparente Stellen hat, wählen Sie.PNG aus 3. Auf Exportieren klicken es öffnet sich ein neues Fenster 4. und in diesem Fenster auf Exportieren klicken und im nächsten Fenster 5. wieder auf Exportieren Damit ist der Banner nun auch als.jpeg gespeichert und fertig, um auf die Website zu kommen. 24
TEILE EINES LOGOS TRANSPARENT SETZEN Mit GIMP ist es möglich Teile eines Logos transparent zu setzen um Bereiche, die nicht Teil des Logos sind, zu entfernen. Zum Beispiel, wenn Ihre Bibliothekslogo- Datei so aussieht werden die 2 weißen Bereiche, die nicht Teil des Bibliothekslogos sind, auch auf der Bibliothekswebsite dargestellt. 1. Alphakanal hinzufügen: Der Alphakanal ist ein zusätzlicher Kanal, der in Grafiken zusätzlich zu den Farbinformationen die Transparenz der einzelnen Bildpunkte speichert. Wenn Sie auf Ebene -> Transparenz -> Alphakanal hinzufügen drücken, wird einen Alphakanal eingefügt. 2. Bereiche auswählen: wählen Sie mit der Zauberstab in Werkzeugkasten den Bereich, der transparent gemacht werden soll. Wenn Sie die Shift-Taste gedrückt halten, können Sie mehrere Bereiche auswählen. 3. Bereiche Transparent setzen: Mit Farben -> Farben zu Transparenz werden die ausgewählte Bereiche transparent gemacht. 4. Bild als PNG exportieren: Mit Datei-> Exportieren als können Sie die Datei als.png speichern. Dieses Format ist webtauglich und erlaubt Transparenz. Weiterführende Informationen zu GIMP finden Sie auf: http://www.wingimp.de/ http://gimpforum.de 25