Wie würden Sie den Verzerrungs-/Rauscheffekt nachbilden, den Google in seinen neuen Materialdesign-Illustrationen verwendet?

Illustration aus der Google-Posteingangs-App

Ich habe es mit Pinseln versucht, aber es kommt einfach nicht in die Nähe. Hat jemand diesen Effekt erzielen können? wie hast du es gemacht?

Ich verwende photoshop cs6

Welche Software verwendest du?? „CS6“ ist nicht sehr aussagekräftig, da es mehr als 20 „CS6“-Anwendungen gibt.
Es tut mir Leid. Ich benutze Photoshop

Antworten (3)

Das Folgende wurde in Illustrator durchgeführt, könnte aber in Photoshop durchgeführt werden.

Erstellen Sie zuerst Ihr Objekt. Für die Demonstration verwende ich einen linearen Farbverlauf. Sie können mit einem Verlaufsgitter für komplexere Formen herumspielen. Ich habe die rechte Seite auf die Farbe eingestellt und die linke auf 0% Deckkraft.

Optionen

Wählen Sie Ihren Verlauf und gehen Sie zu Effekt - Textur - Körnung

Wirkung

Spielen Sie mit den Optionen herum. Je nach Farbe müssen Sie den Mischmodus ändern.

Der folgende Mischmodus war multiplizieren

Getreide endgültig

Andere Möglichkeiten: Es ist möglich, dies mit einem Streupinsel und Ebenenmasken zu tun.

Nett! Ich habe mich das selbst gefragt. Ich wusste nie, dass es eine Kornstruktur gibt.
Es kann sein, dass ein Styleguide herumschwirrt. Ohne eine dokumentierte Voreinstellung muss dies über Illustrationen und mehrere Illustratoren hinweg wirklich schwer zu kontrollieren sein.
Nun, Sie können dies zu einer Aktion machen, oder es könnten bereits einige gemacht worden sein. Möglicherweise gibt es Plugins, die den Vorgang vereinfachen können.
Wie wäre es mit GIMP. Photoshop ist nicht kostenlos
@suicidoga meine Antwort und Schritte funktionieren auch für GIMP, der einzige Unterschied wäre, wo sich die Menüoptionen befinden. Aber das kann leicht in den GIMP-Hilfedateien online gefunden werden.
@AndrewH Ich kann die Körnungseffekt-Textur in GIMP nicht finden. Wird sie in GIMP anders genannt (vorausgesetzt, Sie kennen GIMP;)

Folge dies! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . Endlich eine gute Methode, und das von einem Googler!

Hallo Osama Asif C Infinitum, könntest du bitte etwas genauer erklären, was wir hinter dem von dir bereitgestellten Link finden und warum er die Frage beantwortet? Auf diese Weise ist Ihre Antwort immer noch von Wert, falls der Link zu einem späteren Zeitpunkt unterbrochen wird. Linkfäule ist der Hauptgrund, warum wir hier nur-Link-Antworten wirklich nicht mögen. Danke für deine Mühe und trage weiter bei!

Ich habe zuvor in einem Artikel eines Google-Designers einen Link für 4 verschiedene Techniken gepostet, wie man diese Effekte genau wie Google erstellt. Aber die relevanteste für diese Frage ist die folgende:

  1. Erstellen Sie die festen Formen, denen Sie Farbtöne und Glanzlichter hinzufügen möchten (in unserem Fall die Orange). Sperren Sie die Ebene.
  2. Fügen Sie zwei Schichten über der ersten hinzu. Beschriften Sie ein Multiply und das andere Overlay .
  3. Erstellen Sie in der Multiplizieren- Ebene eine Ellipse (Kreis) in der gleichen Größe wie die Orange mit einer linearen Farbverlaufsfüllung. Die Verlaufsfüllung sollte von Weiß (#ffffff) nach Schwarz (#000000) gehen. Stellen Sie auch den Steigungswinkel nach Belieben ein. In unserem Fall kommt die Lichtquelle von oben links, also sollte unser Schatten dem Licht unten rechts im Objekt gegenüberliegen. In diesem Beispiel beträgt der Neigungswinkel -60º. Ändern Sie schließlich das Weiß im Farbverlauf auf 0% Deckkraft.
  4. Gehen Sie bei ausgewähltem Verlaufsobjekt zu Effect > Texture > Grain . Sie sollten dann ein Modal mit Textureinstellungen sehen.
  5. Wählen Sie auf der rechten Seite des Modals Stippled für Grain Type aus. Passen Sie dann Intensität und Kontrast an , um den gewünschten Textureffekt zu erzielen. Wählen Sie OK aus .
  6. Ändern Sie bei noch ausgewählter Ebene den Mischmodus auf „Multiplizieren “ oder „Farbe brennen“ und verringern Sie die Transparenz auf 10–15 % .
  7. Richten Sie Ihr Multiplizieren-Objekt über der festen Form aus (in unserem Beispiel die Orange).
  8. Wenn Sie mit den Ergebnissen zufrieden sind, sperren Sie die Multiply-Ebene.
  9. Erstellen Sie in der Überlagerungsebene eine Ellipse mit einem linearen Verlauf, der von Weiß nach Schwarz geht, und passen Sie den Winkel so an, dass die weiße Farbe der Lichtquelle am nächsten ist. Ändern Sie die Deckkraft des Schwarz auf 0 %.
  10. Wiederholen Sie die Schritte 4 und 5.
  11. Ändern Sie bei weiterhin ausgewähltem Objekt den Mischmodus auf Überlagern und verringern Sie die Transparenz auf 15–20 % .
  12. Richten Sie die Overlay- Ebene über Ihrem Objekt aus und das war's. Salz und Pfeffer!

All dies ist für Illustratoren und erzeugt den gewünschten Effekt. All dies ist ein Auszug aus dem Originalartikel und nicht meine Arbeit.

Quelle: Salt & Pepper – Die Kunst, Texturen zu illustrieren

Wie würden Sie den Verzerrungs-/Rauscheffekt nachbilden, den Google in seinen neuen Materialdesign-Illustrationen verwendet?
AntwortenHierDatenschutz-Bestimmungen1y, 0v