Nachbau einer 3D-Grafik im Line-Design

jwqlb

Liebe Monika, liebe Forummitglieder,

ich würde gern die verlinkte Grafik im Illustrator nachbauen.
Meine Experimente mit dem Transformieren-Effekt, dem 3D-Effekt und dem Angleichen-Werkzeug führten leider in keiner Weise zu einem auch nur annähernd befriedigenden Ergebnis.

Ich bin gespannt auf eure Vorschläge und Lösungsansätze.
https://c.gmx.net/@334594305643518096/DDjFGkHiR1SWY31aoXTJrA

Ich bedanke mich im Voraus.

Jörg

Peter_Lenz

Hallo Jörg,

die perspektivischen Linien sind mit einer Angleichung einfach zu erstellen (siehe Screenshot).

• Zeichne die beiden äußeren roten Linien,
• wähle beide aus und dann im Objekt-Menü > Angleichen,
• wähle anschließend die Angleichung-Optionen wie im Screenshot

Für die Schrift habe ich momentan keine Lösung.

Viele Grüße Peter

[inline Angleichung_01.jpg]

jwqlb

Großartig, Peter.
Das ist doch schon mehr als die halbe Miete.

Jörg

pixxxelschubser

Schwarzer Hintergrund
Linien in weiß als Angleichung
Schrift verzerren und als Deckkraftmaske für die Angleichung verwenden

Sollte eigentlich funktionieren.

Wenn aber die Linienenden exakt wie im Bild aussehen müssen, dann umwandeln und die verdeckten Linienabschnitte entfernen.

Peter_Lenz

Hallo pixxxelschubser,

Schrift verzerren - aber mit welchem Werkzeug ?

„Effekt > Verzerrungs- und Transformationsfilter > Frei verzerren“.
Der Filter hat leider keine Vorschau - daher unbrauchbar.

„Objekt > Verzerrungshülle > Mit Gitter erstellen…“
Hüllengitter mit 1 Zeile und 1 Spalte erstellen, dann die Grifflinien der Eckpunkte einziehen und manuell verzerren. Dabei werden an den Rahmenkanten Teile der Typo abgeschnitten.

Viele Grüße Peter

liselotte

Hallo
mit der Schrift verzerren habe ich im Illustrator auch nicht hinbekommen.
Auch nicht mit "Obersten Objekt erstellen" als Hülle,
In Photoshop ging es ganz gut die Schrift anzupassen (verzerren).
MfG

Henry

Antwort auf: …Meine Experimente mit dem Transformieren-Effekt, dem 3D-Effekt und dem Angleichen-Werkzeug führten leider in keiner Weise zu einem auch nur annähernd befriedigenden Ergebnis.…

In CorelDraw würde man es so machen:
- zweimal simples Muster á 90 paralleler Linien erstellen, Linien 'kombinieren'
- auf beide Linienmuster den jeweiligen Schriftzug drübertippen und auf die gewünschte Größe skalieren
Für beide Linienmuster dann
- per Andocker 'Formen: Hinten minus vorn', um die Buchstaben aus dem Linienmuster auszustanzen
- jetzt erst: per Hilfsmittel 'Hülle' rechteckig verzerren (die vier Eckpunkte sind mit der jpg-Vorlage im Hintergrund leicht auszurichten)
- dem Linienmuster die Konturfarbe (Weiß) zuweisen

Für einen übereinstimmenden "Nachbau" ist das Schwierigste die richtige Schriftart und die Abstände von Buchstaben zum Rand des Linienmusters zu finden?!

Gruß,Henry

Peter_Lenz

Hallo zusammen,

mit Affinity Designer ist das (richtige Schrift vorausgesetzt) kein Problem:

Ebene > Verformungsgruppe > Falsche Perspektive

dann die Eckpunkte verschieben und an Vorlage anpassen.

Affinity Designer kann Illustrator-Dateien öffnen.
So gesehen könnte man die Schriftverzerrung in Affinity Designer ausführen.

Ergänzung: Bei näherer Betrachtung fällt allerdings auf, dass im hinteren Bereich die Senkrechten von "n und i" keine Geraden sind. Möglicherweise klappt es besser, wenn man Einzelbuchstaben verwendet.

Viele Grüße Peter

[inline Textverzerrung_Affinity.png]

jwqlb

