Anzeige
Tutorialbeschreibung

Vor- und Nachteile von Vektorgrafiken in Abgrenzung zu Pixelgrafiken

Vor- und Nachteile von Vektorgrafiken in Abgrenzung zu Pixelgrafiken

Vektorgrafiken – Vor- und Nachteile von Vektorgrafiken in Abgrenzung zu Pixelgrafiken

Eine Vektorgrafik besteht meistens aus Linien, Kreisen, Polygonen und Kurven. Vektorgrafiken sind in der Regel zweidimensional:

Bilder


 
 
Allerdings bietet Illustrator auch einfache 3D-Funktionen für Vektoren:

Bilder


 
 
Um z. B. das Bild eines Kreises zu erstellen, benötigt eine Vektorgrafik mindestens zwei Werte: die Lage des Kreismittelpunkts und den Kreisdurchmesser. Neben der eigentlichen Form und Position werden auch die Farbe, die Stärke des Striches, Füllmuster usw. angegeben.

Bilder


 
 
Gegenüber Fotos, die als Raster- /Pixelgrafik aufgebaut sind und bei denen jedem Pixel ein Farbwert zugeordnet ist, basieren Vektorgrafiken auf einer Bildbeschreibung durch mathematische Werte, die die Objekte, aus denen das Bild aufgebaut ist, exakt definiert. So kann beispielsweise ein Viereck in einer Vektorgrafik über die Lage der vier Eckkanten, Linienstärke und Farbe vollständig beschrieben werden; nur diese Werte werden in die Datei gespeichert. Im Vergleich zu Rastergrafiken, also Fotos, die mit z. B. Photoshop bearbeitet werden, lassen sich Vektorgrafiken daher mit viel geringerer Dateigröße speichern.

Interessant zu wissen: Illustrator arbeitet nach der Methode vom Renault-Ingenieur Pierre Bézier. Daher auch der Name Bézier-Kurven. In Illustrator werden alle Linien, die aus einer oder mehreren Kurven aufgebaut sind, als Pfade betitelt.

Bilder


 
 
Für Vektorgrafiken gibt es verschiedene Dateiformate, wobei sich SVG (Scalable Vector Graphics), EPS (Encapsulated Postscript) oder AI (Adobe Illustrator Document) durchgesetzt haben.

Bilder


 
 
Der größte Vorteil von Vektorgrafiken gegenüber Pixelgrafiken ist die Möglichkeit, Grafiken unendlich zu skalieren, und das ohne Qualitätsverlust und höheren Speicherbedarf.

In diesem Beispiel habe ich einmal links die Zahl als Vektorgrafik und rechts als Pixelgrafik bei 493% Zoom. Bei 100% wären vielleicht beide halbwegs gleich scharf, aber sobald ich beide vergrößere, ist das Ergebnis wie beim Zoom: Das Pixelbild zeigt eindeutig einen Treppeneffekt und ist gegenüber dem Vektorbild extrem schlecht in der Qualität.

Bilder


 
 
Leider hat die Vektorgrafik einen Nachteil: Es ist leider kaum möglich, viele Details in den Grafiken einzubinden. Deshalb können damit auch keine Fotos erstellt werden.

Bilder



 
 
Aber für Firmenlogos, Grußkarten, Comics und Flyer ist die Vektorerstellung die richtige Wahl. Hier habe ich drei Beispiele von Vektorgrafiken. Beispiel 1 ist eher einfach aufgebaut:

Bilder


 
 
Beispiel 2 ist da schon viel komplexer und dementsprechend zeitaufwendiger:

Bilder


 
 
Beispiel 3 zeigt eine sehr aufwendige Illustration eines Hochzeitsringes, die beim ersten Blick fast schon fotorealistisch wirkt (dieses Ergebnis ist nur zu erreichen, wenn sehr viele Verläufe und kleine Einzelpfadflächen angelegt werden, die zudem mit diversen Filtern optimiert wurden):

Bilder


 
 
Bei genauerem Hinschauen (Zoom über 600%) sieht man die einzelnen Flächen, die bei 100% wie Diamanten wirken. Dabei sind das alles nur mathematische Formen. Zusätzlich wurde noch ein Weichzeichner über bestimmte Flächen eingefügt.

