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


9

Illustration von Google Posteingang App

Ich habe es mit Pinseln versucht, aber es kommt dem einfach nicht nahe. Hat jemand diesen Effekt erzielen können? wie hast du es gemacht?

Ich benutze Photoshop CS6


Welche Software benutzt du? "CS6" ist nicht sehr beschreibend, da es mehr als 20 "CS6" -Anwendungen gibt.
Scott

Es tut mir Leid. Ich benutze Photoshop
Mars

Antworten:


2

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!


3
Hallo Osama Asif C Infinitum, können Sie bitte etwas näher erläutern, was wir hinter dem von Ihnen bereitgestellten Link finden und warum er die Frage beantwortet? Auf diese Weise ist Ihre Antwort immer noch von Wert, falls die Verbindung zu einem späteren Zeitpunkt unterbrochen wird. Link Rot ist der Hauptgrund, warum wir hier nur Link-Antworten nicht mögen. Vielen Dank für Ihre Mühe und tragen Sie weiter bei!
Cai

9

Das Folgende wurde in Illustrator gemacht, konnte aber in Photoshop gemacht werden.

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

Optionen

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

bewirken

Spielen Sie mit den Optionen herum. Abhängig von der Farbe müssen Sie den Mischmodus ändern.

Unterhalb des Mischmodus wurde multipliziert

Korn endgültig

Andere Möglichkeiten: Dies ist mit einem Streupinsel und Ebenenmasken möglich.


2
Nett! Ich habe mich das selbst gefragt. Ich wusste nie, dass es eine Kornstruktur gibt.
Ryan

Möglicherweise schwebt ein Styleguide herum. Dies muss ohne eine dokumentierte Voreinstellung über Illustrationen und mehrere Illustratoren hinweg schwer zu kontrollieren sein.
Yorik

Nun, Sie können dies zu einer Aktion machen oder sie könnten bereits gemacht sein. Möglicherweise gibt es Plugins, die den Prozess vereinfachen können.
AndrewH

Wie wäre es mit GIMP. Photoshop ist nicht kostenlos
Suici Doga

@suicidoga meine Antwort und Schritte funktionieren auch für GIMP, der einzige Unterschied wäre, wo die Menüoptionen sind. Dies ist jedoch leicht in den Online-GIMP-Hilfedateien zu finden.
AndrewH

1

Ich habe zuvor in einem Artikel eines Google-Designers einen Link für 4 verschiedene Techniken zum Erstellen dieser Effekte wie bei Google veröffentlicht. Am relevantesten für diese Frage ist jedoch Folgendes:

  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 eine Multiplikation und die andere Überlagerung .
  3. Erstellen Sie in der Ebene " Multiplizieren" eine Ellipse (Kreis) mit der gleichen Größe wie die Orange mit einer linearen Verlaufsfüllung. Die Verlaufsfüllung sollte von Weiß (#ffffff) nach Schwarz (# 000000) wechseln. Passen Sie auch den Verlaufswinkel nach Ihren Wünschen an. In unserem Fall kommt die Lichtquelle von oben links, daher sollte unser Schatten dem Licht unten rechts im Objekt entgegengesetzt sein. In diesem Beispiel beträgt der Winkel des Gradienten -60º. Ändern Sie schließlich das Weiß im Verlauf auf 0% Deckkraft.
  4. Gehen Sie bei ausgewähltem Verlaufsobjekt zu Effekt> Textur> Körnung . Sie sollten dann ein Modal mit Textureinstellungen sehen.
  5. Wählen Sie rechts neben dem Modal Punktiert für Getreidetyp aus. Passen Sie dann Intensität und Kontrast an, um den gewünschten Textureffekt zu erzielen. Wählen Sie OK .
  6. Wenn die Ebene noch ausgewählt ist, ändern Sie den Mischmodus in " Multiplizieren" oder " Farbbrennen" und senken Sie die Transparenz auf 10–15% .
  7. Richten Sie Ihr Multiplikationsobjekt über der festen Form aus (in unserem Beispiel die Orange).
  8. Sobald Sie mit den Ergebnissen zufrieden sind, sperren Sie die Ebene "Multiplizieren".
  9. Erstellen Sie in der Überlagerungsebene eine Ellipse mit einem linearen Farbverlauf von Weiß nach Schwarz und passen Sie den Winkel so an, dass die weiße Farbe der Lichtquelle am nächsten kommt. Ändern Sie die Deckkraft des Schwarzes auf 0%.
  10. Wiederholen Sie die Schritte 4 und 5.
  11. Wenn das Objekt noch ausgewählt ist, ändern Sie den Mischmodus auf Überlagern und senken Sie die Transparenz auf 15–20% .
  12. Richten Sie die Überlagerungsebene über Ihrem Objekt aus und fertig . 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

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.