Wie erstelle ich Vektorgrafiken in Photoshop?

Ich weiß, dass die Leute CorelDraw oder Adobe Illustrator bevorzugen, aber ich möchte wissen, ob es eine Technik gibt, mit der ich Adobe Photoshop zum Erstellen von Vektorgrafiken verwenden kann .

TL; DR: Photoshop kann keine echten Vektorgrafiken erstellen. Dies ist ein sehr häufiges Missverständnis.

Stellen Sie es sich wie ein Auto vor. - Können Sie mit einem Toyota Prius Allrad fahren? Sicher , dass Sie können ! Wird es alles tun, was ein Jeep Wrangler kann? Mist nein. Es gibt einen Grund , Sie benötigen ein 4-Rad-Fahrzeug verwenden zu gehen 4 Lauf, so wie es ist ein Grund , Sie benötigen eine Vektor - Anwendung zu verwenden , Vektor - Dateien zu erstellen.

Unabhängig davon, wie Sie eine Datei erstellen und speichern, speichert Photoshop immer sowohl Vektor- als auch Rasterinformationen . Dies ist anders als bei jeder echten Vektoranwendung.

Sie können nicht erstellen Vektor - Dateien mit Photoshop. Sie können Rasterdateien nur mit einigen eingebetteten Vektordaten erstellen. Dies bedeutet, dass ein Vektorquadrat vorhanden sein kann und seine Kanten scharf und scharf bleiben, wenn dieses Quadrat jedoch eine Verlaufsfüllung aufweist. Das Verlaufsfüllung ist Raster vollständig und es wird auf einige Skalierung leiden.

Anwendungen wie Illustrator, Inkscape, CorelDraw, Xara, Sketch usw. können tatsächlich nur 100% auflösungsunabhängige Vektordaten enthalten. Es geht nicht darum, dass "Leute es vorziehen", eine Vektoranwendung zu verwenden. Es ist erforderlich, wenn Sie am Ende eine echte Vektordatei haben möchten.

Dies ist nicht zu sagen , dass die Vektor - Werkzeuge in Photoshop sind insgesamt minderwertig, sie sind nicht . Ja, Sie können mit den Vektorwerkzeugen in Photoshop zeichnen und Vektorinhalte erstellen. Um jedoch den tatsächlichen Nutzen dieses Vektorinhalts in Photoshop zu erzielen, müssen Sie Photoshop immer für alle zukünftigen Änderungen verwenden. Wenn Sie einen Vektorcontainer in Photoshop vergrößern oder transformieren , interpoliert Photoshop die inneren Rasterdaten entsprechend der Transformation. Diese Interpolation nichtaußerhalb von Photoshop passieren. Nach dem Exportieren / Speichern können Sie also so etwas wie ein Photoshop-EPS skalieren. Die Vektorkanten werden skaliert und bleiben scharf, da es sich um Vektoren handelt. Die Interpolation der Rasterdaten erfolgt jedoch nicht außerhalb von Photoshop. Mit einem Photoshop-EPS sind "kaputte Pixel" durchaus möglich, obwohl Sie Vektorwerkzeuge verwendet haben. Dieses Problem tritt auf, wenn Sie speichern die Datei oder exportieren sie. In allen vektorfähigen Formaten - PDF, EPS, PSD - erstellt Photoshop eine Rasterdatei mit eingebetteten Vektordaten. Photoshop ist nicht eine Vektordatei erstellen. Dies ist völlig anders als bei tatsächlichen vektorbasierten Anwendungen.

Für Produktionszwecke ist dieser Unterschied möglicherweise unwichtig, wenn Sie bereits mit einem hohen ppi in Photoshop arbeiten. Ein Benutzer sollte sich jedoch darüber im Klaren sein, dass durch einfaches Verwenden der Vektorwerkzeuge von Photoshop und Speichern als EPS / PDF keine Vektordateien mit einer derzeit verfügbaren Version von Photoshop erstellt werden (CC2017 ist die neueste Version).

Einige Benutzer möchten, dass Photoshop Vektordateien erstellt, da sie keine neue Anwendung lernen müssen, um ein neues Dateiformat zu generieren. Es führt jedoch kein Weg daran vorbei. Wenn Sie tatsächliche Vektordateien wünschen , müssen Sie eine tatsächliche Vektoranwendung verwenden. Photoshop war und ist eine Rasteranwendung , daher der Name "Foto".

Chippin 'in, für den Fall, dass noch Vektorelemente in Photoshop erstellt werden sollen (z. B. zur Verwendung mit Rasterbildern oder in einer anderen Situation).

