Perspektivisches Verzerren mit Inkscape

Es erstaunt mich immer wieder aufs neue, was Inkscape so alles kann. Seit eben weiß ich nun auch, wie man Pfade perspektivisch verzerren kann. Wer nicht lange suchen will, für den gibt’s hier die Anleitung.

Es gibt nur einige wenige Dinge zu beachten, die sind jedoch sehr wichtig, sonst klappt es nicht:

1. Alle zu verzerrenden Objekte müssen Pfade sein (oder in Pfade konvertiert).
2. Will man mehrere Objekte zusammen verzerren, müssen sie gruppiert (Strg+G) werden.
3. Danach zeichnet man den Verzerrungspfad als Bezierkurve – man muss dabei unten links anfangen, sonst wird die Verzerrung entsprechend verdreht.
4. Nun als erstes das zu verzerrende Objekt auswählen (bzw. die Gruppe), als zweites (mit angehaltener Shift-Taste) den Verzerrungspfad (bei Inkscape 0.47 unter Ubuntu ist das jedenfalls so, und nicht umgekehrt)
5. Unter Erweiterungen->Pfad modifizieren->Perspektive wählen und abwarten

Dieses Video führt das Ganze auch noch vor, aber Achtung, es behauptet, dass man die Objekte genau umgekehrt auswählen muss: Screencast Perspektivisches Verzerren mit Inkscape auf Youtube

Vektoren, aber mit allen Extras: Masken, Verläufe, Muster und Transparenz

Vor einigen Monaten berichtete ich darüber, dass man mit Inkscape sehr einfach professionelle Webgrafiken erstellen kann. Wer einige Zeit mit dem Programm arbeitet, und sich vor allem die Shortcuts aneignet, wird nicht mehr auf dieses absolut professionelle Open Source Tool zur Vektorbearbeitung verzichten wollen.

Ausgereiftes Formenkonzept

Die Formen von Inkscape sind wirklich einfach zu bedienen. Inkscape unterscheidet sinnvollerweise zwischen der Größe einer Form selbst als Eigenschaft und der Transformation von Elementen. So wird eine abgerundete Ecke eines Recktecks in den Formeigenschaften selbst definieren. Skaliert man später diese Form durch eine Transformation, so verziehen sich die Rundungen. Will man die Größe der Form ändern ohne dass sich die Eckenrundung verändert, so muss man die Breite und Höhe in den Formeigenschaften selbst ändern. Diese einfache Unterscheidung führt dazu, dass man sowohl mit Ecken als auch ohne Eckenskalieren kann. Das ist nur ein Beispiele, das zeigt, dass sich Programmierer der Open Source Software wirklich Gedanken gemacht haben.

Ein weiterer Vorteil bei Formen ist die Editierbarkeit der Formeigenschaften an der Form selbst. So hat das Rechteck einen Punkt, an dem man die Eckenrundung per Maus einfach ziehen kann. Am Kreis kann so zum einen der Radius, zum anderen der Endpunkt des Bogens verändert werden. Beim Stern erreicht diese Benutzerfreundlichkeit ihren Höhepunkt. Hier kann einfach aus einem Stern ein dreiarmiger Bumerang gezogen werden. Oder auch eine 64-fach gedrehte mathematische Kurve, wem es gefällt. Die Kreativität wird hier jedenfalls ordentlich angeregt.

Farbpaletten und Farbmischer

Was mich seit Jahren bei Adobe-Produkten gestört hat, waren die schlecht zu bedienende Farbmischer. Wollte man mal schnell in einem Menü eine Farbe auswählen, so musste man entweder mindestens drei Schieberegler verschieben und sich hierfür auch schon recht gut mit Farbenlehre auskennen, oder aber in einem winzigen Feld aus allen Farben auswählen. Inkscape liefert von Haus aus einige recht gute Paletten mit (lustigerweise u.a. auch Windows-Icon-Farben). Beim Farbmischer kann man aus sage und schreibe fünf Systemen auswählen, wobei das Farbrad mein persönlicher Favorit ist.

Tutorial als Inkscape-Dokument

Dass selbst die Tutorials und Einführungen Inkscape-Dokumente sind, zeigt eigentlich schon, dass die Macher selbst mit ihrem Programm arbeiten wollen. Hier wird alles von den Grundlagen über Formen und Farben bis hin zu Vektorisierung erklärt, antürlich mit den entsprechenden Shortcuts, denn teilweise sind Aufgaben nur über Tastenkürzel zu erledigen. Über diese Einführungen lernt man innerhalb weniger Stunden die Software komplett kennen. Auch wieder sehr Kreativitätsfördernd.

Was Inkscape nicht kann

Wer versucht, mit Inkscape Flyer mit Fließtext zu gestalten, wird auf ein Problem stoßen. Inkscape kann keine Silbentrennung. Insgesamt lässt das Textwerkzeug im Block zu wünschen übrig. Aber das liegt offensichtlich an den Beschränkungen von SVG. Vielleicht wird es da in Zukunft noch etwas entwicklung geben.

Das Tollste an Inkscape

Wer Webgrafiken exportieren will, wird seine wahre Freude mit Inkscape haben. Egal welches Element wir auswählen, Inkscape exportiert auch die Auswahl. Aber nicht nur die Auswahl, sondern alles, was im Auswahlbereich zu sehen ist. Das geht sogar soweit, dass man eine transparente Ebene über den gewünschten Exportbereich legen kann, so dass alles, was darunter liegt über einen Mausklick als Grafik exportiert ist. Keine Bildbearbeitung mehr nötig. Wo doch Adobe inzwischen schon auf ihrer Internetseite für CS4 mit Zeitersparnis wirbt: Mehr Zeit als mit Photoshop spart man, wenn man Photoshop gar nicht mehr öffnen muss.

Die Filter- und Vektorisierungsfunktionen habe ich bisher noch nicht getestet. Wenn ich mal bald dazu komme, werde ich natürlich hier im Blog darüber berichten.

Web 2.0 Grafiken mit Inkscape

Gestern habe ich nochmal ein kleines Inkscape-Tutorial abgearbeitet und dabei festgestellt, dass man definitiv Webgrafiken im Stil von Web 2.0 einfacher mit Inkscape erstellen kann.

Was man in Photoshop mit Effekten und Verläufen schafft, das sollte eigentlich alles mit Inkscape ebenso kein Problem sein. Dazu hat Inkscape noch immer einen großen Vorteil, denn es ist ein Vektorpgrogramm, und eine moderne Vorlage für ein Weblayout benötigt insbesondere Icons und stilisierte Grafiken. Endgültige Pixelbilder können durch Platzhalter ersetzt werden, da diese sowieso später mit dem CMS flexibel ausgetauscht werden sollten.
Ansonsten schwärme ich eigentlich nicht so sehr für die DTP-Programme unter Linux, das sie fast alle noch zahlreiche Bugs beinhalten, aber GIMP und Inkscape können sich inzwischen wirklich sehen lassen.