Super süße Ostern Wallpaper Illustration Tutorial

Der Ostersonntag rückt immer näher. Warum also nicht mit festlichen Tapeten feiern? Was werden wir schaffen? Wie wäre es mit einem einfachen Hintergrund, einer subtilen Textur und ein paar Küken? Nein, nicht diese Art von Küken, die andere Art! Lass uns anfangen…

Was wir machen werden ...

Hier ist die Tapete, die wir von Grund auf illustrieren werden. Klicken Sie auf das Bild, um eine große Version zu sehen.

Anmerkung des Herausgebers: Dieses Tutorial wurde ursprünglich in tschechischer Sprache bei Grafika Online veröffentlicht. Grafika hat freundlicherweise die Erlaubnis erteilt, dass Vaclav hier auf Psdtuts + veröffentlicht wird, für diejenigen, die Tschechisch noch nicht beherrschen.

Schritt 1

Erstellen Sie ein neues Photoshop-Dokument (Strg + N). Größe ist nicht wichtig für
jetzt. Stellen Sie einen weißen Hintergrund ein und wählen Sie das Ellipse-Werkzeug (U) und
Zeichne zwei Ellipsen - die Basis unseres Kükens. Drücken Sie beim Zeichnen die Umschalttaste
Schlüssel, um beide Ellipsen in einer Ebene zu haben. Vergessen Sie auch nicht, die Formen zu zeichnen
als eine Form
Ebene (erstes Symbol in der Menüleiste), damit wir sie später ändern können.

Schritt 2

Wählen Sie anschließend das Direktauswahl-Werkzeug (A). Wählen Sie die zwei Seiten aus
Punkte der zweiten Ellipse und etwas nach oben verschieben…

Schritt 3

… Und gleichzeitig die Ankerpunkte anpassen, um sie weniger rund zu machen. Wie
Wie im nächsten Bild gezeigt, können Sie auch den oberen Punkt drehen.

Schritt 4

Wenn Sie zufrieden sind, klicken Sie auf die Schaltfläche Kombinieren. Diese Funktion
verbindet die beiden Formen zu einer.

Schritt 5

Passen Sie als Nächstes die Verbindung zwischen den Formen an (sicher, es gibt nur eine Form.)
jetzt, aber die verbindung ist zu scharf). Die Methode ist ziemlich einfach. Wähle aus
Stiftwerkzeug (P), fügen Sie zwei neue Punkte um den alten hinzu (neue Punkte sind
auf dem Bild hervorgehoben), und löschen Sie den alten Punkt (markiert mit einem x auf der
Bild). Wenn die Verbindung immer noch nicht rund ist, wiederholen Sie diesen Vorgang einige Male
mal.

Schritt 6

Wenn Sie möchten, können Sie auch den Schwanz hinzufügen. Fügen Sie mit dem Stiftwerkzeug (P) einen neuen Punkt hinzu
und bewege es nach oben. Färben Sie die Ebene anschließend in die endgültige Farbe hellgelb # FDED95 ​​ein.

Schritt 7

Die Basis ist fertig, sodass Sie jetzt mit anderen Teilen fortfahren können. Das Auge
ist nur eine weitere schwarze Ellipse oder ein Kreis, wenn Sie möchten, drücken Sie die Umschalttaste
Schlüssel während Sie zeichnen. Drücken Sie jedoch nach dem Start die Umschalttaste
Zeichnen, sonst setzen Sie stattdessen den Zeichnungsmodus für das Hinzufügen.

Schritt 8

Der Schnabel des Kükens kann mit einem Polygon gezeichnet werden. Verwenden Sie deshalb das Stiftwerkzeug (P) und zeichnen Sie a
Form ähnlich der auf dem Screenshot. Vergiss nicht, diese Ebene zu verschieben
unter der Grundschicht. Die Farbe dieser Form ist
# F7BF86. Sie können die Formfarbe leicht ändern, wenn Sie auf das Symbol klicken
Vorschausymbol in der Ebenen-Palette oder legen Sie die Hintergrundfarbe fest und drücken Sie dann Alt + Rücktaste.

