Teaser-Bilder erstellen mit GIMP. Bildbearbeitung mit GIMP 1

Transkript

1 Teaser-Bilder erstellen mit GIMP Bildbearbeitung mit GIMP 1

2 Auf den folgenden Seiten werden die wichtigsten Funktionen von GIMP gezeigt, welche zur Erstellung von Bildern für die Verwendung im notwendig sind. Inhaltsverzeichnis 1. GIMP Startansicht (S. 3) 2. Bild laden (S. 4) 3. Bildansicht (S. 5) 4. Teaser-Bilder erstellen (S. 4 S. 19) 5. Vorgaben für Teaser-Bilder (S. 20) 2

3 1. GIMP Startansicht Arbeitsfläche Werkzeugkasten Standardansicht nach Öffnen von GIMP. Arbeitsfläche und Werkzeugkasten sind getrennt und können unabhängig voneinander auf dem Desktop platziert werden. 3

4 2. Bild laden Im Menü unter dem Tab «Datei» können Sie eine beliebige Bilddatei öffnen. 4

5 3. Bildansicht Bildansicht Angabe der Bildgrösse in px (Anzahl Bildpunkte) Hier kann die Darstellung prozentual verkleinert oder vergrössert werden. So kann das Bild auch bei grossen Auflösungen vollständig betrachtet werden 5

6 Auf den Landing- Pages sollen jeweils 4 Teaser sichtbar sein. WICHTIG! Alle 4 Bilder müssen die gleiche Grösse haben Das Seitenverhältnis ist immer 16:9 (hier 270 x 152 px) 6

7 Für das Teaser-Bild kann entweder das ganze Bild oder ein Bildausschnitt verwendet werden. (Beispiel 1: ganzes Bild) 7

8 Das Werkzeug «Zuschneiden» auswählen und die Einträge im Menü übernehmen. Bei den Hilfslinien unterstützt der «Goldene Schnitt» die Auswahl der optimalen Bildkomposition. 8

9 Den Cursor bei gedrückter linker Maustaste von Seite zu Seite ziehen, die Höhe wird automatisch markiert. Cursors im Gitter platzieren und linke Maustaste drücken. Dadurch kann dieses bis zum gewünschten Mittelpunkt des Bildes verschoben werden Durch Anklicken des Gitters werden diese Bereiche abgeschnitten. 9

10 Das Bild hat jetzt das richtige Seitenverhältnis und muss nur noch auf die richtige Grösse gebracht werden (für dieses Beispiel 270 px Breite) 10

11 Im Menü unter dem Tab «Bild» den Punkt «Bild skalieren» anwählen. 11

12 Die gewünschte Breite eintragen (270 px). Die Auswahl «Pixel» beibehalten Die Höhe wird beim Klicken in das Feld automatisch nachgeführt 12

13 Die gewünschten Werte sind eingetragen. Zum Abschliessen «Skalieren» anklicken 13

14 Das Bild hat jetzt die gewünschte Grösse und kann unter dem Tab «Datei» und «Exportieren als» im JPG- oder anderen Formaten abgespeichert werden. Nicht «speichern unter...» verwenden, da hier Dateien nur in GIMP-Formaten gespeichert werden können. 14

15 Für das Teaser-Bild kann entweder das ganze Bild oder ein Bildausschnitt verwendet werden. (Beispiel 2: Bildausschnitt) 15

16 Das Werkzeug «Zuschneiden» auswählen und die Einträge im Menü übernehmen. Bei den Hilfslinien unterstützt der «Goldene Schnitt» die Auswahl der optimalen Bildkomposition. 16

17 Mit dem Cursor bei gedrückter linker Maustaste den gewünschten Bildausschnitt markieren. Durch Anklicken des Gitters wird der markierte Bereich ausgeschnitten. 17

18 Der Bildausschnitt muss nun noch auf die gewünschte Grösse skaliert und gespeichert werden wie auf den Seiten beschrieben. 18

19 Nun können die Bilder als Teaser- Bilder verwendet werden. 19

20 5. Vorgaben für Teaser-Bilder Für die Teaser-Bilder gelten folgende Vorgaben: Bildgrösse: Mindestens 270x152 Pixel Besser: 540x304 Pixel Die Proportionen sind immer 16:9. Die Website wird von Anfang an vorbereitet für spätere «Retina» - Bildschirmauflösungen. Diese werden sich zwar erst im Verlaufe der nächsten Monate auf dem Markt etablieren, erfordern dann aber grössere Bilder, weil sie eine bessere Auflösung haben. Deshalb ist es wünschenswert, dass die Bilder von Anfang an in der Grösse 540x304 verwendet werden. 20