Advertisement
  1. Design & Illustration
  2. Digital Painting

Wie kann man eine digitale Zeichensprache in Adobe Photoshop erstellen

Scroll to top
Read Time: 12 min
This post is part of a series called Communication Week.
How to Create a Newspaper Ransom Note Text Effect in Adobe Photoshop
40 Best Calligraphy Fonts

German (Deutsch) translation by Valentina (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Liebe ist ... universell.

In diesem Photoshop-Lernprogramm erfahren Sie, wie Sie ein digitales Gemälde erstellen, das vom American Sign Language (ASL)-Alphabet inspiriert ist. Ich werde darauf eingehen, wie Sie jede Hand von Grund auf neu zeichnen, bevor Sie das digitale Gemälde mit Ebene-Mischmodi und mehr angehen.

Dieses Gemälde verwendet dieses Set aus Acryl- und Gouache-Photoshop-Pinseln für zusätzliche Textur und Realismus. Finden Sie weitere unglaubliche Photoshop-Pinsel auf Envato Elements.

Tutorial Assets

Bei der Erstellung dieses Tutorials wurden folgende Assets verwendet:

Referenzen sammeln

Ich war schon seit meiner Kindheit besessen davon, das ASL-Alphabet zu zeichnen. Es ist eine gute Möglichkeit, die menschliche Form zu üben, während Sie mehr über diese schöne Art der Kommunikation erfahren.

Wir möchten natürlich der ASL-Gemeinschaft gerecht werden. Um ein Gemälde auf der Grundlage des ASL-Alphabets zu erstellen, benötigen wir Referenzen für jede Hand. Führen Sie eine schnelle Websuche für das ASL-Alphabet durch, um sich damit vertraut zu machen.

Hand References for ASL AlphabetHand References for ASL AlphabetHand References for ASL Alphabet
Wenn Sie Zweifel haben, machen Sie Ihre eigenen Bilder!

Um Urheberrechtsprobleme zu vermeiden, habe ich meine eigene Hand und die meines Partners in der richtigen Position fotografiert, um das Wort "Liebe" zu buchstabieren. Sie helfen nicht nur, dieses Gemälde persönlicher zu gestalten, sondern erlauben mir auch, unglaubliche Details basierend auf echten Händen zu erstellen.

Das Thema

Beachten Sie, dass für dieses Bild ein Grafiktablett erforderlich ist, um auf die Stiftdruckeinstellungen zugreifen zu können. Für das Thema werden wir jede Hand mit einer anderen Hautfarbe bemalen, um den Punkt zu vermitteln, dass Liebe universell ist.

1. Wie zeichnet man die Hände?

Schritt 1

Erstellen Sie ein Neues Dokument in Photoshop. Das fertige Gemälde hat eine Größe von 3000 x 1350 Pixeln bei 300 dpi. Sie können jedoch die Hände zunächst in einer separaten Datei zeichnen.

Brush SettingsBrush SettingsBrush Settings

Wählen Sie mit dem Pinsel-Werkzeug (Brush Tool) (B) den Pinsel für die Harte Runde Opazität-Kraft aus, um mit dem Zeichnen der ersten Hand für den Buchstaben "L" zu beginnen. Stellen Sie sicher, dass auch die Option Stiftdruck für Opazität (Opacity) aktiviert ist. Erstellen Sie dann eine Neue Ebene und führen Sie die folgenden Schritte aus.

Draw the L Hand for the ASL AlphabetDraw the L Hand for the ASL AlphabetDraw the L Hand for the ASL Alphabet
  1. Beginnen Sie mit zwei kastenförmigen Formen für die Handfläche und die Finger.
  2. Zeichnen Sie Linien, um die Finger voneinander zu trennen, und zeichnen Sie dann den Zeigefinger.
  3. Zeichnen Sie den Daumen und zerlegen Sie ihn in drei verschiedene Formen.
  4. Beenden Sie die Hand, indem Sie die Führungen löschen, Nägel hinzufügen und die Faltlinien in die Haut einfügen.

Schritt 2

Fahren Sie dann mit dem Buchstaben "O" fort. Dieses ist etwas hart, also halten Sie Ihre Referenz griffbereit. Erstellen Sie eine Neue Ebene.

Draw the O Hand From the ASL AlphabetDraw the O Hand From the ASL AlphabetDraw the O Hand From the ASL Alphabet
  1. Zeichnen Sie geneigte Linien, um die Außenwinkel für Hand und Handgelenk anzuzeigen.
  2. Definieren Sie die Handfläche und fügen Sie dann kurvige Formen hinzu, die das "O" bilden.
  3. Vervollständigen Sie den Daumen mit kurvigen Linien, bevor Sie Richtlinien für die Index-, Mittel- und Ringfinger zeichnen.
  4. Löschen Sie die Führungen leicht, bevor Sie die Skizze mit Knicklinien und Nägeln reinigen.

Schritt 3

Zeichnen Sie jetzt die Hand für den Buchstaben "V". Erstellen Sie eine Neue Ebene.

Draw the V Hand from the ASL AlphabetDraw the V Hand from the ASL AlphabetDraw the V Hand from the ASL Alphabet
  1. Beginnen Sie mit einer Kästchenform für die Handfläche und fügen Sie dann Richtlinien für den Ring und die kleinen Finger hinzu.
  2. Fügen Sie den Daumen hinzu und zerlegen Sie ihn in drei 3D-Formen.
  3. Zeichnen Sie die Mittel- und Zeigefinger und zerlegen Sie jeden Finger in drei zylinderähnliche Formen.
  4. Löschen Sie die Hilfslinien und beenden Sie die Skizze mit Nägeln und Knicklinien.

Schritt 4

Zum Schluss den letzten Buchstaben "E" zeichnen. Erstellen Sie eine Neue Ebene.

Draw the letter E from the ASL AlphabetDraw the letter E from the ASL AlphabetDraw the letter E from the ASL Alphabet
  1. Beginnen Sie mit Kastenformen für die Handfläche, die Oberseite und die Vorderseite der Finger.
  2. Fügen Sie den Daumen hinzu und zerlegen Sie ihn in drei 3D-Formen.
  3. Zeichnen Sie kurze Linien, um die Finger voneinander zu trennen.
  4. Löschen Sie die Führungen und beenden Sie die Hand mit Nägeln und Knicklinien.

Schritt 5

Hier sind alle Skizzen Ihrer Hände. Überlegen Sie, wie Sie die Komposition bevorzugen.

All the hand sketches for loveAll the hand sketches for loveAll the hand sketches for love

Obwohl ich die Idee des Stapelns der Hände mag, habe ich mich dafür entschieden, sie stattdessen in Querformat anzuordnen.

Landscape orientation for love handsLandscape orientation for love handsLandscape orientation for love hands

Bevor wir uns mit Farbe beschäftigen, ist es wichtig, unsere Ebenen zu organisieren. Platzieren Sie sie jetzt mit ihren einzelnen Buchstaben in ihre eigenen jeweiligen Gruppen.

Organized layers Organized layers Organized layers

2. Wie kann man die Grundfarben malen?

Schritt 1

Bei der digitalen Malerei geht es viel um das Bauen von Farbe. Beginnen wir dieses Bild also mit den Grundfarben. Verringern Sie die Opazität für jede Skizzierebene auf 50%.

Paint the Base ColorsPaint the Base ColorsPaint the Base Colors
  1. Erstellen Sie eine Neue Ebene mit dem Namen "Basis" für jede Buchstabengruppe.
  2. Verwenden Sie einen Harten Runden Pinsel mit 100% Härte, um jede Hand mit Volltonfarbe zu füllen.
  3. Verwenden Sie #623e36 für L, #693f39 und #bc7168 für O, #b0837d für V und #82554c für E.

Schritt 2

Um die verschiedenen Hauttöne zu ergänzen, male ich den Hintergrund dunkel mit einer warmen Mitte, um ein filmisches Gefühl zu erzeugen. Wählen Sie die Hintergrundebene aus und verwenden Sie das Rechteck-Auswahlwerkzeug (Rectangular Marquee Tool) (M) und das Farbeimer-Werkzeug (Paint Bucket Tool) (G), um den Hintergrund mit braunem #2f1b0d und Schwarz zu füllen.

Fill the background with black and brownFill the background with black and brownFill the background with black and brown
Behalten Sie das Schwarze an den Rändern; Wir werden es später brauchen, um die Hände zu verblassen.

3. Wie kann man die Hände beschatten

Um jede Hand zu schattieren, verwende ich eine Kombination aus Ebene-Mischmodi und Schnittmasken. Erfahren Sie mehr über diese Technik in diesem Tutorial:

Schritt 1

Lassen Sie uns in der jeweiligen Reihenfolge für jede Hand gehen, beginnend mit L.

Legen Sie die Skizze auf Überlagerung oder Weiches Licht fest, je nachdem, wie sie mit der Haut verschmilzt. Erstellen Sie eine Neue Ebene und klicken Sie dann mit der rechten Maustaste, um sie als Schnittmaske für die Basisebene festzulegen.  (Sie müssen dies für jede Gruppe tun.) Setzen Sie dann den Ebene-Mischmodus auf Multiplizieren (Layer Blend Mode to Multiply).

Beginnen Sie mit dem Malen der Schatten für die Hand mit einem Weichen Runden Pinsel mit 0% Härte und 40–60% Opazität.

Verwenden Sie genau dieselbe Farbe wie die Hand #623e36, um den Schatten anzuwenden und die dunklere Farbe an den Außenkanten der Handfläche und der Finger zu konzentrieren.

Paint shadows for the first handPaint shadows for the first handPaint shadows for the first hand

Schritt 2

Wiederholen Sie diese Schritte für jede Hand. Für den Buchstaben O müssen Sie dieselbe Farbe wie für die Basis #693f39 verwenden, um den Schatten anzuwenden.  Der Grund, warum dies so gut funktioniert, liegt darin, dass Sie im Multiplizieren-Mischmodus die gleiche Farbe verwenden können, um einen Farbton dunkler auf einer separaten Ebene zu zeichnen.

Sie haben vielleicht bemerkt, dass O anders aussieht als die restlichen Hände. Diese Hand wurde von Winnie Harlow inspiriert, und viele Menschen wie sie leben mit Vitiligo zusammen. Konzentrieren Sie also den Schatten entlang der Handkanten für einen sofortigen realistischen Effekt.

Paint shadow on the O handPaint shadow on the O handPaint shadow on the O hand

Schritt 3

Wiederholen Sie die gleichen Schritte für V und E.

Verwenden Sie diesmal eine Kombination aus #693f39 und einem hellgelben #c2a285 für V (auf Multiplizieren gesetzt). Hier ist der Vorher-Nachher-Blick auf die Einstellung des Mischmodus auf Multiplizieren. Sehen Sie, wie es mit nur einer Schattenebene sofort realistisch aussieht?

Shade the V handShade the V handShade the V hand

Machen Sie dasselbe für E.

Verwenden Sie genau dieselbe Farbe wie die Basis #82554c, um Schatten mit einem Weichen Runden Pinsel zu malen.

Paint shadows for the E handPaint shadows for the E handPaint shadows for the E hand

Schritt 4

Beim Schattieren der Hände geht es nur um das Bauen von Farben. Fügen Sie daher weiterhin neue Abgeschnittene Ebenen hinzu, die auf Multiplizieren für mehr Schatten eingestellt sind. Wechseln Sie zu einem Pinsel mit härteren Kanten wie der Original Hard Pressure Opazität-Pinsel mit 100% Härte für gestochen scharfe Linien.

Paint more shadow on each handPaint more shadow on each handPaint more shadow on each hand

Schritt 5

Eine Möglichkeit, ein realistisches Ergebnis zu erzielen, besteht darin, rötliche Farben auf Ihr Bild zu legen, um das Blut durch die Haut zu zeigen. Wir machen das mit Hilfe der Mischmodi.

Befestigen Sie eine Neue Ebene über deinen Schatten an der ersten Handbasis. Verwenden Sie #a17f70 und #4a2c25, um weiche Handflächen und Finger auf die Handfläche zu malen. Stellen Sie den Ebenenmischmodus auf Weiches Licht.

Add a soft light layerAdd a soft light layerAdd a soft light layer
Vor und nach dem Einstellen des Ebenenüberblendungsmodus auf Weiches Licht.

Wiederholen Sie diese Schritte für die Hände O, V und E mit derselben Theorie.

Zuerst vertiefen Sie die O-Hand mit mehr Schatten auf den Ebenen, die auf Multiplizieren eingestellt sind.

Deepen the handDeepen the handDeepen the hand
Hinweis: Ich habe die ursprüngliche Hautfarbe hier auf #c98c84 aufgehellt. Sie können dies mit Farbton und Sättigung tun.

Legen Sie dann für den Buchstaben V eine Neue Ebene für Bildschirm fest, und zeichnen Sie mit #b98b82 weiche Lichtflecke in der Mitte der Hand.

Paint highlights on VPaint highlights on VPaint highlights on V

Fügen Sie schließlich eine Neue Ebene Weiches Licht zu E hinzu und malen Sie #a77d70 sanft auf die Mitte der Hand und der Finger.

Paint color onto EPaint color onto EPaint color onto E

4. Wie kann man die Hände für Realismus farbig korrigieren

Schritt 1

Allerdings kann das Malen mit falschen Farbtönen frustrierend sein. Daher möchte ich die Intensität der roten Farbe, die nur ein bisschen durchkommt, verringern. Zu diesem Zweck legen wir für jede Buchstabengruppe Neue Anpassungsebenen für die Farbsuche als Schnittmasken (Clipping Masks) fest.

Legen Sie die 3DLUT-Datei auf FuturisticBleak.3DL fest. Ändern Sie den Mischmodus auf Sättigung und verringern Sie die Opazität auf 45%.

Beginnen Sie mit L.

Adjust the color for LAdjust the color for LAdjust the color for L

Schritt 2

Fahren Sie dann mit O fort. Verwenden Sie dieselben Einstellungen wie zuvor.

Color correct OColor correct OColor correct O

Dann beenden Sie mit V und E.

Color correct V and EColor correct V and EColor correct V and E

5. Wie kann man realistische Hände malen

Schritt 1

Um mehr Realismus zu schaffen, beginnen wir mit der Stimmung. Fügen Sie dem Hintergrund in wenigen einfachen Schritten Schatten hinzu.

Beginnen Sie mit L.

Add a shadow to LAdd a shadow to LAdd a shadow to L
  1. Wählen Sie die Grundfarbe für L aus und halten Sie die Taste Control-J gedrückt, um sie zu duplizieren. Dadurch wird die Kopie um eine Ebene über dem Original angehoben. Wählen Sie die ursprüngliche Basisebene aus und entsättigen Sie sie.  Gehen Sie zu Bild > Einstellungen > Farbton und Sättigung (Image > Adjustments > Hue and Saturation) und verringern Sie die Helligkeit auf -85.
  2. Passen Sie die Größe und die Perspektive des Schattens mit der Funktion Frei-Transformation (Free Transform) (Control-T) an und platzieren Sie ihn links von der Hand.
  3. Gehen Sie bei ausgewählter Schattenebene zu Filter > Weichzeichnen > Gaußsche Weichzeichnung (Filter > Blur > Gaussian Blur) und verwischen Sie den Schatten mit einem Radius von 20 Pixel.

Machen Sie dasselbe für O, V und E.

Add shadows to all the handsAdd shadows to all the handsAdd shadows to all the hands

Schritt 2

(Hinweis: Der Hintergrund wurde jetzt in eine dunklere braune #201209 geändert.)

Sprühen Sie jede Hand mit einer warmen Schicht. Wir müssen jetzt über den vorherigen Ebenen malen, daher ist es hilfreich, wenn Sie sie in neue Gruppen umgruppieren.

Erstellen Sie eine Neue Ebene über der Farbsucheinstellung außerhalb jeder Gruppe. Legen Sie Überlagern (Overlay) fest und verwenden Sie einen Weichen Runden Pinsel mit 40–50% Opazität, um #b69e91 über die Hand zu malen.

Add warm color to LAdd warm color to LAdd warm color to L

Machen Sie dasselbe für O, V und E.

Add warmth to the other handsAdd warmth to the other handsAdd warmth to the other hands

Schritt 3

Ich mag diese Farben jetzt wirklich. Also lasst uns die Dinge aufräumen!

Es ist jetzt wichtig, Neue Ebenen zu verwenden, um knackigere Details zu erstellen. Ich empfehle einen Pinsel mit einer Höheren Opazität (60–90%) für diese Schritte.

Beginnen Sie mit L.

Create crisp detailsCreate crisp detailsCreate crisp details
  1. Mit den Pinseln aus dem Acrylic & Gouache Brush Pack fügen Sie der Hand weitere Akzente und Textur. Wählen Sie den Pinsel Gouache_Wet_Stroke_ArtistMef, um helle Highlights von #eecfbe zu zeichnen.
  2. Mischen Sie die Lichter mit dem Radiergummi-Werkzeug (Eraser Tool) (E), um die Farbintensität zu verringern. Verwenden Sie dann einen Harten Rundpinsel, um die Kanten und Falten des Reinigers zu malen.

Machen Sie dasselbe für O, V und E. Stellen Sie die Farbe der Hervorhebungen auf die für jede Hand geeigneten Schattierungen ein. Lassen Sie die Hände von einer hellen Quelle leuchten, die die Falten betont.

Clean up the hand detailsClean up the hand detailsClean up the hand details

Schritt 4

Je mehr Farben Sie auf die Hände malen, desto realistischer wirken sie.

Integrieren Sie die Farbtöne Blau, Grün und Gelb in O, V und E. Brünieren Sie die Haut entsprechend dem jeweiligen Hautton mit Brauntönen.  Experimentieren Sie mit verschiedenen Werten für eine interessante Reflexion an den Rändern jeder Hand. Mildern Sie raue Farben mit dem Radiergummi-Werkzeug (E).

Create Realistic ColorsCreate Realistic ColorsCreate Realistic Colors

6. Wie man mit guter Stimmung und Beleuchtung abschließt

Schritt 1

Lassen Sie uns die Dinge für ein tolles Finish ein wenig kürzen!

Ich möchte eine intensiv beleuchtete, realistische digitale Malerei mit einem Gefühl der Romantischen Ära.

Erstellen Sie Neue Ebenen über allen anderen und beginnen Sie mit einem Weichen Runden Pinsel an den Rändern schwarz zu malen. Machen Sie einen filmischen Vignetteneffekt.

Add a vignette to the paintingAdd a vignette to the paintingAdd a vignette to the painting

Schritt 2

Für den Rest dieses Gemäldes habe ich mich dazu entschieden, oben im Ebenenbedienfeld auf Neue Ebenen zu malen. Fühlen Sie sich frei, Ebenen zusammenzuführen, um den Dateibereich zu verbessern.

Vergrößern Sie Ihr Gemälde und verwenden Sie einen schweren Harten Rundpinsel (80-100% Opazität), um die Dinge besonders scharf zu machen. Drücken Sie die Details so gut wie möglich, indem Sie kurze Linien für die Hautfalten zeichnen.

Hier ist ein näherer Blick auf L und O.

L and O up closeL and O up closeL and O up close

Und hier ist V und E.

Schaffen Sie Glanz durch Malen mit fast weißen Highlights. Bewegen Sie dann das Radiergummi-Werkzeug (E) (bei 30% Opazität) über die hervorgehobenen Bereiche, um die Kanten weicher zu machen.

V and E up closeV and E up closeV and E up close

Schritt 3

Mischen Sie die umgebenden Farben der Szene zusammen, bis sie im Hintergrund verschwinden.

Blend the sceneBlend the sceneBlend the scene

Mischen Sie die SzeneDie Hände sehen im Moment etwas zu bronze aus. Für mehr Variationen im Hautton müssen wir die kühlen Töne der O- und V-Hände hervorheben.  Gehen Sie zu Ebene > Neue Einstellungsebene > Farbsuche (Layer > New Adjustment Layer > Color Lookup). Ändern Sie die 3DLut-Datei in Crisp_Winter, bevor Sie die Opazität auf 42% senken.

Add a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment Layer
Farbnachschlag-Anpassungen sind der beste Weg, um schnell großartige Farbeffekte zu erzielen.

Das war's! Schauen Sie sich das endgültige Bild unten an.

Schlussfolgerung

Sehen Sie sich eine große Version dieses Gemäldes an, um die Details aus nächster Nähe zu sehen.

Ich hoffe, Ihr hat dieses Tutorial gefallen. Studieren Sie Ihre Referenzen aus nächster Nähe und wählen Sie endliche Details für mehr Realismus aus.  Selbst wenn Sie denken, Sie hätten den Realismus zu weit gedrängt, fügen Sie der Haut weitere subtile Lichtflecke hinzu, um ihren natürlichen, öligen Glanz zu zeigen.

Fühlen Sie sich frei, Ihre Fragen und Ergebnisse in den Kommentaren zu hinterlassen.

Weitere erstaunliche Lernprogramme für digitales Malen finden Sie unter den folgenden Links:

Sign Language Love Hands Digital Painting by Melody NievesSign Language Love Hands Digital Painting by Melody NievesSign Language Love Hands Digital Painting by Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads