Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Sketch
Design

Wie man eine Illustration von Paris Lifestyle in Sketch erstellen kann

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Sketch ist ein erstaunliches Softwarepaket, mit dem wir verschiedene Arten von Vektorgrafiken erstellen können.  Heute lernst du, wie du einfache Vektorelemente erstellst, die du in eine schöne und elegante Szene einbindet, die von den Filmen "Frühstück bei Tiffany" und "Roman Vacations" inspiriert wurde.  Nehmen Sie eine Tasse Kaffee und fangen Sie an!

1. Erstellen Sie den Eiffelturm

Schritt 1

Wir beginnen mit der Erstellung unseres Zeichenbereichs.  Drücken Sie dazu A auf der Tastatur und zeichnen Sie eine Zeichenfläche von 850 px x 850 px.

Set up your document

Schritt 2

Wählen Sie das Rectangle-Werkzeug, indem Sie R auf der Tastatur (oder im Menü Insert > Shape in der oberen Symbolleiste) drücken und ein Rechteck mit der gleichen Größe wie unser Zeichenbereich erstellen.  Deaktivieren Sie die Kontrollkästchen, klicken Sie dann auf die Schaltfläche Fill und ändern Sie die Farbe in #C5E9F9 mithilfe Inspector Panel rechts.

Change color of background rectangle

Schritt 3

Nehmen Sie das Vector-Werkzeug (V) und zeichne die Grundsilhouette des Eiffelturms, genauer gesagt die Hälfte.  Es muss nicht perfekt sein, denn der Eiffelturm wird Teil des Hintergrunds unserer Horizontlinie sein.

Eiffel Tower silhouette - half

Schritt 4

Duplizieren Sie diese Form durch Drücken von Command-D auf der Tastatur und Flip Horizontal (Layer> Transform> Flip Horizontal).

Eiffel Tower silhouette duplicate and flip horizontal

Schritt 5

Verschiebe diese Form nach rechts.  Stellen Sie sicher, dass die Formen mindestens 1 px überlappen.  Verwenden Sie das Bild unten als Referenz.

Eiffel Tower shapes ovelapping

Schritt 6

Wählen Sie beide Hälften aus, und führen Sie sie dann mit Union in der oberen Symbolleiste zusammen.

Eiffel Tower shapes - union

Schritt 7

Deaktivieren Sie abschließend die Markierungen an den Rändern und setzen Sie die Farbe auf #A7D9ED über Inspektor Panel auf der rechten Seite.

Eiffel Tower finished

Nennen Sie diese Figur den "Eiffelturm".

2. Erstellung einer Stadtlandschaft.

Schritt 1

Beziehen Sie sich auf das Vector-Werkzeug (V) und zeichnen Sie eine Form, die eine Stadtlandschaft darstellt.  Stellen Sie sich diese Form als eine Mischung aus Gebäuden und Häusern unterschiedlicher Größe vor.  Verwenden Sie das Bild unten als Referenz.

Cityscape shape

Geben Sie dieser Figur den Namen "Stadt".

Schritt 2

Deaktivieren Sie die Rahmen und ändern Sie die Farbe in #B4E5F7.

Cityscape change color

Schritt 3

Fügen wir ein paar Fenster hinzu.  Dazu verwenden wir Rechtecke in verschiedenen Größen.  Wählen Sie also das Rectangle-Werkzeug (R) und starten Sie die Erstellung von Fenstern.  Verwenden Sie für Farbe #E4F7FD und deaktivieren Sie die Rahmen.

Cityscape - create windows

Schritt 4

Fahren Sie fort, die Fenster zu zeichnen, bis Sie etwas wie das Bild unten haben.

Cityscape windows finished

Wählen Sie die Form der "Stadt" und alle erstellten Fenster und platzieren Sie sie in der Gruppe mit Command-G auf der Tastatur.  Nennen Sie diese Gruppe "Stadtlandschaft".

3. Zeichnen Sie ein Terrassencafe

Schritt 1

