Tipps zum Entwerfen qualitativ hochwertiger semi-fotorealistischer Symbole, die versuchen, 3D-Objekte zu modellieren

Ich bin ein Amateur-Grafikdesigner. Wenn ich frei habe, mache ich ein paar einfache Grafikdesigns mit Photoshop und Illustrator (mit dem Stiftwerkzeug herumspielen, einer Ebene Stil hinzufügen, den Farbton eines Bildes anpassen usw.).

Ich bin ein großer Fan von Dribbble und bin immer wieder fasziniert von den erstaunlichen Kunstwerken dort.

Finden

- Suche nach Alext Volkow

Zirkuszelt

- Zirkuszelt von Michael Tzscheppan

Sandwich

- Sandwich-iOS-Symbol von Ryan Ford

Diese semi-fotorealistischen Symbole sind so gut gestaltet. Ich würde mich freuen, wenn mir jemand einige Tipps zum Entwerfen von Symbolen wie diesen geben könnte.

Antworten (2)

Wie DA01 sagte, sind dies wirklich nur digitale Illustrationen. In Bezug auf den Workflow sind diese Workflows üblich:

  • Zeichnen Sie das Ganze in Photoshop. Funktioniert für einfache Konzepte.
  • Verwenden Sie die 3D-Werkzeuge von Illustrator (extrudieren, drehen usw.) und fügen Sie die Formen dann in Photoshop ein, um Beleuchtung, Reflexionen, Farben und Texturen zu erhalten.
  • Verwenden Sie eine 3D-App wie Modo, Maya oder Cinema 4D, um eine grobe Annäherung an die Objekte und die Beleuchtung zu erstellen, und zeichnen Sie die Ergebnisse dann als Formen in Photoshop nach.

SoftFacade sind Meister dieser letzten Technik. Hier ist eine Fallstudie, in der sie die 3D-Modellierung tatsächlich weiter vorantreiben, als es die meisten tun würden. Ich glaube, sie haben immer noch alles in Photoshop fertig gestellt.

Die IconFinder-Fallstudie von SoftFacade

Ich lasse Sie beurteilen, ob dieses von mir erstellte Symbol dem Standard entspricht, nach dem Sie suchen:

iStat-Server-Symbol auf Dribbble (enthält PSD)

Ich habe das Photoshop-Dokument, eine beim Erstellen des Symbols aufgenommene Animation sowie einige Tipps zu den verwendeten Techniken beigefügt. Ich hoffe, es hilft.

Es ist wirklich wichtig, nicht nur ein gut aussehendes Symbol zu erstellen, sondern es mit Formebenen und Techniken zu erstellen, die eine verlustfreie Größenänderung des Symbols ermöglichen, da es üblich ist, viele Größen von 16 × 16 bis zu 1024 × zu erstellen 1024 (Sie müssen wahrscheinlich die Größen 16 × 16 und 32 × 32 von Hand neu zeichnen).

iStat-Server-Symbol

Ich danke dir sehr! Die iStat-Server-Icons sind wirklich toll und helfen sehr. Jetzt verstehe ich besser, wie man gute Illustrationen macht :) Ich schätze von ganzem Herzen alles, was Sie getan haben.

Keines der Beispielbilder ist ein Beispiel für Skeuomorphismus. Sie alle sind abstrahierte Illustrationen realer Dinge – im Gegensatz zu dem Versuch, buchstäblich reale greifbare Benutzersteuerelemente darzustellen.

Trotzdem würde ich sie vielleicht als semi-fotorealistisch bezeichnen, da sie versuchen, modellierte 3-D-Objekte zu sein.

Genau wie bei echter 3D-Modellierung wären die Spitzen ziemlich gleich. Konzentrieren Sie sich auf:

  • gleichmäßige Beleuchtung und Schatten (Schattenwurf auf der Karte, Schlagschatten auf Sandwichpapier)
  • Texturen (was wie ein tatsächlicher Scan von Brot aussieht)
  • atmosphärische Effekte (Beachten Sie, dass die Tischdecke in der Ferne an Schärfe und Sättigung verliert)