Wie erstelle ich Vektorgrafiken in Photoshop?

14

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 .

Chandan
quelle
Es gibt eine Abkürzung aus Photoshop, die für einfache Vektorgrafiken und Symbole hilfreich ist. Ich benutze es aus Geschwindigkeitsgründen, obwohl es hilfreich ist, wenn Sie mit dem Stiftwerkzeug und den Funktionen nicht vertraut sind. Erstellen Sie Ihre Illustration in Photoshop mit 240 dpi. Flache Farben ergeben die besten Ergebnisse. Für ein Icon verwende ich Schwarz. Export als JPG in maximaler Qualität. Führen Sie dies über eine App namens Vector Magic aus, und der Vektor wird für Sie erstellt (besser als die Bildspur des Illustrators). Sie können den Hintergrund in der App aussparen und zur Überarbeitung in Illustrator öffnen. Chatbot-Beispielcharakter: bit.ly/2AG8HrV
Applefanboy

Antworten:

23

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".

Scott
quelle
In Photoshop können Sie wirklich Vektorgrafiken zeichnen. Zum Beispiel exportiere ich normalerweise Vektoren von PS nach Flash. Daher können Sie echte Vektorgrafiken erstellen.
DanielBlazquez
@ Dani Ja, Sie können in Photoshop mit Vektoren zeichnen . Sie können jedoch keine echte Vektordatei aus Photoshop speichern (oder exportieren). Haben Sie diese Exporte überprüft? Ähnlich wie beim Exportieren nach Illustrator handelt es sich um Vektorcontainer mit Rasterfüllungen. Das ist keine echte Vektordatei. Das Beste, was Sie tun können, ist, Vektoren in Photoshop zu zeichnen, dann die Pfade zu exportieren und mit einer anderen echten Vektoranwendung Füllungen und Striche hinzuzufügen. Ich verstehe, dass die Leute wirklich wollen, dass Photoshop Vektordateien erstellt, aber die Wahrheit ist, dass Photoshop dies einfach nicht tut.
Scott
Die bloße Tatsache, dass Sie Flash verwenden müssen, ist ein weiterer Beweis dafür, dass Photoshop nicht ausreicht, um echte Vektordateien zu erstellen.
Scott
Was verstehen Sie unter echter Vektordatei?
DanielBlazquez
Kein Rasterinhalt. Am häufigsten versuchen Benutzer, die Photoshop unbedingt für Vektordateien verwenden möchten, Vektordateien auf Websites mit Mikrobeständen zu verkaufen. Und ähnlich wie auf diesen Websites sehe ich keine Datei, die eine Reihe von Vektorcontainern mit Rasterbildfüllungen enthält, als echten Vektor. Wenn Sie eine Datei mit Vektorcontainern und Rasterfüllungen skalieren, werden die Pixel in den Rasterfüllungen unterbrochen. Dies ist kein Vektor. Hinweis: Ich sage nicht, dass Sie mit Photoshop keine Dateien erstellen können. Vektorcontainer mit Rasterfüllungen eignen sich für die meisten Produktionsvorgänge. Aber sie sind keine wahren Vektoren.
Scott
4

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 .

Yisela
quelle
3

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.

Mr.Syrax
quelle
0

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.

David Walker
quelle
-1

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>
Marc Edwards
quelle
Ändern Sie die Füllung in einen Farbverlauf und öffnen Sie dann das SVG in Illustrator. Dies ist weniger als eine solide Lösung.
Scott
Es kommt darauf an, wofür Sie das SVG benötigen. Sie haben Recht, die Unterstützung für den Export von SVGs ist bestenfalls lückenhaft, aber wenn Sie nur solide Symbole oder Pfaddaten möchten, funktioniert dies sehr gut.
Marc Edwards
Wenn Sie nur Pfaddaten möchten, können Sie nur Pfade exportieren.
Scott
Scott, ich denke, Sie müssen zugeben, dass Photoshop in manchen Situationen ein akzeptables Werkzeug für das Vektordesign ist.
Marc Edwards
Mark, im Grunde nein ich nicht. Nicht, wenn Sie echte Vektordateien zur Verwendung in anderen Anwendungen erstellen möchten. Wenn Sie rudimentäre Formen mit flachen Füllungen wünschen, funktioniert Svg möglicherweise für Sie. Das ist aber die Ausnahme , nicht die Regel. Die Realität ist, dass Sie wirklich mehr Werkzeuge als nur eines benötigen. Ein Zimmermann baut ein Qualitätshaus nicht nur mit einem Hammer. Und Sie können nicht die Qualität von Vektordateien mit bauen nur Photoshop. Einige Benutzer möchten unbedingt, dass Photoshop alles tut, weil sie nichts anderes lernen möchten. Das bedeutet nicht, dass Photoshop für alles gut ist. Es ist nicht.
Scott