Schritt 9

Ziehen Sie die Beine genauso, es sind nur noch einige Punkte und
Mausklicks. Es ist nicht notwendig, beide Beine in einer Schicht zu haben. Falls Sie es wollen,
Sie können nur ein Bein zeichnen und es duplizieren (Strg + J). Aber dieses mal
Die Regelmäßigkeit ist nicht wichtig - in der Tat ist es besser, wenn sie nicht zu regelmäßig sind, da dies dem Stil der Illustration viel besser entspricht.

Schritt 10

Hier ist das Küken in 100% -Ansicht… ziemlich süß!

Schritt 11

Das einzige, was fehlt, ist der Flügel. Wir wollen ein sehr einfaches Küken, aber fehlende Flügel sind vielleicht etwas zu simpel :-) Als Basis verwenden Sie wieder die Ellipse…

Schritt 12

… Und verwandle es wieder wie der Körper, indem du die Seitenpunkte nach oben bewegst…

Schritt 13

… Und drehen Sie sie etwas im Uhrzeigersinn (Strg + T).

Schritt 14

Recolor es in die dunklere gelbe Farbe (# FBE56E) und - whoa! Der Flügel
ist zu stark Vielleicht könnten wir nur einen Umriss machen. Also warum nicht? Wähle das Pfadauswahl-Werkzeug (A),
Wählen Sie die Form aus, kopieren Sie sie (Strg + C) und fügen Sie sie ein (Strg + V).,
verkleinere es auf 90% (Strg + T)…

Schritt 15

… Und stellen Sie den Modus Vom Formbereich subtrahieren. Wie du auf der sehen kannst
Nächster
Bild, Größe ändern ist nicht das gleiche wie das Erweitern, daher die
Die Kontur ist an den Seiten breiter und oben und unten schmaler.
Leider hat Photoshop nicht mehr Funktionen zum Arbeiten mit Vektoren (wie
Illustrator), wenn Sie also eine genaue Kontur wünschen, müssen Sie für eine
Moment in Illustrator.

Dies führt uns zu einer wichtigen Frage, die ich beantworten werde, bevor ich in den Kommentaren dazu geflammt werde… Warum nicht einfach in Illustrator erstellen??

Die Antwort ist das wann
Sie erstellen Grafiken für den Bildschirm (in unserem Fall ein Hintergrundbild) und nicht für den Druck
(zum Beispiel ein Poster), macht es keinen großen Unterschied, ob Photoshop oder
Illustrator. Beide haben Funktionen zum Arbeiten mit Vektorebenen, jedoch in
In Photoshop können Sie auch problemlos Effekte hinzufügen und die Grafiken ändern. Außerdem das
Seite ist über Photoshop und ich mag es wirklich :)

Schritt 16

Aber kommen wir zurück zum Küken. In der Größe von 100% sieht es so aus. Der Flügel ist
Sieht nett aus, wie wäre es, wenn Sie dem Körper auch eine Kontur hinzufügen?

Schritt 17

Warum nicht? Verwenden Sie einfach dieselbe Methode. Dupliziere die Basisebene (Strg + J),
Wählen Sie die Form aus, kopieren Sie sie, fügen Sie sie ein, ändern Sie ihre Größe und stellen Sie den Modus auf subtrahieren.
Hier kann man sehr deutlich sehen, dass die Größenänderung wirklich nicht dasselbe ist
wie die Form erweiternd…

Schritt 18

… Sie müssen also das Direktauswahl-Werkzeug (A) auswählen und jeden Punkt verschieben
wo es hingehört…

Schritt 19

Dies gibt Ihnen die Möglichkeit, mit der Form zu spielen und zu betonen
etwas und lassen Sie die Gestalt des Körpers des Kükens mit den Zacken vorhersagen.

Schritt 20

