Photoshop vs. Illustrator für die Symbolentwicklung

7

Mein Client fordert SVG-Dateien an (für das Speichern als SVG müsste ich das Symbol in Illustrator erstellen), aber ich habe in Photoshop immer Symbole entworfen (Vektorgrafiken aus Illustrator importieren und als intelligentes Objekt platzieren + Ebenenstile anwenden) - I. Stellen Sie fest, dass Photoshop eine größere Flexibilität bei der Überlagerung von Effekten bietet (für Schlagschatten, Farbverläufe… für ein geprägtes Aussehen).

Hat jemand Erfahrung mit dem Erstellen von Symbolen in Illustrator und dem Erstellen des gleichen Effekts wie Photoshop?

Ich hoffe, dass ich die Symbole in Photoshop erstellen und problemlos auf die erforderlichen Größen skalieren kann. Ich bin jedoch froh, sie in Illustrator erstellen zu können, wenn ich dieselben Effekte erzielen kann.

icon workflow effects svg Leslie
quelle
3
Es hört sich so an, als hätten sie bestimmte Aufgaben, die SVG erfordern. Können Sie Ihren Kunden fragen, warum er insbesondere SVG-Dateien möchte?
Lawndartcatcher

Antworten:

5

Wenn SVG die gewünschte Ausgabe ist, würde ich empfehlen, InkScape auszuprobieren. Es ist offen sauer. Die Benutzeroberfläche ist zwar nicht ganz so ausgefeilt wie die KI, aber sie ist recht robust und das native Dateiformat ist SVG, daher ideal für SVG-Arbeiten geeignet.

Bei 'Effekten' können Sie Rastereffekte mit Vektordateien emulieren und umgekehrt. Es kann je nach Art des Effekts tricksen, ist aber durchaus machbar.

DA01
quelle
Ich habe immer noch Probleme, die gleichen Stileffekte in AI zu erstellen (selbst wenn ich kann, werden die Effekte in Export> SVG nicht wirklich übersetzt). Ich habe Inkscpae unter (Eichel, Skizze, Deckkraft usw.) Heruntergeladen - ohne Erfolg. Finden Sie keine von ihnen sehr intuitiv, und wenn ich eine verwenden würde, müsste sie ein EPS importieren und als SVG exportieren können. Ich habe auch versucht, ein SVG-Export-Plugin in Fireworks zu laden, aber es wird nicht als eingebettete Datei importiert (erstellt mehrere Dateien) + geladene CS5-aktualisierte Plugins für zusätzliche SVG-Unterstützung (für HTML5-Updates). Ich bin also ratlos bei der SVG-Lösung…
Leslie
Inkscape ist die beste Option für reine SVG-Arbeit. Wie bei jeder Software dauert es ein bisschen, bis man sich an die Benutzeroberfläche gewöhnt hat ... es wird nicht in einer Stunde passieren. Aber es ist ziemlich gut gemacht. Ich setze es jedoch Macromedia Freehand ähnlicher als Adobe Illustrator. Trotzdem würde ich hoffen, dass die KI bei der SVG-Unterstützung besser wird. Mit Flash auf dem Weg nach draußen muss Adobe wieder auf SVG und dergleichen auf den neuesten Stand gebracht werden.
DA01
4

Dies hängt stark von der Kunst und Ihrem Können mit Illustrator ab.

Illustrator verfügt über Schlagschatten, Farbverläufe, Leuchten usw. Damit kann alles in Illustrator ausgeführt werden. Es ist nur eine Frage der Kompetenz.

SVG bietet viel mehr als jedes Photoshop-Format. SVG kann im laufenden Betrieb skaliert werden und das Erscheinungsbild beibehalten ... png / gif / etc. kippen.

