Beste Möglichkeit, einen Schatten- (Tiefen-) Effekt in Illustrator zu erstellen?

Ich arbeite an einem Logo und versuche, der Logoform einen 3D-artigen Tiefeneffekt zu verleihen. Hier ist, was ich derzeit habe:

Normale Größe:Geben Sie hier die Bildbeschreibung ein

Größere Größe:Geben Sie hier die Bildbeschreibung ein

Ich erreiche diesen Effekt derzeit, indem ich die Rautenformen mit einer regelmäßigen flachen Farbfüllung erstelle und dann eine weitere Rautenform zum Einfügen an Ort und Stelle habe, die ein Farbverlauf mit einer Deckkraft von „100 % Überlagerung“ ist. So was:

Geben Sie hier die Bildbeschreibung ein

Ich bin kein Grafikdesigner, also weiß ich wirklich nicht, ob dies der „richtige Weg“ ist, um diesen Effekt zu erzielen. Ich finde, dass man bei der zweiten Schicht einige harte Kanten auf dem Dreieck sehen kann, ich habe gesehen, dass es auch beim Drucken ausgeprägter ist.

Meine Frage ist, gibt es einen besseren Weg, um diesen Effekt zu erzielen oder sogar einen besseren 3D-Effekt zu erzielen? Wie stelle ich außerdem sicher, dass das Logo scharf ist und keine harten Kanten oder Unvollkommenheiten aufweist?

Ich entschuldige mich, wenn dies eine ziemlich ignorante Frage ist, ich hatte noch nie eine Ausbildung zum Grafikdesign im Formatformat, habe dies herausgefunden, indem ich einfach mit Illustrator herumgespielt habe.

Was versuchst du zu erreichen? Welcher Teil sollte am weitesten vorne erscheinen?
Ich versuche, mit Weißraum und Schatten einen etwas visuell verspielten Effekt zu erzeugen - stellen Sie sich einen hohlen 3D-Würfel vor, dessen Kanten weiß sind (der Weißraum), die Mitte des Bildes, wo ich jetzt Schatten habe, liegt in der "Tiefe". ' des Würfels, weiter weg vom Betrachter. Mit anderen Worten, Sie können sich die Seiten des Würfelschranks für den Benutzer als transparent vorstellen, während die farbigen Seiten, die Sie sehen, die Innenseite des Würfels sind, wobei der Schatten in der Ecke liegt, die am weitesten vom Betrachter entfernt ist.

Antworten (3)

Der 3D-Ansatz

Wenn Sie sich dies als ein echtes 3D-Objekt (so etwas wie eine Pyramide) vorstellen und überlegen, wie eine Lichtquelle damit interagieren würde , werden Sie allmählich verstehen, warum Ihre Behandlung ein wenig seltsam ist. Wie würden Sie mit dem gleichmäßig abgestuften Schatten vom oberen Punkt um alle Seiten herum enden? Betrachten Sie Ihre Lichtquelle und bewerten Sie dann Ihren Ansatz neu (ein physikalisches Modell kann hilfreich sein).

Aktualisieren Sie als Antwort auf Ihren Kommentar ...
Die dicken weißen Linien töten Ihren gewünschten Effekt. Wenn die Lücken erwünscht sind, müssen sie vielleicht halb so dick sein (bei größeren Formaten sogar noch weniger). Der spielerische Realismus wird noch besser, wenn Sie sie ganz verlieren.

Anstatt die überlappenden Dreiecke zu bauen, versuchen Sie, die Ebenen des Würfels perspektivisch zu bauen. Mit Ebenenüberblendungsmodi (vielleicht Überlagerung) und/oder Transparenz sehen Sie möglicherweise den Überlappungseffekt, den Sie im Sinn haben. Die 3D-Effekte von Illustrator können eine einfache Möglichkeit sein, die Dinge zu korrigieren, zumindest als Ausgangspunkt oder Referenz.

Oder einfach nur für Flair

Unabhängig von der Genauigkeit Ihres Effekts finde ich, dass Ihre Behandlung ganz gut aussieht, besonders für einen Nicht-Designer. Wenn Sie sich für absolut stilistisches (nicht unbedingt überzeugendes 3D) entscheiden, probieren Sie einige dieser Alternativen und Anpassungen aus.

  • Weichen Sie den Übergang Ihrer aktuellen Behandlung ab: Machen Sie den Übergang von dunkel zu hell weniger dramatisch, indem Sie seine Länge verlängern oder die Farbstopps in Farbton und Helligkeit näher bringen.
  • Wenden Sie den Farbverlauf direkt auf jedes Segment an und richten Sie den Farbverlauf an der nach außen gerichteten Seite des Dreiecks aus.
  • Wenden Sie den Farbverlauf radial innerhalb eines perfekten Kreises an, der auf das gesamte Objekt zentriert ist.
  • Verschieben Sie dies als intelligentes Objekt in Photoshop und erstellen Sie dort den Verlauf mit etwas Dithering oder einem Filmkörnungseffekt. Ein wenig "analog" auf Ihre Vektoren angewendet kann ganz nett sein.