Zeichnen Sie ein Rechteck, wie im Bild unten, mit dem Rectangle-Werkzeug(R).  Dieses Rechteck ist der Boden der Terrasse.

Cafe terrace - floor shape

Schritt 2

Deaktivieren Sie die Kontrollkästchen an den Rändern, klicken Sie auf die Schaltfläche Fill und wechseln Sie mit Inspektor Panel rechts zu Linear Gradient.  Erstellen Sie Linear Gradient mit den folgenden Einstellungen:

  • 1: #969696
  • 2: #CDCDCD
  • 3: #B0B0B0
Cafe terrace floor gradient colors

Schritt 3

Lassen Sie uns eine Terrassenmauer hinzufügen.  Zeichne ein weiteres Rechteck mit Rectangle-Werkzeug (R).  Deaktivieren Sie die Kontrollkästchen von den Rahmen und verwenden Sie #F2F2F2 für die Farbe.

Cafe terrace - create terrace wall

Schritt 4

Dann zeichnen Sie ein kleines Rechteck darunter (für die Farbe #CBE3FF).

Cafe terrace - wall details bottom

Schritt 5

Dann zeichnen Sie ein oben auf der Terrassenmauer.  Verwenden Sie dazu die Farbe #FFFFFF.

Cafe terrace - wall details top

Wählen Sie alle Rechtecke aus und gruppieren Sie sie (Command-G) in die Gruppe "Terrasse".

4. Erstellen Sie einen Bartisch

Schritt 1

Nehmen Sie das Rechteck-Werkzeug (R) und zeichnen Sie den unteren Teil des Tisches. Legen Sie in Inspector Panel rechts den Wert Radius auf 22 px fest.

Bar table base

Schritt 2

Deaktivieren Sie die Ränder, klicken Sie auf Fill und wählen Sie Linear Gradient.  Stellen Sie die Farbe für den unteren Bereich links #DCD0CA und rechts - #918084 ein.

Bar table base gradient

Schritt 3

Zeichnen Sie dann mit dem Rectangle-Werkzeug (R) ein Tischbein.  Verwenden Sie die Farbe #DCD0CA für das Bein.

Bar table leg

Schritt 4

Duplizieren Sie (Command-D) das Bein des Tisches, ändere die Farbe auf #A8959A und reduziere die Höhe, wie im Bild unten gezeigt.

Bar table leg dark rectangle

Schritt 5

Rufen Sie den Figurenbearbeitungsmodus auf, indem Sie auf der Tastatur Enter drücken oder doppelklicken Sie auf das Rechteck.  Sie sehen einen runden Punkt in jeder Ecke.  Nehmen Sie den unteren linken Punkt und bewegen Sie ihn etwas nach oben.

Bar table leg adjust darker rectangle

Schritt 6

Erstellen Sie ein weiteres Rechteck von oben und verwenden Sie dazu die Farbe #6E606B.

Bar table leg top rectangle

Schritt 7

Fügen wir oben ein bisschen Schatten hinzu.  Wählen Sie das Rechteck-Werkzeug (R) und zeichnen Sie ein Rechteck von der gleichen Höhe wie die Tabelle, aber die Hälfte der Breite.  Verwenden Sie für Farbe #000000.

Bar table leg shadows

Schritt 8

Reduzieren Sie die Opacity dieses Rechtecks auf 10%.

Bar table leg shadows opacity

Schritt 9

Jetzt werden wir eine Tischplatte erstellen.  Nehmen Sie dazu das Rectangle-Werkzeug (R) und erstellen Sie ein Rechteck oben.

Bar table top shape

Schritt 10

Ändern Sie Fill auf Linear Gradient und erstellen Sie einen Farbverlauf mit den folgenden Einstellungen für Farbmarkierungen:

  • 1, 7, 11: #DACEC8
  • 2, 8: #DBCFC9 
  • 3, 6: #F1E2D8 
  • 4: #DCD0CA 
  • 5: #DCCFC9 
  • 9: #EDDFD5 
  • 10: #DED2CB
Bar table top gradient settings

Schritt 11

Erstellen Sie schließlich ein kleines Rechteck, das näher am unteren Rand der Tabelle liegt.  Für die Farbe nützen Sie #FBF0E2.

Bar table top detail

Schritt 12

Wählen Sie alle Formen aus und platzieren Sie sie in der Gruppe "Bartisch" mit Command-G.

5. Erstellung eines Barstuhls

Schritt 1

Zuerst werden wir die Basis des Stuhls schaffen.  Nehmen Sie das Rectangle-Werkzeug (R) und zeichnen Sie die Basis.  Legen Sie in Inspector Panel rechts den Wert Radius auf 22 px fest.

Bar stool base

Schritt 2

Deaktivieren Sie die Rahmen und klicken Sie auf Fill und wählen Sie Linear Gradient. Setzen Sie den Farbmarker auf #918084 links und rechts auf #DCD0CA.

Bar stool base gradient

Schritt 3

Erstellen Sie das Bein des Stuhls auf die gleiche Weise wie im vorherigen Schritt das Bein des Tisches.

Bar stool leg

Schritt 4

Jetzt werden wir einen Schritt auf dem Stuhl machen.  Zeichne ein abgerundetes Rechteck mit dem Rounded-Werkzeug (U).  Erstellen Sie den Radius 10 px in Inspektor Panel.

Bar stool leg rest - rectangle

Schritt 5

Als nächstes erstellen Sie ein Dreieck mit Dreieck-Werkzeug aus Insert> Shape.

Bar stool leg rest - triangle

Schritt 6

Wählen Sie beide Formen aus, und führen Sie sie in der oberen Symbolleiste mit Union zusammen.  Ändern Sie die Fill auf Linear Gradient.  Verwenden Sie für die Farbmarkierung auf der linken Seite #DCD0CA und rechts #C5BAB5.

Bar stool leg rest gradient

Schritt 7

Jetzt passen wir den Farbverlauf an.  Bewegen Sie zuerst die Farbe in die Mitte und bewegen Sie dann den Farbmarker nach links, ebenfalls in der Mitte.

Bar stool leg rest adjust gradient

Schritt 8

Erstellen Sie einen Platz.  Nehmen Sie das Rectangle-Werkzeug (R) und zeichnen Sie die Form des Sitzes.  Verwenden Sie die Farbe #F5A623.

Bar stool seat shape

Schritt 9

Doppelklicken Sie auf das Rechteck, um in den Formbearbeitungsmodus zu gelangen, wählen Sie die beiden oberen Punkte aus und stellen Sie i Inspector Panel die Corners auf 14 px ein.

Bar stool adjust seat corners

Schritt 10

Nun wenden wir Inner Shadows mit Inspector Panel an.  Um Tiefe hinzuzufügen, wenden wir zwei verschiedene interne Schatten an.  Für den ersten Gebrauch die folgenden Einstellungen:

  • Farbe: #FFFFFF 
  • X: 0 px 
  • Y: 0 px 
  • Blur: 2 px
  • Alpha: 80%
Bar stool highlight

Schritt 11

Verwenden Sie für die Sekunde die folgenden Einstellungen:

  • Farbe: #000000 
  • X: 0 px 
  • Y: -9 px 
  • Blur: 9 px
  • Alpha: 15%
Bar stool depth

Schritt 12

Zeichnen Sie ein Rechteck am unteren Rand des Sitzes und wählen Sie Linear Gradient für Fill.  Erstellen Sie einen Farbverlauf mit den folgenden Einstellungen für Farbmarkierungen:

  • 1, 2, 4, 5, 7, 8, 10, 11: #EFEAE8 
  • 3, 6: #FFFFFF 
  • 9: #F8F6F6
Bar stool metallic part gradient

Schritt 13

Am Ende, erstellen Sie ein kleines Rechteck an der Unterseite des Sitzes.  Verwende die Farbe #D8D8D8.

Wähle alle Formen aus und lege sie mit Command-G in die Gruppe "Barstuhl".  Platzieren Sie die Gruppe "Barstuhl" unterhalb der Gruppe "Bartisch" in Layers List.

Schritt 14

Verwenden Sie das Oval-Werkzeug (O), um einen Schatten unter dem Stuhl und dem Schreibtisch zu erstellen. Verwenden Sie die Farbe #000000 für Fill, verringern Sie die Opacity auf 40% und ändern Sie Blending Mode auf Soft Light.  In Layers List verschieben Sie diese Figur unter die Gruppen "Bartisch" und "Barstuhl".

Shadow below table and stool

6. Zeichnen Sie eine Frau

Schritt 1

Zeichnen Sie mit dem Vektor-Werkzeug (V) eine Kopfform.  Verwenden Sie für Farbe #FDCCA2 und deaktivieren Sie die Rahmen.

Girl head shape

Schritt 2

Nehmen Sie das Vektor-Werkzeug (V) und zeichnen Sie einen Mund.

Girl mouth shape

Schritt 3

Löschen Sie die Ränder und füllen Sie die Mundform mit der Farbe #E77781.

Girl mouth color

Schritt 4

Mit dem Oval-Werkzeug (O) erzeugen Sie einen Maulwurf direkt über dem Mund.  Verwenden Sie für Farbe #F4BB94.

Girl birthmark

Schritt 5

Erstellen Sie mithilfe des Vector-Werkzeug (V) eine Sonnenbrilleform.  Füllen Sie die Form mit der Farbe #FFFFFF und stellen Sie sicher, dass die Rahmen deaktiviert sind.

Girl - sunglasses shape

Schritt 6

Verwenden Sie dann erneut das Vektor-Werkzeug (V) und zeichnen Sie die Form der Linse.

Girl - sunglasses lens

Schritt 7

Ändern Sie in der rechten Hälfte Inspector Panel die Fill auf Linear Gradient.  Verwenden Sie für die oberste Farbmarkierung #AFAAAA8 und für die untere Markierung #0D0D0D.

Girl - sunglasses lens gradient

Schritt 8

Fügen Sie den Glanz der Linsen mit dem Oval-Werkzeug (O) hinzu.  Füllen Sie die Form mit der Farbe #D8D8D8, verringern Sie die Opacity auf 50% und stellen Sie sicher, dass die Ränder deaktiviert sind.

Girl - sunglasses lens shine

Schritt 9

Wählen Sie alle Formen aus, die Teil der Sonnenbrille sind, fügen Sie sie der Gruppe "Sonnenbrille" hinzu und wenden Sie in Inspector Panel Shadow auf die Gruppe an.  Verwenden Sie die folgenden Einstellungen:

  • Schattenfarbe: #EAA884 
  • X: 2 px
  • Y: 0 px 
  • Blur: 2 px
Girl - sunglasses shadow

Schritt 10

Lassen Sie uns jetzt die Haare zeichnen.  Zeichnen Sie die Haare mit dem Vektor-Werkzeug (V).  Füllen Sie die Figur mit der Farbe #000000 und deaktivieren Sie die Ränder.

Girl - create hair

Schritt 11

Verwenden Sie das Vektor-Werkzeug (V), um einen Schal um den Kopf der Frau zu zeichnen.  Deaktivieren Sie die Rahmen und füllen Sie das Formular mit der Farbe #F7EADF.

Girl - draw scarf

Schritt 12

Wenden Sie Shadows mithilfe Inspector Panel auf der rechten Seite an.  Verwenden Sie die folgenden Einstellungen:

  • Farbe: #000000 
  • X: -1 px 
  • Y: 0 px 
  • Blur: 2 px
  • Alpha: 5%
Girl - scarf shadow

Schritt 13

Zeichnen Sie die Form über dem Schal, wie in der Abbildung unten gezeigt, mit dem Vektor-Werkzeug (V).  Verwenden Sie für Farbe #000000.

Girl - scarf black shape

Schritt 14

Als nächstes wählen Sie die zwei Formen, die wir gerade erstellt haben, halten Sie die Shift-Taste gedrückt und klicken Sie auf die Ebenen und wählen Sie dann Mask in der oberen Symbolleiste.

Girl - scarf black shape mask

Schritt 15

Verringern Sie abschließend die Opacity der schwarzen Figur auf 3%

Girl - scarf black shape opacity

Wählen Sie alle Ebenen, die wir verwendet haben, um den weiblichen Kopf (Kopf, Mund, Muttermal, Sonnenbrille, Haar und Schal) zu erstellen, und fügen Sie sie (Command-G) der Gruppe "Kopf" hinzu.

Schritt 16

Verwenden Sie Rectangle (R), um den Hals zu erstellen.  Setzen Sie die Farbe auf #FDCCA2 und deaktivieren Sie den Rahmen.

Girl - draw a neck

Schritt 17

Nehmen Sie das Oval-Werkzeug (O) und zeichnen Sie eine Form ähnlich der unten gezeigten, um einen Schatten vom Kopf hinzuzufügen.  Setzen Sie die Farbe #000000 und Opacity auf 10%.

Girl - add shadow over the neck

Schritt 18

Wählen Sie das Halsrechteck und den ovalen Schatten, und wählen Sie in der oberen Symbolleiste die Option Mask.

Girl - neck masking

Schritt 19

Das Ergebnis dieser Maskierungsoperation wird automatisch in eine neue Gruppe in Layers List links eingefügt.  Benennen Sie diese Gruppe "Hals" und platzieren Sie sie unter der Gruppe "Kopf" in Layers List.

Girl - neck finished

Schritt 20

Lassen Sie uns zum Kleid der Frau gehen.  Nehmen Sie das Vektor-Werkzeug (V) und zeichne eine Kleiderform.  Deaktivieren Sie die Kontrollkästchen an den Rändern und setzen Sie die Farbe auf Pink (#FF5AA4).

Girl - dress shape

Schritt 21

Verwenden Sie das Oval-Werkzeug (O), um ein Muster für Tupfen für ein Kleid zu erstellen.  Zeichnen Sie einen Kreis 4 px x 4 px.  Setzen Sie die Farbe auf #FFFFFF und reduziere die Opacity auf 50%.  Erstellen Sie eine Vorlage, indem Sie die Kreise einfach duplizieren und anordnen.

Girl dress pattern

Schritt 22

Wähle alle Kreise aus und gruppiere sie (Command-G).  Wählen Sie dann eine Gruppe von Kleidungsstücken und Kreisen aus und wählen Sie in der oberen Symbolleiste die Option Mask.  Dadurch werden Punkte in das Kleidungsformular eingefügt und eine neue Gruppe in Layers List erstellt.  Nennen Sie diese Gruppe "Kleid".

Girl dress pattern finished

Schritt 23

Zeichnen Sie jetzt mit dem Vector-Werkzeug (V) ein Halsband.  Verwenden Sie #FCF2E4 für die Farbe.

Girls dress collar

Schritt 24

Wenden Sie Shadows mithilfe Inspector Panel auf der rechten Seite an und verwenden Sie die folgenden Einstellungen:

  • Farbe: #000000 
  • X: 1 px 
  • Y: 1 px 
  • Blur: 1 px 
  • Alpha: 5%
Girls dress collar finished

Wählen Sie Kragen und "Kleid" Gruppe aus und legen Sie sie mit Command-G in die Gruppe "Kleiderkragen".

Schritt 25

Jetzt können wir zu den Füßen einer Frau gehen.  Nehmen Sie das Vektor-Werkzeug (V) und zeichnen Sie ein Bein.  Setzen Sie die Farbe auf #F6C695.

Girl back leg shape

Schritt 26

Erstellen Sie ein zweites Bein, das das erste mit dem Vektor-Werkzeug (V) kreuzt, aber verwenden Sie jetzt einen etwas helleren Hautton, #FDD0A2.

Girl crossed leg shape

Schritt 27

Verwenden Sie das Vektor-Werkzeug (V), um eine Form für den Schuh zu erstellen.  Verwenden Sie für Farbe #415378.

Girl draw a shoe

Schritt 28

Mache einen zweiten Schuh, kopiere den ersten und drehe ihn ein wenig.

Girl second shoe

Schritt 29

Wählen Sie beide Füße und Schuhe aus, fügen Sie sie zur Gruppe "Beine" hinzu, indem Sie auf der Tastatur die Tastenkombination Command-G drücken.  Verschieben Sie diese Gruppe dann unter die Gruppe "Kleiderkragen" in Layers List.

Girl legs finished

Schritt 30

Verwenden Sie das Vektor-Werkzeug (V), um die Hände einer Frau zu zeichnen.  Zeichnen Sie zuerst die, die dahinter ist.  Verwenden Sie die Farbe #FBD5A3.

Girl right hand

Schritt 31

Benennen Sie diese Figur "rechte Hand" und platzieren Sie sie in Layers List unterhalb der Gruppe "Kleiderkragen".

Girl right hand finished

Schritt 32

Dann zeichnen Sie eine Hand, die vorne ist.  Verwenden Sie eine etwas hellere Farbe für die Haut, #FDDAAB.  Nennen Sie diese Figur "linke Hand".

Girl left hand

Schritt 33

Das haben wir jetzt.

Girl finished

Schritt 34

Wählen Sie alle Gruppen aus, mit denen wir eine Frau gezeichnet haben, und platzieren Sie sie direkt unter der Gruppe "Bartisch" und über der Gruppe "Barstuhl".

Girl position behind the table

7. Erstellung einer Zigarette

Schritt 1

Verwenden Sie das Rectangle-Werkzeug (R), um eine Zigarette zu erstellen.  Zeichnen Sie zuerst ein weißes Rechteck (#FFFFFF).

Create cigarette shape

Schritt 2

Drücken Enter-Taste, um in den Formbearbeitungsmodus zu gelangen, wählen Sie den oberen rechten Punkt und bewegen Sie ihn nach unten.

Create cigarette shape

Schritt 3

Duplizieren Sie (Command-D) dieses Rechteck, ändere die Farbe auf #F8AF53 und reduzieren Sie es vertikal, wie in der Abbildung unten gezeigt, um einen Filter zu erstellen.

Create cigarette filter

Schritt 4

Zeichnen Sie ein kleines Rechteck am Ende der Form der Zigarette, um eine Packung Zigaretten zu erstellen und legen Sie die Farbe auf #324249.

Create cigarette ash

Schritt 5

Wählen Sie alle Formen, legen Sie sie in die Gruppe "Zigarette" und drehen Sie 48ound legen Sie es zwischen die Finger, wie in der Abbildung unten gezeigt.

Cigarette rotate and position

Schritt 6

Nehmen Sie das Vektor-Werkzeug (V) und zeichne den Zigarettenrauch.

Cigarette smoke shape

Schritt 7

Klicken Sie in Inspector Panel auf Fill und wählen Sie Linear Gradient.  Setzen Sie die linke Farbmarkierung auf #F0F0F0 und die rechte auf #C6E8F6.  Reduzieren Sie die Opacity auf 80%.

Cigarette smoke gradient

8. Platzierung einer Tasse Kaffee auf dem Tisch

Schritt 1

Nehmen Sie das Rectangle-Werkzeug (R) und zeichne eine Untertasse.  Verwenden Sie die Farbe #FFFFFF.

Cup of coffee - create saucer

Schritt 2

Erstellen Sie als Nächstes eine Becherform mit dem Rectangle-Werkzeug (R).  Doppelklicken Sie auf die Form des Bechers, um in den Formbearbeitungsmodus zu gelangen, wählen Sie beide unteren Punkte und ändern Sie Corners auf 8.

Cup of coffee - create cup

Schritt 3

Zeichnen Sie ein kleines Rechteck nahe der Spitze.  Für Farbe verwenden #FBD5A3.

Cup of coffee - cup decoration

Schritt 4

Als nächstes werden wir einen Becher behandeln.  Nehmen Sie das Oval-Werkzeug (O) und erstellen Sie einen Kreis.

Cup of coffee - create handle circle

Schritt 5

Duplizieren Sie (Command-D) diesen Kreis, reduziere ihn leicht und ändere die Farbe in eine andere Farbe.

Cup of coffee - create handle smaller circle

Schritt 6

Wählen Sie beide Kreise aus und wählen Sie in der oberen Symbolleiste Subtract.  Legen Sie diese Form hinter die Becherform.

Cap of coffee - handle position

Schritt 7

Ändern Sie schließlich die Farbe des Griffs in #FFFFFF.

Cap of coffee - handle color

Schritt 8

Wählen Sie alle Formen aus, die eine Tasse Kaffee bilden, fügen Sie sie der Gruppe hinzu (Command-G), geben Sie ihr den Namen "Kaffee" und platzieren Sie diese Gruppe direkt unter der Gruppe "linke Hand" in Layers List.

Cap of coffee finished

9. Erstellen Sie einen Schal

Schritt 1

Lassen Sie uns einen freien Schal kreieren, der um den Hals gelegt wird.  Nehmen Sie das Vektor-Werkzeug (V) und zeichnen Sie die Form des Schals.  Verwenden Sie für Farbe #F7EADF.

Free part of scarf shape

Schritt 2

Verwende das Vektor-Werkzeug (V) und zeichnen Sie eine Form ähnlich der unten gezeigten.

Free part of scarf shadow

Schritt 3

Ändern Sie die Fill auf Linear Gradient.  Verwenden Sie für die oberste Farbmarkierung #8C8C8C und für die untere #CEC0C0.

Free part of scarf shadow gradient

Schritt 4

Zeichnen Sie mit dem Vector-Werkzeug (V) in Form eines Schals eine andere Form.  Verwenden Sie Linear Gradient für Fill.  Setzen Sie die linke Farbmarkierung auf #FFEEE0 und rechts auf #C8B6B5.

Free part of scarf shadow second gradient

Schritt 5

Wählen Sie die Form des Schals und die beiden Formen, die wir gerade erstellt haben, und klicken Sie in der oberen Symbolleiste auf Mask.

Free part of scarf shadow masking

Schritt 6

Positionieren Sie es jetzt direkt unter der Gruppe "Hals" in Layers List.

Free part of scarf finished

10. Verstärkung der Abbildung, indem Sie einen Schatten hinzufügen

Fügen wir unserer Abbildung Schatten hinzu, um sie komplexer und detaillierter zu gestalten.

Schritt 1

Nehmen Sie das Rectangle-Werkzeug (R) und zeichnen Sie die Form, wie in der folgenden Abbildung dargestellt.  Ändern Sie die Fill auf Linear Gradient.  Wählen Sie für die linke Seitenmarkierung #9C9C9C und für die rechte Seite #000000.

Add shadow below left arm

Schritt 2

Reduziere die Opacity auf 40% und bewege diese Ebene knapp unterhalb der Form der "linken Hand".

Add shadow below left arm finished

Schritt 3

Erstellen Sie mit derselben Methode den ersten Schatten unter der Tabelle. Stellen Sie Linear Gradient mit #000000 für den oberen Farbmarker und #9C9C9C für den unteren Farbmarker ein.

Add first shadow below table

Schritt 4

Setzen Sie die Opacity auf 40% und positionieren Sie diese Zahl direkt unter der Gruppe "Bartisch".

Add first shadow below table finished

Schritt 5

Dann erstellen Sie einen zweiten Schatten unter dem Tisch.  Setzen Sie Fill erneut auf Linear Gradient, setzen Sie den oberen Farbmarker auf #000000 und den unteren Farbmarker auf #9C9C9C.

Add second shadow below table

Schritt 6

Reduziere die Opacity diesmal auf 20%.

Add second shadow below table finished

Schritt 7

Fügen Sie als Nächstes einen Schatten über dem Sitz und unter der Frau hinzu, genau wie in den vorherigen Schritten.

Add shadow over the stool seat

Schritt 8

Verringern Sie die Opacity auf 20% und positionieren Sie diese Zahl direkt über der Gruppe "Barstuhl" und unter der Gruppe "Kleiderkragen".

Add shadow over the stool seat finished

Schritt 9

Nimm das Vektor-Werkzeug (V) und erzeuge einen Schatten unter dem Schuh und über dem Stuhlbein.  Wählen Sie Linear Gradient für Fill.  Verwenden Sie #000000 für den oberen Farbmarker und #C5BAB5 für den unteren Farbmarker.

Add shadow below the shoe and over the stool leg

Schritt 10

Stellen Sie die Opacity auf 30% und bewege diese Form über die Gruppe "Barstuhl".

Add shadow below the shoe and over the stool leg finished

Schritt 11

Wir werden den letzten Schatten für die Gruppe "Barstuhl" schaffen.  Verwenden Sie das Vektor-Werkzeug (V), um diesen Schatten zu erstellen.  Wählen Sie erneut Linear Gradient für Fill.  Verwenden Sie für die oberste Farbmarkierung #000000 und für die untere Farbmarkierung #F2F2F2.

Add shadow below behind the stool and over the terrace wall

Schritt 12

Verringern Sie die Opacity auf 10% und platzieren Sie sie in Layers List über der Gruppe "Terrasse".

Add shadow below behind the stool finished

Schritt 13

Das ist jetzt nach dem Hinzufügen von Schatten.

Preview after adding shadows

11. Letzte Schritte: Fügen Sie die Sonne und die Wolken hinzu

Schritt 1

Lassen Sie uns zuerst die Sonne erschaffen.  Nehmen Sie das Oval-Werkzeug (O) und zeichnen Sie einen Kreis.  Verwenden Sie die Farbe #F8E71C.

Create sun

Schritt 2

Wenden Sie Gaussian Blur mit der Größe 1 px an, indem Sie Inspektor Panel auf der rechten Seite verwenden.

Apply Gaussian blur to the sun

Schritt 3

Lassen Sie uns eine Wolke über der Sonne schaffen.  Die beste Methode zum Erstellen einer Wolke besteht darin, Kreise und ein Rechteck zusammenzuführen.  Zeichnen Sie zuerst vier Kreise unterschiedlicher Größe, die sich mit dem Oval-Werkzeug (O) überlappen.  Verwenden Sie die Farbe #FFFFFF zu Fill.

Create cloud - draw circles

Schritt 4

Verwenden Sie das Rectangle-Werkzeug (R) und zeichnen Sie ein weißes Rechteck (#FFFFFF).

Create cloud - add rectangle

Schritt 5

Wählen Sie Kreise und Rechtecke, gehen Sie zu Arrange > Align Object >Bottom um jedes Element von unten auszurichten.  Dann füge sie mit Union in der oberen Symbolleiste zusammen.

Schritt 6

Duplizieren Sie (Command-D) die Wolke zweimal, verkleinere sie und platzieren Sie sie wie im Bild unten gezeigt.

Add more clouds

Schritt 7

Wählen Sie eine Wolke über dem Eiffelturm und verringere die Opacity auf 45%.

Lower opacity of the cloud over eiffel tower

Sie sind fertig!  Ich muss sagen, dass ich überrascht bin!

Ausgezeichnete Arbeit - Sie haben eine Kaffeepause gemacht!  Unsere Illustration Der Lebensstil von Paris ist abgeschlossen.  Ich hoffe, du hast es geschafft, jeden Schritt der Lektion zu verfolgen und neue Tipps und Tricks zu lernen.  Danke fürs Lesen!

Paris lifestyle illustration final
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.