Scott
quelle
Es ist lange her, dass Illustrator verwendet wurde. Vielleicht ist es jetzt anders, aber in der Vergangenheit waren Dinge wie Schlagschatten rasterbasiert, also nicht sicher, ob sie in der SVG funktionieren würden oder nicht.
DA01
1
@ DA01 Sie werden gerastert und dann in die SVG eingebettet. Welche Art von Niederlagen den Zweck von SVG, aber es kann getan werden. <image xlink:href="data:image/png;base64,{bytes}">. Ich bin nicht sicher, welche anderen Programme SVG verwenden, aber ich glaube, dass dies von allen gängigen Browsern unterstützt wird.
Farray
Ich nehme an, wenn die SVGs nur in einer Größe verwendet werden, würde das funktionieren. Aber wie Sie betonen, ist diese Art der Niederlage von SVG zunächst ein Nachteil.
DA01
@ DA01: Das tut es und das tut es nicht. SVG wurde immer entwickelt, um das Einbetten von Rasterbildern zu unterstützen. Auf diese Weise können Sie jedoch nach Möglichkeit Vektoren verwenden. Wenn Sie die Bearbeitungsfähigkeiten von Illustrator beibehalten, können Sie die Schlagschatten usw. immer mit einer höheren Auflösung neu rendern. Alternativ können Sie für die meisten einfachen Effekte wie Unschärfen und Schlagschatten nur die aus dem SVG-Filtermenü verwenden.
Lèse Majesté
3

Ich bin ein Vektorkünstler, mache Dinge immer vektoriell und rastere sie dann auf die gewünschte Größe. Es ist wünschenswert, ein Symbol im Vektor zu erstellen, da Sie es anschließend auf eine beliebige Größe skalieren können, ja sogar auf die Größe A0, ohne an Qualität zu verlieren.

Meine Lösung für Sie ist dies. Machen Sie es in Photoshop als Raster, machen Sie es in einer etwas größeren Größe, sagen wir 256 x 256 mit ausreichenden Details und Linienstärken, die selbst bei 64 x 64 gut aussehen würden.

Wenn Sie mit dem gerasterten Ergebnis zufrieden sind, konvertieren Sie mit Inkscape (ja, es gibt eine Funktion zum Verfolgen von Bitmap!) Oder Vectormagic in .svg . Und Sie werden am Ende eine nette .svg haben, um Ihren Kunden glücklich zu machen.

Abhängig von Ihrem Effekt erhalten Sie möglicherweise eine größere Vektordatei. Achten Sie jedoch nicht zu stark auf Spezialeffekte, da diese Programme einige Zeit benötigen, um Ihr Raster in Regionen (Vektoren) von Farben zu übersetzen.

Später können Sie Illustrator oder Inkscape verwenden, um Ihre .svg-Datei zu optimieren.

Lassen Sie mich wissen, ob diese Lösung für Sie machbar ist. Alles Gute.

ikel
quelle
2
Dies kann je nach Illustrationsstil funktionieren. Beachten Sie jedoch, dass die automatische Ablaufverfolgung selten qualitativ hochwertige Ergebnisse liefert ... insbesondere, wenn Sie mit einer Rasterdatei mit so niedriger Auflösung beginnen.
DA01
Richtig, abhängig vom Kunstwerk und seiner Komplexität. Rembrandts Gemälde ist definitiv außerhalb des Bereichs der automatischen
Verfolgung
IME, die automatische Ablaufverfolgung kann in Ordnung sein, wenn Sie von einem hochauflösenden Scan einer Schwarzweißzeichnung ausgehen, aber ich würde wirklich nicht erwarten, dass die Ablaufverfolgung einer 256 x 256 Pixel großen Bitmap etwas Nützliches bringt mit Farben und komplexen Verläufen. Natürlich hängt es sehr von dem Programm ab, das Sie verwenden. Vector Magic sieht auf den ersten Blick ziemlich gut aus, aber es scheint bezeichnend, dass die meisten Beispielbilder auf ihrer Website nur aus einfarbigen Figuren mit einfachen Umrissen bestehen.
Ilmari Karonen
0

Viele tolle Antworten hier schon. Ich würde empfehlen, das Icon Handbook von Jon Hicks http://iconhandbook.co.uk/ zur weiteren Lektüre zu lesen. Persönlich würde ich Illustrator verwenden, wenn ich kein 16x16-Favicon mache

C3Lawrence
quelle