Computergrundlagen Graphikbearbeitung Inkscape und GIMP

Größe: px

Ab Seite anzeigen:

Download "Computergrundlagen Graphikbearbeitung Inkscape und GIMP"

Sylvia Lange
vor 6 Jahren
Abrufe

1 Computergrundlagen Graphikbearbeitung Inkscape und GIMP Axel Arnold und Olaf Lenz Institut für Computerphysik Universität Stuttgart Wintersemester 2010/11

2 Was ist ein digitales Bild? Bilder selber am Computer gestalten Bilder am Computer bearbeiten (z.b. von einer Kamera) Wie speichert ein Computer Bilder? A. Arnold, O. Lenz Computergrundlagen 2/18

3 Graphikformate Rastergraphik (Bitmaps) verlustfrei BMP, TIFF, PNG, GIF,... verlustbehaftet JPEG Graphikformate SVG, PDF, (Enhanced) Postscript,... Vektorgraphik 3D-Modelle VRML, POVRAY, DXF,... A. Arnold, O. Lenz Computergrundlagen 3/18

4 Unterschiede zwischen Vektor- und Rastergraphik Vektorgraphik Objekte (Kreis, Polygon,...) beliebig vergrößerbar geringer Platzbedarf bei geometrischen Objekten großer Speicherbedarf bei Rasterdaten (Photos) Für Skizzen, Graphen,... Rastergraphik Matrix von Farbinformationen begrenzte Auflösung Speicherbedarf hängt nicht von der Komplexität ab optimierte Speicherverfahren für Photos (JPEG) Für Photos, Icons, Logos,... A. Arnold, O. Lenz Computergrundlagen 4/18

fallen nur in Photos nicht auf 2 Megapixel-Photo: als PNG ca.

5 Wozu verlustbehaftete Formate? PDF, 1.1 KByte PNG, 3.1 KByte JPEG, 1.3 KByte Verlustbehaftete Formate sparen Platz Artefakte an scharfen Übergängen, fallen nur in Photos nicht auf 2 Megapixel-Photo: als PNG ca. 3 MByte, als JPEG 300 KByte JPEG nur für Photos! Immer Vektorformate bevorzugen! A. Arnold, O. Lenz Computergrundlagen 5/18

Kommandozeilentools convert (Image Magick) Kommandozeilentool zur Graphikbearbeitung Nützlich vor allem zum schnellen Konvertieren Beispiele PNG in JPEG konvertieren: convert beispiel.png beispiel.

6 Kommandozeilentools convert (Image Magick) Kommandozeilentool zur Graphikbearbeitung Nützlich vor allem zum schnellen Konvertieren Beispiele PNG in JPEG konvertieren: convert beispiel.png beispiel.jpg Qualität in Prozent einstellen (hier das schlechte Beispiel von der vorigen Folie): convert beispiel.png quality 10 beispiel.jpeg Vergrößern oder verkleinern convert beispiel.png resize 10% beispiel.pdf Einen kleinen Film aus Einzelbildern erstellen convert beispiel.png beispiel.mpg A. Arnold, O. Lenz Computergrundlagen 6/18

7 Inkscape Freier Editor für Vektorgraphik, Alternative zu CorelDraw, Adobe Illustrator,... Für Linux, Windows, Mac OS X Natives Format SVG XML-basiert Die meisten Webbrowser können SVG darstellen A. Arnold, O. Lenz Computergrundlagen 7/18

8 Inkscape Leinwand Hier werden Objekte platziert Bewegen per Maus oder durch Ctrl-Cursortasten + und - zum Zoomen Nur was auf der Leinwand liegt, ist später sichtbar Unter File Document Properties läßt sich die Größe der Leinwand einstellen ein Gitter (Grid) zum Ausrichten der Elemente anlegen Objekte rasten an anderen Objekten oder am Grid ein A. Arnold, O. Lenz Computergrundlagen 8/18

