.:: graf-o-matic 2.1 ::. (Blog zu Computergrafik, Visual FX und Post-Production) : Rubrik:Technisches

Bullet Time

claus_01 — 2008-04-16T18:21:00Z

Image © Copyright 1999 by Warner Bros.

Das ist das, womit ich mich gerade beschäftige - genauer gesagt: die Spuren der Kugeln in der Luft. Nach langem Rätseln hat mich jetzt meine aktuelle Beschäftigung mit ImageMagick einen deutlichen Schritt weitergebracht. Ich vermute, daß es sich hier um eine Art Displacement-Shader handelt.

ImageMagick: Grundlagen (1)

claus_01 — 2008-04-14T20:32:00Z

Für Leute, die ImageMagick gerade erst entdeckt haben, hier meine Vorgehensweise bei relativ einfachen Shell-Befehlen:

$HOME~: [Kommando] [Operand(en)] [Parameter] [zu_bearbeitende_Grafik] [fertige_Grafik]
$HOME~: display [fertige_Grafik]

Falls das erste Ergebnis noch nicht zufriedenstellend ist, einfach (unter Linux) mit

$HOME~: rm [fertige_Grafik]

die fertige Grafik löschen und dann den ersten Teil noch einmal (mit neuen Kommados bzw. Optionen; es kann oft auch sein, daß lediglich einer oder mehrere Parameter geändert werden müssen, z. B. beim Weichzeichnen einer Grafik o. ä.).

Über das Kommando 'display [File]' wird eine Grafik in einem Fenster angezeigt.¹ Über 'display' könnt ihr übrigens auch eine grafische Benutzeroberfläche für ImageMagick aufrufen (dazu einfach auf der angezeigten Grafik links-klicken). Diese Oberfläche stellt allerdings nur eine rudimentäre Auswahl der wirklich beeindruckenden Kommandos und Optionen von ImageMagick zur Verfügung. Für komplexere Sachen empfieht sich also schon das Arbeiten mit einer Shell bzw. mit Scripts.

▻ Weitere Beiträge zu ImageMagick.

¹ Das geht nebenbei bedeutend schneller, als extra ein Grafikprogramm zu starten.

ImageMagick: Objekte freistellen

claus_01 — 2008-04-05T10:39:00Z

Statt Objekte in einem Bitmap-Editor (z. B. mit Hilfe von Pfaden) freizustellen, hier ein anderer Ansatz: Compositing in ImageMagick. Wenn man es einmal geschafft hat, von GUI-basiertem Editing auf das Eingeben von Shell-Befehlen umzudenken, ist es absolut super, was man da alles machen kann.

Nur ein Beispiel:

Um die Stofftextur (Bild 1) freizustellen, habe ich in ImageMagick über den Operanden '-compose' einfach den weißen Hintergrund (Bild 2) abgezogen. Was übrig bleibt, ist die Stofftextur mit einem Alpha-Kanal (Bild 3).

Hier der Code meines Shell-Scripts:

#!/bin/sh

convert bild_01.png -fuzz 25% -transparent white bild_02.png \
-compose change-mask -composite bild_03.png

display bild_03.png

Die letzte Zeile ist nur dazu da, um das fertige Bild zur Kontrolle anzuzeigen; im Prinzip kann man sie auch weglassen. Bei einer anderen Hintergrundfarbe das 'white' einfach durch die entsprechende Farbe ersetzen. Bild 2 muß dann natürlich auch diese Farbe haben. (Nicht vergessen, bei dem Shell-Script vorher mittels 'chmod a+x' das Execute-Flag zu setzen.)

▻ Weitere Beiträge zu ImageMagick.

Bitmap-Editing in Inkscape

claus_01 — 2008-04-04T22:30:00Z

Nur so auf die Schnelle ein paar Punkte zum Thema "Bitmap-Editing in Inkscape". So kann man/frau z. B.

Objekte freistellen
Über Bitmaps zeichnen (z. B., um Teile einer Bitmap zu retuschieren; Stichwort: "vector painting")
Masken erstellen
u.v.a.m.

Durch das wirklich phantastische Handling der Splines in Inkscape kann man schnell und präzise Kurven zeichen, wie das so z. B. im Gimp nie möglich wäre. Außerdem sind da das inzwischen wesentlich verbesserte Verlaufswerkzeug und die Möglichkeit, sowohl Ränder als auch Füllfarbe separat weichzuzeichnen. Objekten kann man beispielsweise auch eine beliebige Bitmap als Füllmuster zuordnen usw. usf. - die Möglichkeiten sind wirklich endlos.

Tip: Für den (verlustfreien) Import und Export von Bitmaps in bzw. aus Inkscape am besten PNG verwenden.

'Resize' in ImageMagick

claus_01 — 2008-04-02T06:51:00Z

