Computergrundlagen Graphikbearbeitung Inkscape und GIMP

Größe: px

Ab Seite anzeigen:

Download "Computergrundlagen Graphikbearbeitung Inkscape und GIMP"

Annegret Koenig
vor 6 Jahren
Abrufe

Vorlesung Computergrundlagen WS 2010/2011, 22.12.

1 Vorlesung Computergrundlagen WS 2010/2011, 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 gestalten Bilder am Computer bearbeiten (z.b. von einer Kamera) Wie speichert ein Computer Bilder? A. Arnold, O. Lenz Computergrundlagen 2/18 1/ 9

2 Graphikformate Unterschiede zwischen Vektor- und Rastergraphik Rastergraphik (Bitmaps) verlustfrei BMP, TIFF, PNG, GIF,... verlustbehaftet JPEG Graphikformate SVG, PDF, (Enhanced) Postscript,... Vektorgraphik 3D-Modelle VRML, POVRAY, DXF,... Vektorgraphik Objekte (Kreis, Polygon,...) beliebig vergrößerbar geringer Platzbedarf bei geometrischen Objekten großer Speicherbedarf bei Rasterdaten (Photos) Rastergraphik Matrix von Farbinformationen begrenzte Auflösung Speicherbedarf hängt nicht von der Komplexität ab optimierte Speicherverfahren für Photos (JPEG) Für Skizzen, Graphen,... Für Photos, Icons, Logos,... A. Arnold, O. Lenz Computergrundlagen 3/18 A. Arnold, O. Lenz Computergrundlagen 4/18 2/ 9

Wozu verlustbehaftete Formate? Kommandozeilentools convert (Image Magick) PDF, 1.1 KByte PNG, 3.1 KByte JPEG, 1.

3 MByte, als JPEG 300 KByte JPEG nur für Photos! Immer Vektorformate bevorzugen!

png beispiel.jpg Qualität in Prozent einstellen (hier das schlechte Beispiel von der vorigen Folie): convert beispiel.png quality 10 beispiel.

3 Wozu verlustbehaftete Formate? Kommandozeilentools convert (Image Magick) 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! 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 5/18 A. Arnold, O. Lenz Computergrundlagen 6/18 3/ 9

4 Inkscape Inkscape Leinwand 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 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 7/18 A. Arnold, O. Lenz Computergrundlagen 8/18 4/ 9

5 Inkscape Werkzeuge Inkscape Objekteigenschaften 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) Objektfarbe setzen (Rand, Fläche mit Shift) Aktuelle Füll- und Stricheinstellungen Status und Benutzungshinweise Aktuelle Koordinate und Zoom (Bezier-) Kurven (Shift-F6) Text (F8) A. Arnold, O. Lenz Computergrundlagen 9/18 A. Arnold, O. Lenz Computergrundlagen 10/18 5/ 9

6 Inkscape Menüs GIMP 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 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 6/ 9

GIMP Werkzeuge GIMP Auswahl Auswahlwerkzeuge: Rechtecke, Ellipsen, Lasso, intelligente Schere Verschieben und Verzerren Textwerkzeug Füllen der Auswahl Radiergummi Zeichenwerkzeuge Stempelwerkzeuge

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

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

Stapel von übereinander- liegenden Folien bzw.

wie Auswahl Ebenendialog über Ctrl-L oder Menü Windows Dockable Dialogs Transparente Ebenen brauchen Alpha-Kanal ( Layer

8 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 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 15/18 A. Arnold, O. Lenz Computergrundlagen 16/18 8/ 9

guten Rutsch Colorize Einfärben Edge detect Randerkennung ins neue Jahr!

9 Vorlesung Computergrundlagen WS 2010/2011, Blur Unschärfe Bumpmapping 3D-Effekt GIMP Effekte Frohe Weihnachten und einen guten Rutsch Colorize Einfärben Edge detect Randerkennung ins neue Jahr! Viele Effekte unter Tools und Filters! A. Arnold, O. Lenz Computergrundlagen 17/18 A. Arnold, O. Lenz Computergrundlagen 18/18 9/ 9

Ä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