Als Antwort auf Ihren ersten Absatz denke ich, dass wir wissen müssen, was MAX zu erreichen versucht. So wie es steht, sieht es so aus, als ob das Weiß im Vordergrund steht und die Dreiecke nach unten in den Raum gehen. Die Frage ist, ob er das beabsichtigt hat oder nicht.
Was meinen Sie mit „den Übergang der derzeitigen Behandlung mildern“? Tut mir leid, mein Grafikdesign-Vokabular ist etwas mangelhaft.
Ich habe versucht, den Farbverlauf direkt anzuwenden, aber ich konnte die Farben nicht richtig hinbekommen, ich war mir nicht sicher, wie ich diese Art von Schatten anwenden oder herausfinden sollte, was die Farben sein sollten, wenn ich nur einen Farbverlauf basierend auf zwei flachen Farben machen sollte den Schatteneffekt erzielen
Entschuldigung für meine kryptische Beschreibung: Mit "weicher" meine ich, versuchen Sie, dramatische Tonverschiebungen zu vermeiden, den Wechsel von dunkel zu hell weniger offensichtlich zu machen. Wenn Sie mit dem Verlaufswerkzeug und der Steuerung seiner Farben und Übergänge nicht vertraut sind, werfen Sie einen Blick auf dieses Adobe-Hilfedokument . Die "Weichheit" des Farbverlaufs wird durch die ausgewählten Farben und die Positionen der Farbverlaufsstopps und des Mittelpunkts gesteuert. Der Gradient stoppt an extrem gegenüberliegenden Enden und der Mittelpunkt bei 50 % ist das „weichste“, das ein bestimmter Gradient bekommt.
Adobe-Tutorials sind normalerweise ziemlich abgespeckt. Dieses hässliche, aber gute Basis-Tutorial kann Ihnen auch hilfreich sein.
Ah, ja, ich glaube, ich habe die Grundlagen des Verlaufswerkzeugs herausgefunden, zumindest was die Schieberegler und die Farbzuweisung angeht. Meine Hauptschwierigkeit besteht darin, die Farbe auszuwählen - um eine Farbe "schattendunkler" zu machen, was ändern Sie? Ich spielte mit den B- und S-Schiebereglern (Schwarz und Sättigung), aber es sorgte für hässliche flache oder gräuliche Farben und sah nicht wie ein Schatten aus. Aus diesem Grund habe ich mich für den „Overlay“-Effekt für die Deckkraft entschieden

Ich weiß, dass dies eine sehr alte Frage ist, aber sie kann jemandem in der Zukunft helfen.

Meine Antwort ist nur die Beantwortung des Problems der "harten Kante" von den Verlaufsebenen über dem Logo.

Eine bessere Methode, die keine harten Kanten erzeugt, besteht darin, zunächst die Verlaufsebenen vollständig zu entfernen (oder sie auszublenden, wenn Sie sie in Zukunft verwenden möchten).

Trennen Sie dann das Logo in 3 Abschnitte, sodass sich jede „Diamant“-Form auf einer eigenen Ebene befindet:Geben Sie hier die Bildbeschreibung ein

Öffnen Sie blending optionsfür jede Ebene (Ebene> Ebenenstil> Verlaufsüberlagerung) und fügen Sie eine Gradient Overlay. Sie sollten dann den Mischmodus der Verlaufsüberlagerung so gestalten Overlay:

Geben Sie hier die Bildbeschreibung ein

Nachdem Sie den Winkel des Farbverlaufs angepasst haben, erhalten Sie den gleichen Effekt wie die zusätzlichen Ebenen, die Sie ursprünglich verwendet haben, aber jetzt sehen Sie keine „harten Kanten“, da der Farbverlauf direkt auf die Ebene angewendet wird und nicht darauf sitzt.

Hoffe das hilft!

Alternativ können Sie für ein ähnliches Ergebnis auch den inneren Schatten verwenden.
+1! @John könntest du zwar, aber du wärst mit dem Winkel des Verlaufs viel mehr eingeschränkt.
Die Frage fragt jedoch nach Illustrator, nicht nach Photoshop.
@Scott Ich weiß, ich muss die Frage überlesen haben, weil mir erst ein paar Stunden später klar wurde, dass sie für Illustrator bestimmt war. Ich habe es trotzdem gelassen, da es ein nützlicher Tipp ist

Ich würde einfach die Formen gruppieren und einen radialen Farbverlauf auf die Gruppe anwenden .

Geben Sie hier die Bildbeschreibung ein

Hinweis ... für ein Logo ... und für den Druck (CMYK) liefert der Mischmodus "Überlagern" nicht die Ergebnisse, die Sie denken. Für CMYK sind die einzigen Mischmodi, die sicher verwendet werden können, „Multiplizieren“, „Farbe brennen“ und manchmal „Bildschirm“. Alle anderen Mischmodi liefern Ihnen im Allgemeinen unerwartete Ergebnisse. Sie sollten für ein Logo, das für den Druck bestimmt ist, in CMYK arbeiten, um die Verwendung von Mischmodi zu vermeiden, die in CMYK nicht bestehen.