Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

DVD-Werbung
Passend zum Inhalt empfehlen wir unsere:

Illustrator-Workshop-DVD - Basics & Tricks

  • 27 Stunden Video-Training - Schritt für Schritt Illustrator ergründen
  • 60 Tutorials mit über 1.500 PDF-Seiten Know-how
  • Geeignet für Illustrator ab CS3, für MAC und PC
Jetzt informieren Trailer ansehen

Kommentare

  • Alternative Portrait von nasto

    nasto

    16.07.2011 - 00:50

    Vielen Dank für die Bemühungen

  • Portrait von vitafutura

    vitafutura

    16.06.2011 - 15:07

    nette informationspräsentation zum thema vektor grafiken

  • Alternative Portrait von tinara

    tinara

    29.08.2010 - 18:25

    Sehr anschaulich und gut erklärt.

  • Alternative Portrait von Cordelia44

    Cordelia44

    29.07.2010 - 17:53

    Vielen Dank für die Erläuterungen. Jetzt habe ich eine ungefähre Vorstellung von Vektorgrafiken.

  • Alternative Portrait von defkev

    defkev

    29.07.2010 - 16:21

    danke für die hilfreichen informationen!

  • Alternative Portrait von agrups

    agrups

    29.04.2010 - 00:56

    absolut hilfreich, merci

  • Alternative Portrait von NefasSuavis

    NefasSuavis

    22.04.2010 - 19:47

    Ich bin um eine ganze Ecke schlauer geworden.
    Vielen Dank dafür!!!

  • Alternative Portrait von Chip_91

    Chip_91

    22.04.2010 - 12:29

    sehr aufschlussreich, danke!

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    14.04.2010 - 01:34

    super tutorial, vielen dank

  • Portrait von S_A_M

    S_A_M

    26.03.2010 - 14:45

    Wirklich gut erklärt und hilfreich!
    Danke das Du Dein Wissen weitergibst!

  • Alternative Portrait von dave46

    dave46

    01.03.2010 - 17:06

    Super Einstiegserklärungen und schön bildtechnisch unterstützt!

  • Alternative Portrait von schmiddl89

    schmiddl89

    16.02.2010 - 21:39

    einfach klasse, genau das richtige, ewnn man gerade erst anfängt sich damit zu beschäftigen, dankeschööön

  • Portrait von FalQ

    FalQ

    14.01.2010 - 14:08

    schöner vergleich! :)

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    13.01.2010 - 10:37

    super erklärung!!!
    DANKE!!!

  • Alternative Portrait von funnyboss

    funnyboss

    04.01.2010 - 18:29

    Sehr gutes Tut, das für einen Anfänger sehr hilfreich ist, den Überblick zu bekommen! Danke! Prima erklärt!

  • Alternative Portrait von BassMeister

    BassMeister

    17.12.2009 - 14:43

    danke für die gute erklärung

  • Alternative Portrait von Andy3773

    Andy3773

    04.10.2009 - 19:55

    Sehr gut und sehr verständlich:-)

  • Alternative Portrait von knoblich

    knoblich

    01.10.2009 - 12:07

    stimmt der hintergrund der ringe sieht eher nach einem pixelbild aus...
    aber super erklärt

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    06.08.2009 - 13:36

    Jupp, kurz und knackig auf den Punkt gebracht :)
    Bei den Ringen liegt aber noch ein Pixelbid im Hintergrund oder sind die ganzen kleinen Farbkacheln auch vektorisiert worden?

  • Alternative Portrait von Wirbel099

    Wirbel099

    14.07.2009 - 15:42

    Einfach erklärt und daher richtig gut!

Weitere Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


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


Webdesign Darmstadt • vBulletin 0.039 • ZF-App 0.503 • Total 0.542