Bald werden Sie feststellen, dass die als Form erstellte Kontur Ihnen viele gibt
Möglichkeiten; Zum Beispiel, um den Flügel noch unregelmäßiger und breiter zu machen
auf den Seiten. Stellen Sie sicher, dass das unregelmäßige Erscheinungsbild Ihrem Ziel entspricht,
kein Versagen.

Schritt 21

Hier ist wieder unsere 100% Größenansicht. Sie sehen, dass die unregelmäßige Kontur der Abbildung viel Charakter verliehen hat.

Schritt 22

Was fehlt also? Wie wäre es mit einigen stilisierten Federn! Zum
Verwenden Sie dazu eine sehr einfache Kopiermethode. Zeichnen Sie zuerst eine "Feder", zum Beispiel mit der
Stiftwerkzeug (P), ein einfaches Viereck sollte ausreichen.

Schritt 23

Wenn Sie mit der Größe zufrieden sind, verschieben Sie die Form zur Seite und wählen Sie die Option
Bereich mit dem Rechteck-Auswahlwerkzeug (M), und definieren Sie diesen als neuen Pinsel: Bearbeiten
> Pinsel definieren. Die Auswahl kann größer als die Form sein. Wichtig ist
um den Hintergrund weiß und die Form schwarz zu halten.

Schritt 24

Wenn Sie die Pinselvorschau auf dem grauen Hintergrund sehen, wenn Sie das Symbol eingeben
neuer Name, es ist in Ordnung (weiß vom Hintergrund wird transparent).

Schritt 25

Dann müssen Sie den Pinsel anpassen, um den Körper des Kükens zu konturieren.
Öffnen Sie daher die Pinselpalette und stellen Sie zunächst das ein
Abstand. Der Pfeil auf dem nächsten Bild zeigt den von Ihnen gewählten Musterstrich
kann auf der neuen temporären Ebene versuchen, das Ergebnis zu sehen. Der Abstand ist
ideal irgendwo zwischen 150 - 200%.

Schritt 26

Um den Federmantel abwechslungsreicher zu gestalten, setzen Sie den Größenjitter auf ungefähr
40% auf der Registerkarte Shape Dynamics. Wieder sehen Sie den Pinsel
Vorschau im unteren Teil der Palette (und links im Dokument).

Schritt 27

Das letzte, was Sie tun müssen, ist, den Pinsel so zu justieren, dass er sich drehen lässt, damit wir ihn auf den Pinsel auftragen können
Küken Körper Dies erfolgt mit der Angle Control-Eigenschaft,
wo Sie den Wert auf Richtung setzen. Jetzt können Sie keine sehen
Unterschied im unteren Teil der Palette, aber versuchen Sie, mit diesem Pinsel zu zeichnen
in der neuen Ebene. Die Bürste dreht sich in die Richtung, in die Sie sich bewegen. Diese
ist genau das, was wir wollen!

Schritt 28

Jetzt können Sie den Federmantel mit der Maus um das Küken ziehen, aber das ist nicht der Fall
Dies ist eine sehr komfortable Art, Dinge zu tun, insbesondere wenn Photoshop selbst die Arbeit erledigen kann. Alles
Sie brauchen einen Pfad und weil der Körper des Kükens eine Formschicht (oder anders ausgedrückt: ein Pfad) ist, müssen wir
habe die Hälfte der Arbeit bereits erledigt.

Das einzige, was erforderlich ist, ist, den Pfad von der Formebene in den Pfad "zu verschieben"
Palette. Wählen Sie die Ebene und mit dem Pfad
Auswahlwerkzeug (A), wählen Sie den Pfad aus. Zeigen Sie dann die Pfade-Palette an
Sie können den Arbeitspfad sehen (der Name ist kursiv dargestellt). Dies bedeutet, dass nach
Wenn Sie eine andere Ebene auswählen, wird dieser Pfad nicht mehr angezeigt!
Klicken Sie daher auf den kleinen schwarzen Pfeil in der Palette und wählen Sie Pfad speichern.

Schritt 29

Als Nächstes erstellen Sie eine neue Ebene (Strg + Alt + Umschalt + N) und klicken Sie erneut auf
kleiner schwarzer Pfeil, diesmal aber den Strich auswählen
Pfadfunktion.