Gerade hat mich Fred Weinhaus von der ImageMagick-Mailingliste auf den Artikel "ImageMagick v6 Examples—Resize or Scaling" hingewiesen, der, wie ich finde, eindrucksvoll die Möglichkeiten von ImageMagick deutlich macht. Je mehr ich mich mit ImageMagick beschäftige, desto mehr werden mir auch die Einschränkungen der "Click-and-go"-Philosophie bewußt, zu der gängige Grafikprogramme mit GUI (grafischer Benutzeroberfläche) verführen. Nicht umsonst arbeiten FX-Studios extensiv mit Scripts.

▻ Weitere Beiträge zu ImageMagick.

RenderMan-Unterstützung in Blender

claus_01 — 2008-03-30T20:01:00Z

Der Website BlenderNation zufolge unterstützt Blender jetzt auch den RenderMan®-kompatiblen Renderer 3Delight. Mehr über Blender -> RenderMan® erfahrt ihr auch in diesem Beitrag.

UFRaw

claus_01 — 2008-03-26T19:17:00Z

Eine gute Ergänzung zu den Links zum Thema "Farbmanagement", die ich in einem Beitrag vor ein paar Tagen gepostet habe, ist das Online-Forum (englisch) zu UFRaw. Empfehlenswert werden wohl auch die Posts der UFRaw-Mailinglisten (ebenfalls englisch) sein.

CIELAB

claus_01 — 2008-03-19T20:24:00Z

In der englischsprachigen Wikipedia ist ein guter, auf den Punkt gebrachter Artikel zu dem Farbraum L*a*b* (CIELAB) zu finden.

"CIE L*a*b* (CIELAB) is the most complete color model used conventionally to describe all the colors visible to the human eye."

Und: Um eine Gefühl für die gebräuchlichsten Farbräume zu bekommen, gibt es z. B. das Color Space Conversions Applet [erfordert Java].

Farbmanagement und Farbkorrektur

claus_01 — 2008-03-17T10:12:00Z

Gerade für Leute, die mit Open Source-Software arbeiten (aber auch für alle anderen), möchte ich an dieser Stelle ein paar Links zu Artikeln bzw. Websites posten, die Farbmanagement, Farbkorrektur bzw. Kolorierung zum Thema haben. Die betreffenden Sites sind hauptsächlich auf Englisch.

CinePaint 16-bit imaging. From digital camera to print. Geschrieben von Kai-Uwe Behrmann, einem der CinePaint-Entwickler, geht es in diesem Beitrag speziell um den Workflow RAW -> RGB (16-bit) in CinePaint.
OpenRAW.
UFRaw. Utility to read and manipulate raw images from digital cameras.
International Color Consortium (ICC).
Telecine in der Wikipedia (englisch)
The Telecine Internet Group Wiki.
Rob Lingelbach. Colorist.
Kevin Shaw. Freelance film and video colorist.
Colour Order Systems in Art and Science (auch auf Deutsch).
The color tools site. CMS, ICC, ... .
LittleCms. A free, open source, CMM engine. It provides fast transforms between ICC profiles.
The Faber Birren Collection Of Books On Color. Der Amerikaner Faber Birren ist insofern interessant, als er in "Principles Of Color" (1969) eine Farbtheorie beschreibt, die sich auf den in der Computergrafik verwendeten HSV-Farbraum [englisch] bezieht (auch wenn dieser Farbraum in dem Buch nicht explizit erwähnt wird).

Workflow (8-bit)

claus_01 — 2008-01-21T09:08:00Z

Als Ergänzung zu meinem etwas älteren Beitrag "Workflow", der sich auf 16-bit-Bearbeitung bezieht, hier die Variante für 8-bit (immer pro Kanal, also 24 bit RGB bzw. 32 bit RGBA).

Austauschformat ist hier PNG, das sich wohl am besten eignet, obwohl man/frau in Inkscape auch TIFF oder TGA importieren kann. Beim Export von PNGs von Inkscape aus ist bei eingebetten Bitmaps (PNGs) wichtig, daß die Standardeinstellungen von Inkscape (bzgl. der Größe der zu exportierenden Grafik) beibehalten werden, da es sonst bei den eingebetten Bitmaps zu Verzerrungen kommen kann. Ansonsten kann man durch die abwechselnde Bearbeitung z. B. in Inkscape bzw. dem Gimp¹ schicke Sachen machen. Der einzige Nachteil ist, daß man eben auf 8-bit/Kanal beschränkt ist.

Optional kann man/frau hier natürlich auch noch Tools wie OptiPNG bzw. ImageMagick in den Workflow einbeziehen.

¹ Ich beschränke mich hier auf Open Source-Software, einfach, weil ich selbst damit arbeite. Dasselbe ist natürlich auch etwa mit der Kombination Photoshop-Illustrator möglich.

Holzrahmen

claus_01 — 2008-01-20T07:42:00Z

Verwendete Software: Gimp 2.2.8 mit dem Resynthesizer-Plugin von Paul Harrison.

Zu den Klängen des allerersten Albums von Santana (gerade läuft "Evil Ways") hier mein neuester Versuch, im Gimp eine Wurzelholztextur zu erzeugen. Ausgangstextur war das im Gimp enthaltene Muster 'burlwood'.