Das in Photoshop verfügbare Werkzeug, mit dem Sie mit Vektorgrafiken arbeiten können, ist das Stiftwerkzeug . Die grundlegende Bedienung des Stiftwerkzeugs besteht darin, auf die Photoshop-Zeichenfläche zu klicken, um Punkte anzuzeigen. Diese Punkte werden durch Linien verbunden und bilden eine Form.

Im Vergleich zu anderen Programmen (wie Illustrator) können Sie mit den Formen genau das tun, was irgendwie fehlt, wenn Sie sie gezeichnet haben. In Photoshop können Sie Knoten zeichnen, ändern und kombinieren, schneiden oder subtrahieren, aber Sie können keine komplexeren Vorgänge ausführen.

In den Adobe-Foren finden Sie eine umfassende Anleitung für den Einstieg in das Pen Tool .

Sie können die von Ihnen erstellten Pfade in eine Illustrator-Datei exportieren. Die Grundansicht ist jedoch, dass Photoshop für Rasterbilder und Illustrator für Vektorgrafiken erstellt wurde. CorelDraw macht beides in einem Programm, aber der Nachteil ist, dass es nicht so gut ist wie Adobe, imo.

Ich denke, dieser Thread braucht eine Zusammenfassung, sonst können die Leser noch verwirrt sein. Den meisten Lesern ist es egal, ob es sich um "echte Eps" - oder "echte Vektordateien" handelt, sie möchten einfach nur etwas erledigen. Sie sollten jedoch die Grenzen und Einschränkungen bestimmter Techniken kennen. Hier sind die Schlüsselbegriffe, die in den Antworten angegeben sind:

1. Photoshop ist ein auf Pixeln (Raster) basierendes Bildverarbeitungswerkzeug mit einigen Vektorfunktionen. Es wurde ursprünglich entwickelt, um pixelbasierte Bilder (z. B. digitale Fotos) zu bearbeiten und zu speichern, hat sich jedoch zu einem viel flexibleren Werkzeug entwickelt.

2. Illustrator ist ein vektorbasiertes Bildverarbeitungstool mit einigen Rasterfunktionen. Vektorbasierte Bilder speichern keine Pixelinformationen, sondern das Bild als Daten, die von einem vektorbasierten Bildzeichenprogramm interpretiert werden.

3. Für beide Arten von Bilddateien ist ein Computerprogramm erforderlich, um die Dateidaten für die Anzeige oder den Druck vorzubereiten. Letztendlich erfordert der Drucker oder Computer jedoch, dass das Bild im Pixelformat vorliegt. Vektorbasierte Dateien erfordern daher mehr Verarbeitung. Der Hauptkompromiss zwischen Vektorformat und Pixelformat besteht darin, dass Vektorformate so skaliert werden können, dass sie in einer Vielzahl von Auflösungen gut aussehen. Pixelformate leiden unter anderen Auflösungen als der Auflösung, in der sie erstellt wurden. Pixelformate erfassen kleine Details und geringfügige Änderungen im Bild viel besser als Vektorformate. Infolgedessen eignen sich Pixelformate besser für Fotografien oder realistische Gemälde, und Vektorformate eignen sich besser für Logos und einfache web- und mobilbasierte Kunst.

4. Da die beiden Formate komplementäre Stärken haben, ist es sinnvoll, beide zu verwenden. In diesen Fällen können Sie festlegen, dass Ihre Bilder sowohl mit Photoshop als auch mit Illustrator (oder CorelDraw - beides) erstellt und bearbeitet werden sollen. Sie können auch die Vektorwerkzeuge in Photoshop oder die Rasterungswerkzeuge in Illustrator verwenden. Der beste Ansatz wird von Fall zu Fall festgelegt. Die naheliegende Richtlinie besteht darin, das primäre Werkzeug basierend auf dem benötigten Ausgabeformat auszuwählen.

5. Wenn Sie in Photoshop Vektorwerkzeuge für ein pixelbasiertes Bild verwenden möchten, können Sie dazu das Stiftwerkzeug oder Photoshop Generate verwenden. Sie können dann die Vorteile der Entwicklung mit Vektorgrafiken entweder in Photoshop oder durch Exportieren der Vektorgrafiken in Illustrator nutzen. Nachdem Sie Illustrator verwendet haben, können Sie die Grafik wieder in Photoshop einfügen, wenn Sie sie letztendlich in einem pixelbasierten Format speichern möchten.

Der Generator von Photoshop kann SVGs speichern (ja, richtige SVGs nur für Vektoren, die auf in Photoshop erstellten Formebenen basieren). Sie benötigen dafür jedoch Photoshop CC 2014.2 (oder 2014.1).

Hilfe von Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Dieses Photoshop-Dokument:

Erstellt diese SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245">
  <defs>
    <style>
      .cls-3 {
        fill: #fc6665;
      }
    </style>
  </defs>
  <g id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>