9 Inkscape Werkzeuge Auswahlwerkzeug (F1): 1x klicken markiert Objekt zum Verändern der Größe und Position 2x Klicken zum Drehen Knotenwerkzeug (F2): zum Verschieben von Objektecken/-punkten Rechteck (F4) Ellipsen (F5) (Bezier-) Kurven (Shift-F6) Text (F8) A. Arnold, O. Lenz Computergrundlagen 9/18

10 Inkscape Objekteigenschaften Objektfarbe setzen (Rand, Fläche mit Shift) Aktuelle Füll- und Stricheinstellungen Status und Benutzungshinweise Aktuelle Koordinate und Zoom A. Arnold, O. Lenz Computergrundlagen 10/18

11 Inkscape Menüs File Laden/Speichern (SVG, PDF,...) Import (auch Bitmaps) Properties: Größe, Grid Edit Clone: Kopien, die immer wie das Original aussehen Mehrfachklone auf Gitter Object Group: Objekte zusammenfassen Raise/Lower: Objektstapelung Path erzeugen komplexer Formen durch Mengenoperationen Filters und Extensions jede Menge Effekte A. Arnold, O. Lenz Computergrundlagen 11/18

12 GIMP Freier Editor für Bitmapgraphik, vergleichbar Adobe Photoshop Für Linux, Windows, Mac OS X Rasterbildbearbeitung und -erstellung A. Arnold, O. Lenz Computergrundlagen 12/18

13 GIMP Werkzeuge Auswahlwerkzeuge: Rechtecke, Ellipsen, Lasso, intelligente Schere Verschieben und Verzerren Textwerkzeug Füllen der Auswahl Radiergummi Zeichenwerkzeuge Stempelwerkzeuge Farbwahl Vorder-/Hintergrund Werkzeugoptionen A. Arnold, O. Lenz Computergrundlagen 13/18

14 GIMP Auswahl wird über Werkzeuge erstellt (Kreise, Rechtecke, Lasso,...) ist unscharf Punkte können anteilsweise dazugehören Shift fügt zur Auswahl zu, Ctrl zieht ab, Shift-Ctrl bildet Schnittmenge Menüpunkt Select : Weichzeichnen, Ausweiten,... A. Arnold, O. Lenz Computergrundlagen 14/18

Verschiedene, teilweise semitransparente Pinsel Über die

15 GIMP Farb- und Pinseldialoge Verschiedene Farbauswahlpaletten, HSV, CMYK (Druckstufe) Farben können gespeichert werden Verschiedene, teilweise semitransparente Pinsel Über die Werkzeugoptionen zu erreichen, wo verwendet A. Arnold, O. Lenz Computergrundlagen 15/18

GIMP Ebenen Ebenen Wie ein Stapel von übereinander- liegenden Folien bzw. Papierbögen Ermöglichen Arrangieren von Elementen und separate Anwendung von Effekten Verschieben und Drehen usw.

16 GIMP Ebenen Ebenen Wie ein Stapel von übereinander- liegenden Folien bzw. Papierbögen Ermöglichen Arrangieren von Elementen und separate Anwendung von Effekten Verschieben und Drehen usw. wie Auswahl Ebenendialog über Ctrl-L oder Menü Windows Dockable Dialogs Transparente Ebenen brauchen Alpha-Kanal ( Layer Transparency Add Alpha Channel ) Vereinigen von fertigen Ebenen über Layer Merge Down Augensymbol: Sichtbarkeit der Ebene Kette: gekettete Ebenen zusammen bewegen A. Arnold, O. Lenz Computergrundlagen 16/18

17 GIMP Effekte Blur Unschärfe Bumpmapping 3D-Effekt Colorize Einfärben Edge detect Randerkennung Viele Effekte unter Tools und Filters! A. Arnold, O. Lenz Computergrundlagen 17/18

18 Frohe Weihnachten und einen guten Rutsch ins neue Jahr! A. Arnold, O. Lenz Computergrundlagen 18/18

Ähnliche Dokumente

Computergrundlagen Graphikbearbeitung Inkscape und GIMP

Computergrundlagen Graphikbearbeitung Inkscape und GIMP Axel Arnold Institut für Computerphysik Universität Stuttgart Wintersemester 2011/12 Was ist ein digitales Bild? Bilder selber am Computer gestalten