Danke für eure Beteiligung und für eure Ratschläge.
Nachdem Peter den grundlegenden Tipp zum Erstellen der Linienform gegeben hat, ergibt sich die große Schwierigkeit, den Text an die Oberflächen perspektivisch anzupassen.
Ich habe diesbezüglich das sprichwörtliche Ei des Kolumbus noch nicht gefunden.
Besonders schwierig ist es für mich, den Text auf der oberen Fläche zu positionieren.
Dort muss man ihn ja etwas drehen im Sinne von verwringen.
Bleibt bitte dran.
https://c.gmx.net/@334594305643518096/CP5SXnwBSIyR12DQSPvD0Q

Beste Grüße

Jörg

jwqlb

Geht das auch umgekehrt?
Kann ich mit AD-Dateien im Illustrator weiterarbeiten?

Antwort auf: Hallo zusammen,

mit Affinity Designer ist das (richtige Schrift vorausgesetzt) kein Problem:

Ebene > Verformungsgruppe > Falsche Perspektive

dann die Eckpunkte verschieben und an Vorlage anpassen.

Affinity Designer kann Illustrator-Dateien öffnen.
So gesehen könnte man die Schriftverzerrung in Affinity Designer ausführen.

Ergänzung: Bei näherer Betrachtung fällt allerdings auf, dass im hinteren Bereich die Senkrechten von "n und i" keine Geraden sind. Möglicherweise klappt es besser, wenn man Einzelbuchstaben verwendet.

Viele Grüße Peter

Peter_Lenz

Hallo Jörg,

das ist leider eine Einbahnstraße - Illustrator kann keine Affinity-Designer-Dateien öffnen.

Vielleicht gibt es irgendwann mal ein PlugIn ?

Viele Grüße Peter

Ergänzung:

Ich habe mir aber gerade mal die Exportformate von Affinity Designer angeschaut.
Da kämen dann EPS, PDF und SVG in Frage, die Illustrator öffnen kann.
Das muss man probieren - je nach Komplexität kann es da zu Problemen führen.

Das Öffnen von komplexen Illustrator-Dateien klappt auch nicht zu 100%. Was Affinity Designer nicht versteht wird gerastert. Dennoch macht Affinity Designer das recht gut.

Be.eM

Antwort auf:

Geht das auch umgekehrt?

Tatsächlich liest Affinity Designer nicht wirklich Illustrator-Dateien, sondern den PDF-Anteil darin, der ja i.d.R. mitgespeichert wird. Das funktioniert aber auch umgekehrt, Illustrator kann PDFs aus Affinity Designer öffnen. Dieser Austausch funktioniert also in beide Richtungen, wenn auch mit kleinen Einschränkungen hinsichtlich programmeigener Features (wie Ebenen etc.).

Grüße,
Bernd

Peter_Lenz

Hallo Bernd,

Guter Hinweis: Man sollte für die Kompatibilität daher beim Speichern von Illustrator-Dateien immer die Option „PDF-kompatible Datei erstellen“ aktivieren.

Was Affinity Designer beim Öffnen von Illustrator-Dateien nicht übernimmt sind z.B. auch Vektor-Musterfüllungen - die werden gerastert.

Viele Grüße Peter

jwqlb

Liebe IllustratorInnen,

hier mein Zwischenstand.

Elegant und leicht nachvollziehbar geht sicher anders.
Ich habe versucht, mit dem Tool "Frei transformieren -> Frei verzerren",
die beiden Schriftzüge in eine annehmbare Perspektive zu bringen.

Für weitere Vorschläge eurerseits wäre ich dankbar.
https://c.gmx.net/@334594305643518096/MhC3NoifR6abNcLLpoB0bA

ph_o_e_n_ix

Da beim Angleichen ja nur Linien mit identischem Abstand entstehen, hat das natürlich nicht viel mit einer realen 3D-Perspektive zu tun. Dementsprechend gibt es auch keine einfache Möglichkeit, die Schrift den Linien entsprechend auszurichten.

Was du machen könntest, ist nicht nur die vertikalen, sondern auch auch die horizontalen (Hilfs)Linien mittels Angleichen zu erzeugen, um daran jeden einzelnen Buchstaben (Text dazu umwandeln) mit dem Frei-Tranformieren-Werkzeug verzerren zu können oder eben die einzelnen Buchstaben mittels Pfaden selbst zu erstellen.

jwqlb

Danke für den Tipp.