Computergrundlagen Graphikbearbeitung Inkscape und GIMP

Größe: px

Ab Seite anzeigen:

Download "Computergrundlagen Graphikbearbeitung Inkscape und GIMP"

Helmuth Rosenberg
vor 7 Jahren
Abrufe

1 Computergrundlagen Graphikbearbeitung Inkscape und GIMP Axel Arnold Institut für Computerphysik Universität Stuttgart Wintersemester 2011/12

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 Computergrundlagen 2/19

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

4 Unterschiede zwischen Vektor- und Rastergraphik Vektorgraphik speichert Objekte (Kreis, Polygon,...) für Skizzen, Graphen,... beliebig vergrößerbar geringer Platzbedarf bei geometrischen Objekten Rastergraphik Matrix von Farbinformationen z.b. von Kamera für Photos, Icons, Logos,... begrenzte Auflösung Speicherbedarf hängt nicht von der Komplexität ab verlustfreie Speicherung braucht Platz A. Arnold Computergrundlagen 4/19

5 Beispiel ein Graph PDF, 6.7 KByte PNG, 16.1 KByte typischer Graph aus matplotlib exakt als Vektorgraphik Artefakte in JPEG Skizzen oder Graphen als Vektorgraphik! JPEG, 6.7 KByte A. Arnold Computergrundlagen 5/19

6 Beispiel ein Photo JPEG, 0.6 MByte PNG, 2.8 MByte Photo sind Rasterdaten Auflösung durch Sensor begrenzt ohne Tricks sehr groß Photos als JPEG! PNG bei kleinen Größen (Icons) A. Arnold PDF, 4.4 MByte Computergrundlagen 6/19

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

7 Kommandozeile 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 Computergrundlagen 7/19

8 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 Computergrundlagen 8/19

9 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 Computergrundlagen 9/19

10 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 Computergrundlagen 10/19

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

12 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 Computergrundlagen 12/19

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

14 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 Computergrundlagen 14/19

15 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 Computergrundlagen 15/19

GIMP Farb- und Pinseldialoge Verschiedene Farbauswahlpaletten, HSV, CMYK (Druckstufe) Farben können gespeichert werden Verschiedene, teilweise

16 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 Computergrundlagen 16/19

17 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 Computergrundlagen 17/19

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

19 Frohe Weihnachten und einen guten Rutsch ins neue Jahr! Ñ Íîâûì 2012 Ãîäîì è Ðîæäåñòâîì! A. Arnold Computergrundlagen 19/19

Ähnliche Dokumente

Computergrundlagen Graphikbearbeitung Inkscape und GIMP

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