Tutorial: Wassereffekt im Gimp

claus_01 — 2008-01-17T20:45:00Z

Verwendete Software: Gimp 2.2.8 mit dem Resynthesizer-Plugin von Paul Harrison.

Da ich gerade absolut keine Energie übrig habe, um ein ganzes Tutorial über den coolen Wassereffekt im Gimp zu schreiben, wollte ich für Interessierte an dieser Stelle wenigstens ein paar Tips geben.

Der Schlüssel für die unregelmäßige bump map ist das Resynthesizer-Plugin von Paul Harrison, das einfach ins Plugin-Verzeichnis des Gimp kopiert wird und dann (ggf. den Gimp neu starten) unter 'Map > Resynthesize..' zu finden ist. Mit diesem Plugin ist es möglich, sog. near-linear textures zu erzeugen, die deutlich realistischer wirken als herkömmliche kachelbare Texturen.

Ich habe bei dem Plugin die Standardeinstellungen verwendet. Hier sehr ihr das - bereits weichgezeichnete - Ausgangsmuster, das ihr z. B. bekommt, wenn ihr den Filter 'Filters > Render > Clouds > Plasma' benutzt, das fertige Muster in Graustufen umwandelt und mit dem Zauberstab soviel auswählt, daß nur so etwas wie das folgende Muster übrigbleibt:

Auf dieses Muster, das ich bereits etwas weichgezeichnet habe, wird nun das Resynthesizer-Plugin angewandt. Wichtig ist dabei, wie hier bereits zu sehen ist, das Ausgangsmuster auszuwählen und dann die Auswahl zu invertieren. Die Grauwerte des fertig synthetisierten Musters werden ebenfalls invertiert. So hat man die bump map, die man dann für den Wassereffekt verwendet.

Der Rest ist im Prinzip relativ einfach (ausprobieren) und besteht in der mindestens zweimaligen Anwendung von 'Filters > Light Effects > Lighting Effects' auf eine neu angelegte weiße Ebene. Wichtig ist hier, die bump map gleichzeitig als environment map zuzuordnen. Ich habe den Filter zweimal durchlaufen lassen, wobei ich nur die Position der Lichtquelle verändert habe: 1. die Standardeinstellung (Typ: directional),¹ und beim zweiten Durchlauf etwa in der Zwei-Uhr-Position.

Danach müssen nur noch die Farben je nach Wunsch angepaßt werden.

¹ Mein Interface ist englisch; für deutschsprachige Versionen bitte in das entsprechende Untermenü gehen; das müßte etwa 'Filter > Licht > Lichteffekt' o. ä. heißen.

Wassereffekt im Gimp

claus_01 — 2008-01-14T22:24:00Z

Verwendete Software: Gimp 2.2.8

Durch Zufall habe ich gerade entdeckt, wie man mit dem Gimp einen schönen Wassereffekt hinbekommt. Der Schlüssel ist die bump map, die ich gleichzeitig als environment map benutzt habe. Wie man also sieht, kann man bei einigem Herumprobieren auch im Gimp schöne Sachen hinbekommen.

Ich werde zu diesem Effekt auch noch ein Tutorial machen und hier posten.

Type in motion

claus_01 — 2008-01-10T03:11:00Z

Screenshots © Copyright by Computer Arts.

Auf der Website von Computer Arts habe ich gerade ein interessantes Tutorial zum Animieren von Schrift mittels Flash und After Effects entdeckt, daß ihr euch kostenlos (PDF + die betreffenden Files) herunterladen könnt.

Als gute Ergänzung kann ich das Buch "Type in motion" von Jeff Bellantoni und Matt Woolman empfehlen - nebenbei eines der besten Grafikbücher, die ich kenne.

Fund

claus_01 — 2007-11-27T16:38:00Z

Verwendete Software (Texturen und Montage): Gimp 2.2.6

Als ich gerade im Gimp mit einer Textur herumprobiert habe, ist mir die obige Alligatorenhaut-Textur (ganz rechts) eingefallen, die ich vor einiger Zeit mehr oder weniger per Zufall ebenfalls im Gimp über einen Mosaik-Filter und ein paar Zusatzschritte hinbekommen habe. Etwas peinlich: Eben diese Zusatzschritte fallen mir gerade nicht mehr ein! (Nobody's perfect! ;-) Ich finde die Textur jedenfalls so schön, daß ich sie hier nochmal posten wollte. Die Grafik oben zeigt auch (von links nach rechts) die einzelnen Layer, die ich benutzt habe.

Die Goldtextur hatte ich mir mal separat gemacht; sie ist aber nicht entscheidend, da sie beim folgenden Arbeitsschritt verloren geht (es sieht halt schön aus ;-). Dieses Muster in den verschiedenen Ocker-/Brauntönen ist die im Gimp enthaltene "Burlwood"-Textur (mein Interface ist englisch).