Schritt 30

Wählen Sie für das Werkzeug Pinsel aus (der Pinsel wird der zuletzt verwendete), und deaktivieren Sie ihn
das simulieren
Drücken Sie und bestätigen Sie mit OK.

Schritt 31

Für eine bessere Sichtbarkeit des Ergebnisses können Sie die Ebene für eine Weile schwarz färben,
und wenn alles gut aussieht…

Schritt 32

Ändern Sie die Farbe in Gelb (# FBE56E). Weil die Farbe sehr hell ist
und der Federmantel nicht sehr sichtbar ist, können Sie die Ebene duplizieren (Strg +
J). Oder wiederholen Sie den Vorgang noch einmal mit einem etwas anderen Pinsel.

Schritt 33

Hier ist eine weitere 100% Größenansicht.

Schritt 34

Wir können unser Küken nicht alleine lassen, deshalb werden wir mehr, kleiner und kleiner schaffen
verschiedene Farben.

Verschiebe alle Chick-Layer in den neuen Ordner, dupliziere diesen Ordner, verschiebe ihn
seitlich und verkleinere es auf 50% (Strg + T).

Schritt 35

Aber nach der Größenänderung fehlen den Federn die Details. Deshalb löschen
die zwei Federschichten und wiederholen den Vorgang, den wir verwendeten, um das größere Küken zu füttern. Wie du
kann man auf dem nächsten Bild sehen, zur besseren Sichtbarkeit ist der Federmantel wieder vorhanden
Schwarz, aber ändern Sie die Farbe natürlich in Gelb, wenn Sie damit zufrieden sind.

Schritt 36

Und jetzt wollen wir noch ein paar Küken in verschiedenen Farben. Duplizieren Sie den Ordner und
Laden Sie die Auswahl aller Schichten außer dem Schnabel und den Beinen. Es ist ganz einfach
Klicken Sie mit den Tasten Strg und Umschalttaste auf die Miniaturbilder der Ebene.

Schritt 37

Fügen Sie dann in der Ebenenpalette eine neue Einstellungsebene für Farbton / Sättigung hinzu.

Schritt 38

Welches wird die vorherige Auswahl als Maske haben und daher alle Änderungen
wird nur über den Körper des Kükens gemacht. Bewegen Sie den ersten Schieberegler, Farbton,
bis Sie mit der Farbe zufrieden sind.

Schritt 39

Dann duplizieren Sie den Ordner erneut und ändern Sie den Farbton, bis Sie es getan haben
genug Küken :), genau wie auf diesem Bild.

Schritt 40

Aber - whoa! Während das gelbe Küken schön und blass ist, glänzen die anderen
und sehr, sehr stark. Wir müssen wirklich etwas damit anfangen.

Laden Sie also erneut die entsprechende Auswahl. Diesmal können Sie das laden
Auswahl aus der Farbton / Sättigungsschicht. Klicken Sie einfach mit der Strg-Taste auf
das Miniaturbild der Maske. Erstellen Sie dann eine neue Einstellungsebene für Helligkeit / Kontrast
unter dieser Schicht. Bewegen Sie sich dann mit dem Helligkeitsregler bis zum Küken
ist fast die gleiche Helligkeit wie das ursprüngliche gelbe Küken. Wie du auf diesem sehen kannst
Bild, das orangefarbene Küken braucht nur ein wenig Anpassung…

Schritt 41

… Während Sie den rosa Wert anpassen, müssen Sie den Schieberegler viel mehr verschieben…

Schritt 42

… Und noch mehr für den blauen. Der grüne ist schon ungefähr richtig.

Schritt 43

Jetzt haben wir alles für den Hintergrund bereit - die Tapete.
Erstellen Sie daher ein neues Dokument in der von Ihrem Desktop benötigten Größe (z. B. 1280 x 1024)
oder 1600x1200).

Schritt 44