Bilder


 
 
Außerdem können im Vektorbearbeitungsprogramm auch sehr viele Vektoren vorliegen, und trotzdem ist die Bearbeitung weiterhin schnell möglich. Würde man dagegen in Photoshop Hunderte Ebenen in einem Dokument bearbeiten, so käme es schnell vor, dass ohne genügend Arbeitsspeicher auf die Festplatte ausgelagert werden muss und dann das Programm immer langsamer wird. In meinem Beispiel liegen über 100 Ebenen in dem Ebenenbedienfeld, und der Computer läuft immer noch wunderbar schnell und ich kann somit jede einzelne Fläche ohne Verzögerung bearbeiten:

Bilder


 
 
Illustrator kann auch Vektorgrafiken in Pixelbilder umwandeln. Dazu klicke ich im Menü auf Objekte>In Pixelbild umwandeln:

Bilder


 
 
Vektorgrafiken können auch im Web im SVG-Format angezeigt werden, jedoch beherrschen nicht alle Browser dieses Format (vor allem nicht der Internet Explorer).

Bilder


 
 
Alternativ kann die Vektorgrafik auch als Flash-Datei exportiert und im Web angezeigt werden. Es können sogar Photoshop-Effekte auf Vektorgrafiken angewendet werden (Menü>Effekte>Photoshop-Effekte).

Bilder


 


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von fe_web
  • 04.01.2017 - 22:17

Danke für dieses Video

Portrait von adobeuser01
  • 27.09.2016 - 23:41

Vielen Dank für die Bemühungen !

Portrait von nasto
  • 16.07.2011 - 00:50

Vielen Dank für die Bemühungen

Portrait von vitafutura
  • 16.06.2011 - 15:07

nette informationspräsentation zum thema vektor grafiken

Portrait von renezellweger
  • 28.03.2011 - 18:05

bin neu im illustrator, die videos helfen enorm.
danke

Portrait von susanncarmen
Portrait von BlazinGun
  • 04.06.2010 - 23:18

Auf jeden Fall sehr hilfreich für den Einstieg in Illustrator

Portrait von Kessedi
  • 21.02.2010 - 14:29

zum Thema vektoriesieren hab ich noch Null Erfahrung.
hat mir beim durchstarten mit Vektorgrafiken eine schöne Einleitung gegeben

Portrait von rebell529
  • 21.11.2009 - 11:00

Hat mir bei der Entscheidung auf Illustrator zu wechseln geholfen..

Portrait von TrueBob
  • 07.09.2009 - 22:09

Vielen dank! Weiter so!

Portrait von effiboy
  • 19.08.2009 - 01:31

super wirklich gut erklärt

Portrait von Somnivee
  • 04.06.2009 - 17:30

Sehr gut und ausführlich erklärt, vielen Dank für das prima Tutorial :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 04.06.2009 - 10:11

basis wissen pur!!basis wissen pur!!basis wissen pur!!vbasis wissen pur!!basis wissen pur!!basis wissen pur!!basis wissen pur!!basis wissen pur!!basis wissen pur!!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 04.06.2009 - 10:07

basis wissen pur! =D

Portrait von silver_bird
  • 01.06.2009 - 09:59

was man weiß was man wissen sollte . Besten Dank für das tutorial.

Portrait von sonje
  • 29.05.2009 - 17:27

Immer wieder nützlich, kann man gut gebrauchen, vielen Dank

Portrait von RRepa
  • 14.05.2009 - 06:56

doch wieder einiges dazugelernt

Portrait von Eragon
  • 13.05.2009 - 12:24

Ich freue ich schon auf diese Reihe. Der Anfang ist schonmal sehr schön. :)

Portrait von ZackBag
  • 11.05.2009 - 15:47

Schön Stefan.
Sowohl Vorteile als auch Nachteile gut dargestellt ;)

5 Sternchen (diesmal) von mir !

Portrait von FrankBauer
  • 10.05.2009 - 07:20

gut vermitteltes basis wissen

x
×
×