Wie kann ich einen subtilen 3D-Effekt wie auf Apples iOS-Zeitauswahlrad erzeugen?

Ich versuche, diesen subtilen 3D-Effekt auf dem Zeit- und Datumsauswahlrad von Apple zu reproduzieren. Wie kann ich das in Adobe Illustrator machen?

Apple iOS-Auswahlrad

Die Linien sind perspektivisch verzerrt, das müssen Sie also tun, um sie zu reproduzieren.
Ich würde diesen Effekt nicht als "subtil" bezeichnen :P Wenn der "Zylinder" viel größer wäre, wäre die Verzerrung viel geringer.

Antworten (2)

Natys Antwort liegt nahe, aber da Sie nach der "korrekten Verzerrung eines Zylinders" suchen, sollten Sie einen tatsächlichen Zylinder verwenden. Illustrator verfügt über sehr begrenzte (und manchmal fehlerhafte) 3D-Tools, aber in diesem Fall hat es genau das, was Sie brauchen.

Kurz gesagt, Sie sollten einen Kreis in 3D extrudieren und den Text um den erstellten Zylinder herum abbilden. Um dies zu tun:

1. Erstellen Sie Ihren Text, machen Sie ihn zu einem Symbol

Wählen Sie dazu einfach den Text aus und ziehen Sie ihn entweder in den Symbolbereich oder klicken Sie auf die Schaltfläche Neues Symbol.

Erstellen eines Symbols in Illustrator

2. Erstellen Sie einen Kreis, extrudieren Sie ihn in 3D

Wählen Sie den Kreis aus, verwenden SieEffect > 3D > Extrude & Bevel...

Illustrator 3D Extrusions- und Abschrägungsoptionen ein 3D-Zylinder

3. Ordnen Sie Ihr Symbol der Fläche des Zylinders zu

Klicken Sie auf die Schaltfläche Map Art..., wählen Sie die richtige Oberfläche (die rechteckige) und wenden Sie Ihr Symbol an

Illustrator Map Art-Bedienfeld

4. Stellen Sie die "Oberfläche" auf "Keine Schattierung"

Dies ist ein Dropdown-Menü in den "3D-Extrusions- und Abschrägungsoptionen".

nachgeahmtes Apple-Datumsauswahlrad

Und du bist fertig! Sie können mit der Einstellung „Perspektive“ in den 3D-Extrusions- und Abschrägungsoptionen herumspielen, um den richtigen Verzerrungsgrad für Ihre Anforderungen zu finden.

Ich werde damit beginnen, dass Sie sagen, dass Sie dies in Photoshop tun sollten , aber wenn Sie auf Illustrator bestehen, geht es folgendermaßen:

  1. Erstellen Sie den Typ, getrennt in 3 Objekte - oben, Mitte und unten:Geben Sie hier die Bildbeschreibung ein

  2. Gehen Sie zur oberen Gruppe, erstellen Sie Umrisse, machen Sie daraus einen zusammengesetzten Pfad (Objekt> zusammengesetzter Pfad> erstellen) und geben Sie ihm einen 3D-Rotationseffekt wie im Bild (die 20 Grad sind mein Vorschlag, Sie können mehr oder weniger tun, aber den anderen verlassen Attribute, wie ich sie geschrieben habe):Geben Sie hier die Bildbeschreibung ein

  3. Erweitern Sie das Bild (Objekt> Aussehen erweitern) und ändern Sie die Farbe in einen Farbverlauf:Geben Sie hier die Bildbeschreibung ein

  4. Verwenden Sie Führungen, um es an seinen Platz zu bringen, und machen Sie dann dasselbe mit dem unteren Teil.Geben Sie hier die Bildbeschreibung ein
Tolle Hilfe! Sie fragen sich immer noch, warum Sie sich fragen, ob Sie so etwas lieber in Photoshop machen würden? Da dies nur ein Stück in einem größeren Design ist, das sehr vektorbasiert ist.
Im Allgemeinen – Webdesign wird in Photoshop erstellt, sogar vektorbasiertes Webdesign wird in Photoshop erstellt – zu verstehen, warum, ist eine ganz andere Frage. Genauer gesagt hätte diese gesamte Erklärung in Photoshop zwei einfachere Schritte unternommen.
Das ist auf dem richtigen Weg, aber nicht ganz richtig. Ich habe eine Antwort hinzugefügt, um zu zeigen, wie die Grafik einem Zylinder zugeordnet wird, um die richtige Perspektive zu erhalten.
@Benedikt Sie haben Recht, wenn Sie denken, dass dies in Illustrator erfolgen sollte. Meine Faustregel lautet: Alles, was Vektor sein kann , sollte Vektor sein; Wie gezeigt, kann dies einfach in Illustrator erstellt werden. Photoshop hat im Vergleich zu Illustrator eine schlechte Vektorunterstützung und sollte nicht das Werkzeug der Wahl für die Vektorbearbeitung sein.
Wie kann ich einen subtilen 3D-Effekt wie auf Apples iOS-Zeitauswahlrad erzeugen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v