Füllen Sie den Hintergrund mit einem hellen Gelb (# FFF6CC) und bewegen Sie alle
Schichten aus dem vorherigen Dokument in dieses. Verwenden Sie einfach das Drag & Drop
Methode, und verteilen Sie dann die Küken irgendwie. Zum Beispiel, wie ich unten gezeigt habe:

Schritt 45

Weil wir einen sehr einfachen und blassen Hintergrund haben wollen, wir
fügt nur einige Spritzer von Aquarellformen hinzu. Dafür brauchen wir etwas
Aquarellpinsel, die Sie zum Beispiel von DeviantArt herunterladen können. Gerade
suchen nach
Aquarellpinsel:


Schritt 46

Wählen Sie nach einiger Suche die Pinsel aus, die groß genug sind. Diese sehen für unsere Zwecke gut aus.


Schritt 47

Springen Sie dann zurück zu Photoshop, wählen Sie das Pinselwerkzeug (B) und den Kontext aus
Wählen Sie im Menü die Option Bürsten laden.

Schritt 48

Wählen Sie die .abr-Datei aus, und Ihre neuen Pinsel sollten direkt auf der erscheinen
Liste.

Schritt 49

Als Nächstes erstellen Sie eine neue Ebene und beginnen Sie mit dem Pinselwerkzeug (B), die Pinsel zu testen..
Die Farbe des Pinsels ist wieder gelb (# FFF6CC), jedoch die Interaktion
der Schichten sollte Multiplizieren! Auf diese Weise können Sie eine echte erreichen
Aquarell über alle Küken schauen. Nach einiger Zeit könnte Ihr Dokument so aussehen. Immer noch sehr
abstrakter und heller Hintergrund, aber mit schöner Textur und viel mehr
interessant.

Schritt 50

Passen Sie als Nächstes die kleinen Küken an, um sie ein wenig anders zu machen. Alles was Sie tun müssen
ist den Schnabel, das Auge und die Beine zu bewegen.

Schritt 51

… Bewegen Sie die Küken schließlich mehr zu den Seiten hin, damit sie zufällig aussehen.

Schritt 52

Wir möchten die Aufmerksamkeit unserer Benutzer auf das Zentrum richten, in dem sich das große Küken befindet
wo wir unseren Text platzieren werden. Fügen Sie also eine neue Ebene für die Anpassung der Ebenen und hinzu
Bewegen Sie den schwarzen Schieberegler nach rechts. Das ganze Bild wird dunkler…

Schritt 53

… Zeichnen Sie dann mit dem Verlaufswerkzeug einen Radialverlauf aus Schwarz
auf weiß (der Verlauf wird im nächsten Bild in der Ebenenpalette sichtbar). Diese
So wird die Verdunkelung nur um die Ecken erfolgen.

Schritt 54

Dann fügen Sie einfach einen schönen Text mit einer schicken Schrift hinzu, zum Beispiel 42
(die ich von einer kostenlosen Schriftseite heruntergeladen habe
dafont.com), in der Farbe # F5B06A…
 

Schritt 55

Und die Tapete ist fertig! Klicken Sie auf das nächste Bild, um es vollständig anzuzeigen
Größe (1280 x 1024).


Schritt 56

Was? Du willst noch nicht fertig sein? OK OK. Nur noch wenige optionale Schritte. Mal sehen, wie wir können
die Aufmerksamkeit des Benutzers etwas mehr auf die Mitte richten? Wie wäre es, wenn Sie die Seitenküken verwischen?!

Dupliziere alle Ordner kleiner Küken und füge sie in einer Ebene zusammen (Strg
+ E) und verwende Filter> Unschärfe> Gaußsche Unschärfefilter.

Schritt 57

Stellen Sie den Radius entsprechend der Entfernung von der Mitte ein. Zum Beispiel von 0.5px (z
das erste Küken) bis etwa 4 Pixel (für das letzte Küken).

Schritt 58

Und das ist wirklich das Ende dieses Mal! Klicken Sie auf das nächste Bild, um das Ergebnis zu sehen
Glück mit deiner Arbeit… und natürlich - Frohe Ostern!