16
Einführung in die Computergraphik Einführung in die Computergraphik Kurzeinführung in Blender & Gimp 05.06.2008

Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Einführung in die ComputergraphikEinführung in die Computergraphik

Kurzeinführung in

Blender & Gimp

05.06.2008

Page 2: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

GIMP

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik 2

Page 3: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

GIMP

‣ Gnu Image Manipulation Program (Gnu = Gnu Not Unix)

‣ Bildbearbeitungsprogramm auf Rasterbasis

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Rasterbild à diskrete „Matrix“ von Pixel mit Farbwerten (RGB, CMYK, Palette, …)

‣ GNU GPL OpenSource, Crossplattform; in Entwicklung seit 1995

‣ Benutzt GTK+ als WidgetToolkit (GIMP ToolKit)

‣ Rechnet intern in RGB; CMYK kann angegeben werden, wird direkt umgewandelt

‣ Gilt als OpenSource Alternative zu Adobe Photoshop

3

Page 4: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

GIMP Interface

Bildfenster

Ebenen,Kanäle,

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik 4

Werkzeugpalette

Ebenen,Kanäle,Pfade,…

(engl. Version)

Page 5: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

GIMP – einige Werkzeuge

‣ Markierung

‣ Rechteck, Ellipse, Lasso, Zauberstab, Nach Farbe, …

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Zeichnen

‣ Stift, Pinsel, Farbverlauf, Füllen, Sprühpistole, …

‣ Verformung (Ebenen, Auswahl, Pfade)

‣ Drehen, Skalierung, Scherung, Perspektive, Spiegeln

‣ Manipulation

‣ Heilen, Weichzeichnen, Verschmieren, Nachbelichten, Klonen

‣ Tools

‣ Farbpipette, Radierer, Zuschneiden, Lupe, Messen, Pfade

5

Page 6: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Konzepte

‣ Ebenen

‣ Ebenen werden übereinandergelegt (wie z.B. Dias)

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Jedes Element einer Ebene hat Transparenz

‣ Jede Ebene hat „globale“ Transparenz

‣ Ebenen können unterschiedlich kombiniert werden

‣ Kanäle

‣ Ein Bild kann aufgeteilt werden in R, G, B, A Kanal

‣ Können getrennt bearbeitet und angezeigt werden

6

Page 7: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Konzepte II

‣ Filter

‣ Filter wenden eine Rechenregel auf jedes Pixel der Ebene/des Bildes an

Arten

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Arten

‣ Weichzeichner, Scharfzeichner, Künstlerisch, Verzerren, …

‣ Farben

‣ Alle Farben können durch verschiedene Methoden angepasst werden

‣ Kontrast, Helligkeit Sättigung

‣ Farbkurven, Invertieren

‣ Farben ersetzen

‣ …..

7

Page 8: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

BLENDER

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik 8

Page 9: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Blender

‣ 3D Animations/Modellierungs Software, Crossplattform

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Entwickelt von NeoGeo und NaN, Freigekauft September 2002

‣ Jetzt OpenSource, Entwicklung gesteuert von der Blender Foundation

‣ Charakteristische Merkmale:

‣ „Eigenes“ Interface, Keyboard-Shortcuts

‣ Erweiterbar durch Python Plugins

‣ Flexibel mit anderen Raytracern kombinierbar

9

Page 10: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Features

‣ Modellierung

‣ Polygonmeshes, NURBS surfaces, Metaballs, Subdivision Surface models, …

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Animation

‣ Inverse Kinematic, skeletal, shape-key morphing, mesh collision detection, …

‣ Node-based Compositor

‣ Physics & Particles

‣ Mächtige „.blend“-Dateien, Export/Import von Dateien

10

Page 11: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Blender Interface - default

Menu

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik 11

Hauptfenster

Eigenschaften

Typ

Submenu

Toolbar

Page 12: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Kleiner Tipp

‣ Interface anpassen:

‣ An Kante von Panel/Panel bzw. Panel/Fensterrand rechtsklicken

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Mit Befehl “Split area” neues Panel aufmachen und über Typ definieren!

12

Page 13: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Modellierungskonzepte

‣ Es gibt 2 „Hauptmodi“

‣ Object Mode

‣ Bearbeitung betrifft ganzes Objekt

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ Bearbeitung betrifft ganzes Objekt

‣ Edit Mode

‣ Bearbeitung betrifft einzelne Punkte

‣ Verschiedene Manipulator modi

‣ Translation, Rotation, Skalierung

‣ Mausinteraktion

‣ Linksklick führt Manipulationsmodi aus

‣ Rechtsklick wählt aus

13

Page 14: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Modellierungskonzepte II

‣ Betrachtungsmodi

‣ Bounding Box, Wireframe, Solid, Shaded Textured

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ (Mehrere) Basisformen aus Menu („Add“) hinzufügen

‣ Modifizieren:

‣ Punkte verschieben

‣ Aufteilen

‣ Punktezusammenfassen

‣ Exportieren!

14

Page 15: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Links

‣ GIMP

‣ http://www.gimp.org/

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

‣ http://de.wikibooks.org/wiki/GIMP

‣ http://en.wikibooks.org/wiki/GIMP

‣ Blender

‣ http://www.blender.org/

‣ http://de.wikibooks.org/wiki/Blender_Dokumentation

‣ http://en.wikibooks.org/wiki/Blender_3D

15

Page 16: Einführung in die Computergraphik · GIMP Interface Bildfenster Ebenen, Kanäle, B-CG Einführung in die Computergraphik Prof. Dr. Detlef Krömker, Sebastian Schäfer Graphische

Vielen Dank:)

B-CGEinführung in die Computergraphik

Prof. Dr. Detlef Krömker, Sebastian SchäferGraphische Datenverarbeitung, Institut für Informatik

B-CGEinführung in die Computergraphik

Vielen Dank:)

16