Wie koloriert Yoga Perdana seine Illustrationen?

Falls Sie noch nichts von ihm gehört oder seine Arbeiten gesehen haben, Yoga Perdana ist ein digitaler Künstler, der meiner Meinung nach einige wirklich tolle Illustrationen mit einer sehr weichen Haptik erstellt.

Yoga Perdana Logo-Erkundung

Yoga PerdanaLogo-Erkundung

Ich glaube, ich verstehe, wie er seine Illustrationen mit Kreisen anordnet, aber ich bin mir nicht sicher, wie er seiner Kunst ein so weiches Gefühl verleiht. Es gibt definitiv Farbverläufe, aber seine sehen so anders aus als meine.

Irgendwelche Ideen zu dem Prozess, den Yoga anwendet, um seine Bilder zu kolorieren und ihnen gleichzeitig ein sehr weiches Gefühl zu verleihen? Gibt es Tutorials?

Das ist, was ich bisher habe:Yoga-Remake-Versuch

Yoga-Remake-Versuch mit Ankern

Ich ging von Yogas ursprünglichem Konstruktionsdesign weg, erstellte Kreise, erstellte mit Minus vorne die anfängliche Ringform und verwendete dann den Umriss-Pfadfinder, um Ankerpunkte zu erstellen, an denen sich die Ringe schnitten. Von dort habe ich Kurven entsprechend gelöscht, um wie das ursprüngliche Logo auszusehen.

Wie verbinde ich alle Punkte zu einer einzigen Form, damit ich einen Farbverlauf hinzufügen kann?

UPDATE (23:15): Ich habe gerade den Farbverlauf zum Laufen gebracht. Am Ende verband ich die getrennten Pfade, um einzelne Formen zu erstellen, in die ich eine Füllung einfügen konnte. Von dort aus habe ich alle meine neuen Formen ausgewählt und sie mit einem Farbverlauf gefüllt.

Mit Farbverlauf gefülltes Perdana-Remake

Das bringt mich zu meiner nächsten Frage: Wie erzeuge ich die Schatten innerhalb des Logos, um ein Gefühl von Tiefe zu erzeugen? Ich denke darüber nach, die Formen zu duplizieren, für jede einen Schattenverlauf zu erstellen und ihre Deckkraft auf etwa 40% zu ändern.

UPDATE (09.01.15): Ich konnte einige Schatten hinzufügen, um dem Logo Tiefe zu verleihen. Ich habe lediglich Teile des Logos dupliziert, sodass sie direkt übereinander gelegt wurden, und ihnen einige Überblendungsverläufe hinzugefügt.

Yoga-Remake-Versuch mit Schatten

Ich denke jedoch, dass es immer noch etwas gibt, das das Logo von Yoga von meinem unterscheidet. Verwendet er eine Art Körnungs- oder Unschärfetechnik? Ich kann es nicht genau sagen, aber ich habe definitiv das Gefühl, dass etwas anders ist.

UPDATE (09.01.15 @ 17:01 Uhr): Ich habe mein Logo als PNG exportiert und in Photoshop geladen. Etwas sehr feine Körnung (0,5 Gaußsches Rauschen) hinzugefügt und einen dunklen Hintergrund dazu gegeben. So kam es heraus, Yoga ist links, meins rechts:

Meine erste Einreichung von Yoga's Final Redesign

Mir ist klar, dass die Form des Logos nicht genau der von Yoga entspricht, aber ich würde sagen, dass es vom Design her sehr ähnlich aussieht. Bitte geben Sie mir Tipps, wie ich mich verbessern kann.

Bis zum nächsten Mal. -Chris

Hallo Ruby! Haben Sie Beispiele für Dinge, die Sie ausprobiert haben und die Ihrer Meinung nach nicht gut funktioniert haben? Abgesehen davon, "Yoga Perdana Tutorials" zu googeln (was Sie sicher schon getan haben), könnte es ein guter Anfang sein, sich spezifische Probleme anzusehen, die Sie beim Anpassen des Stils haben.
Es wäre hilfreich, uns zu zeigen, was Sie ausprobiert haben, und vielleicht auch ein Logo, das Sie nicht als "weich" empfinden, wie Sie es ausdrücken. Ich vermute, eine einfache Untersuchung des Histogramms von Yogas Arbeit im Vergleich zu der Arbeit, die Sie finden, ist nicht so weich, wird viel enthüllen.
Ich habe gerade ein Bild von dem hinzugefügt, was ich bisher habe!
Ihre Bearbeitung ist fast da! Sie können einen schwarzen bis transparenten Farbverlauf hinzufügen, der Ihnen den Schatteneffekt verleiht.
Hey Chris, wärst du bereit, ein Video von deiner Erstellung aufzunehmen? Auch wenn es nur eine Wiederholung ohne Erklärung ist, wäre es super hilfreich
Hallo zusammen, ich bin es. Ich habe gesehen, wie jemand oben nach einem Tutorial zu diesem Thema gefragt hat. Würde jemand anderes ein Video-Tutorial mit Erklärung hilfreich finden? Ich habe tatsächlich einen Youtube-Kanal, der Entwickler-Tutorials gewidmet ist, aber ich würde ihn definitiv auf Design erweitern, wenn andere interessiert sind. Sag Bescheid, ich melde mich.

Antworten (4)

Sie können die weiche Schattierung ähnlich wie in den von Ihnen gezeigten Beispielen erzielen, indem Sie eine neue Form erstellen, die einen Farbverlauf von Schwarz nach Schwarz mit 0 % Transparenz an einem Ende aufweist.Geben Sie hier die Bildbeschreibung ein

Erstellen Sie ein Duplikat der Form, der Sie den Schatten hinzufügen möchten, und verwenden Sie sie als Schnittmaske für Ihren „Schatten“ (cmd/Strg+7).Geben Sie hier die Bildbeschreibung ein

Ziehen Sie diese dann über die Hauptform (oder Sie hätten die Schnittmaske an Ort und Stelle einfügen können und sie wäre bereits überlagert), um jeden Schatten zu erzielen.Geben Sie hier die Bildbeschreibung ein

Es gibt hier ein Tutorial, das seinen Stil nachahmt: http://www.youtube.com/watch?v=it8jF089HA4 , das Sie vielleicht hilfreich finden. Die Person im Video verwendet Sketch.

Hallo user57152, könnten Sie bitte etwas genauer erklären, 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 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!
Hey - ich habe tatsächlich diese Nachahmung gemacht. Leider habe ich keine Ahnung, wie er die Farbverläufe macht, und es ist nicht in diesem Video.

Vielleicht können Sie den Schatten bürsten, anstatt sich auf die Softwarevorgabe zu verlassen? Da Sie derjenige sind, der die Tiefe des Bildes steuern kann, z. B. welche Form über welcher Form liegen soll.

Farbverlauf: Bewegen Sie es ein wenig, um ihm mehr Blau zu geben, beachten Sie das untere rechte Viertel

Schatten sind das, was die meiste Arbeit erfordert, fügen Sie zunächst allen Formen, die sich im Hintergrund befinden, eine Überlagerung von 7% Schwarz hinzu, später, wenn Sie einen Farbverlauf hinzufügen, machen Sie es viel glatter, Ihr Übergang ist jetzt an einigen Stellen zu aggressiv, verwenden Sie auch einen radialen Farbverlauf