Combineer handgetekende kunst met Photoshop

Het opnemen van handgetekende illustraties met Photoshop is een trend die al een tijdje bestaat. Het is een stijl die uw werk meteen een edgy gevoel geeft - en het vertaalt zich goed voor zowel gedrukte als webgebaseerde projecten.

Ik heb alle handgetekende kunstwerken geleverd om deze tutorial te voltooien, maar je zult meer leren en wat persoonlijke flair injecteren door je eigen schetsen en doodles te maken. Zoals u zult ontdekken, zullen we het hoofdbeeld van het model volgen, dus u hoeft niet per se een getalenteerde artiest te zijn om een ​​geweldig eindresultaat te bereiken.


Middelen

Behalve de handgetekende kunst, moet je ook de volgende bronnen pakken.

  • "IMG_4680.JPG" van deze grunge-texturen
  • Zowel de comp- als de mediumresolutieversies van deze mannequin
  • Vogel
  • Hert
  • Boom
  • bloeit

U zult ook dit kalligrafiedoopvont nodig hebben.


Maak je eigen schetsen

Zoals ik al zei, alle handgetekende illustraties worden geleverd in de map "source", maar u krijgt meer uit deze tutorial door uw eigen versie van deze illustratie te maken in plaats van een kopie van mijn exemplaar.

Voordat we het model schetsen, hebben we een eerste bronmateriaal nodig; dus pak wat potloden, pennen en een schetsblok en maak plezier met het maken van willekeurige krabbels en krabbels - en als je je echt avontuurlijk voelt, moet je ook wat verf spatten! Deze kunnen vervolgens worden gescand met 300 dpi, opgeslagen op een externe schijf en indien nodig worden opgeroepen.


Stap 1

Open "Start.jpg" in de map "source", dubbelklik op de laag "Achtergrond" om deze te ontgrendelen en label "Bleke grunge". Dit wordt nu uw projectbestand gedurende de zelfstudie.


Stap 2

Voeg een aanpassingslaag voor de kleurbalans toe en wijzig de schuifregelaars voor middentonen, schaduwen en markeringen zoals weergegeven.



Stap 3

Voeg vervolgens een aanpassingslaag voor niveaus toe en stel de schuifbalken Invoerpunt en witpunt in zoals hieronder.


Stap 4

Download en open "IMG_4680.JPG" van deze grunge-texturen. Ga naar Afbeelding> Canvas roteren 90 graden CCW en vervolgens Horizontaal spiegelen.

Pak het Toverstaf-gereedschap (W), stel de Tolerantie in op 100 en schakel de optie Aaneengesloten uit. Selecteer nu de donkerste gebieden en Kopieer naar het klembord.

Plak de selectie als nieuwe laag in uw werkbestand, druk op Command + T om te transformeren, label het als "Distress" en stel vervolgens de mengmodus in op zacht licht. Laat nu al deze lagen in een groepsmap vallen met de naam "ACHTERGROND".



Stap 5

Importeer "Paint_1.jpg" uit de map "source" boven de map "BACKGROUND". Transformeer / positioneer zoals getoond, zet dan de mengmodus op vermenigvuldigen, de dekking op 42% en label het als "was 1."


Stap 6

Open "Paint_2.jpg" in de map "source" en gebruik Lasso Tool (L) om het te selecteren zoals weergegeven.

Kopieer> Plakken als nieuwe laag in je werkbestand, zet de mengmodus op Vermenigvuldigen en label het "Wassen 2". Druk nu op Option terwijl u een aanpassingslaag voor tint / verzadiging toevoegt. Controleer in het volgende venster Creëer knipmasker, selecteer de optie Inkleuren en kopieer de onderstaande instellingen. Verlaag vervolgens het effect door de dekking van de aanpassingslaag te verkleinen tot 49%.



Stap 7

Plak de selectie uit de vorige stap opnieuw, zet de mengmodus op vermenigvuldigen en noem deze "was 3". Maak je geen zorgen over hoe deze lagen er nu uitzien - ze kunnen later opnieuw worden gepositioneerd.


Stap 8

Lasso een andere verfwas van "Paint_2.jpg," Kopiëren> Plakken in vermenigvuldigingsmodus en label het "Wassen 4." Knip nu een aanpassingslaag voor Kleurtoon / verzadiging zoals bij stap 6 met behulp van de getoonde instellingen. Deze lagen kunnen nu worden neergezet in een groepsmap met het label 'BASISWASSERS'.


Stap 9

Laad de "Grunge_brushes.abr" uit de map "source". Voeg een nieuwe laagset toe aan Vermenigvuldigen boven de groepsmappen en noem deze "Gele penselen". Gebruik de Kleurkiezer om # eae870 als voorgrondkleur te selecteren en voeg vervolgens willekeurige splatters toe met een selectie uit de nieuwe penselen. Vergeet niet om de penseelgrootte en rotatie-instellingen aan te passen terwijl u werkt om herhaling te voorkomen.



Stap 10

Voeg nog een laag toe, nogmaals in de modus Vermenigvuldigen en noem deze "Roze penselen". Gebruik dezelfde techniek om nog meer penseelstreken toe te voegen met # f5aad0.


Stap 11

Voeg een laatste laag toe in de modus Vermenigvuldigen en noem deze 'Zwarte penselen'. Gebruik nu verschillende zwarte borstels zoals weergegeven. Deze lagen kunnen nu worden toegevoegd aan een groepsmap met het label 'BORSTELS'.


Stap 12

Herlees "Paint_2.jpg" uit de map "source" en kopieer> Plak nog een was in je werkbestand. Stel de modus in op Vermenigvuldigen en noem deze "Wassen 5." Knip vervolgens een aanpassingslaag Kleurtoon / verzadiging en gebruik de onderstaande instellingen.

Herhaal met een andere selectie uit "Paint_2.jpg" in de Multiply-modus en noem deze "Wassen 5." Knip nu een laag voor niveaus aanpassen zoals weergegeven.



Stap 13

Nu gebruiken we de afbeelding van het model als richtlijn. Dit zal uiteindelijk met de hand worden getekend - de manier waarop ik werk is om in eerste instantie een gratis lage resolutie comp te downloaden om te zien hoe het werkt voordat je een hogere resolutieversie koopt.

Open het model, stel het toverstafje in op 100% tolerantie en vink Aaneengesloten aan. Selecteer vervolgens de witte achtergrond. Druk nu op Shift + Command + I naar Inverse en kopieer naar het klembord.

Plak het model vervolgens in een nieuwe groepsmap met de naam 'ELEMENTS'. Transformeer / positioneer centraal en label het "Temp." Deze laag zal dienen als een tijdelijke gids.



Stap 14

Laten we beginnen met het toevoegen van enkele andere elementen aan de illustratie; open de vogel en ga naar Afbeelding> Canvas roteren> Horizontaal spiegelen. Kies Selecteren> Kleurbereik en klik ergens in de lucht. Stel de Fuziness-schuifregelaar in op 136, vink de knop Omkeren aan en klik op OK.

Kopieer nu> Plak de selectie als een nieuwe laag in de map "ELEMENTS" onder de laag "Temp" en wijzig het formaat. Klik vervolgens met de rechtermuisknop op de laagminiatuur om een ​​selectie te genereren en vul met # a83f7c, verander zijn mengmodus in vermenigvuldigen en label hem als "vogel".

Open "Scribble_a.jpg" in de map "source", selecteer alles en kopieer. Terug in uw projectbestand, zorg ervoor dat de "Bird" -laag doelgericht is, genereer vervolgens een selectie uit de inhoud door met de Command-toets op de miniatuur te klikken. Druk nu op Shift + Command + V om in te plakken. Je hebt nu een nieuwe laag die je kunt instellen op Vermenigvuldigen en noem "Bird Scribble."

Deze laag wordt automatisch weergegeven met een masker, dat op dit punt niet is gekoppeld. Dit betekent dat u de laaginhoud afzonderlijk kunt positioneren / vergroten / verkleinen.

Zodra u tevreden bent, klikt u tussen de laag- en maskerpictogrammen om ze te linken. Onthoud dat je nog steeds de lagen "Bird" en "Bird scribble" kunt transformeren / verplaatsen door Shift ingedrukt te houden terwijl je op hun laagminiaturen klikt.



Stap 15

We zullen Illustrator de komende paar stappen gebruiken om toegang te krijgen tot enkele vectorbestanden. Download en open deze vectorafbeelding en kopieer de hert naar het klembord.

Plak als pixels boven de laag "Bird Scribble", draai Horizontaal om en verklein de grootte. Vul de laaginhoud met hetzelfde roze als de vogel (# a83f7c), verander de mengmodus naar vermenigvuldigen en label het "hert".

Volg nu hetzelfde proces om "Scribble_a.jpg" toe te voegen zoals u deed met de vogel. Noem deze laag "Stag Scribble."



Stap 16

Download en open deze vectorbomen met Illustrator en kopieer de rechterbovenboom naar het klembord.

Plak opnieuw als pixels boven de laag "Stag Scribble", transformeer vervolgens en zet de mengmodus op vermenigvuldigen. Mogelijk moet u ook de lagen "Bird" en "Bird Scribble" verplaatsen om deze passend te maken.



Stap 17

Importeer "Scribble_b.jpg" uit de map "source" en plaats deze onder de map "ELEMENTS". Zet de Mengmodus op Vermenigvuldigen en Dekking op 74%, noem het dan "Krabbel 1".

Herhaal met "Scribble_c.jpg" in de modus Vermenigvuldigen. Label het "Scribble 2" en zet de dekking op 88%.

Voeg "Scribble_d.jpg" toe in de modus Meerdere, waarbij de dekking op 100% blijft staan ​​en noem deze "Krabbel 3".

Herhaal met "Scribble_e.jpg," behoud de dekking op 100% en noem het "Scribble 4."

Dupliceer "Scribble 4" en Transformeer / verplaats zoals getoond. Noem deze laag "Scribble 5."

Open ten slotte "Scribble_f.jpg" en plak in een circulaire selectie. Transformeer met dezelfde technieken als de laag 'Vogelgekrabbel' en stel deze in op Vermenigvuldigen met 50% dekking. Noem deze laag "Scribble 6."



Stap 18

Download en open deze vector bloeit in Illustrator. Kopieer> Plak je eerste vorm onder de map "ELEMENTS" in de Vermenigvuldigingsmodus zoals getoond en noem deze "Scroll 1".

Herhaal met een andere vectorvorm en noem deze "Scroll 2."

Kopieer> Plak nog twee schuiflagen, rangschik zoals getoond en dienovereenkomstig etiket.



Stap 19

Vervolgens moeten we het middelgrote modelbeeld downloaden om voldoende details voor tracering te bieden. Open de afbeelding in Photoshop en print ongeveer 130%.

Plak wat overtrekpapier over de afdruk en gebruik een zacht potlood (ik gebruikte een 2B) om de belangrijkste kenmerken van het model te achterhalen. Gebruik een artistieke licentie bij het tekenen van het haar en vergeet niet om je potloodpunt mooi en scherp te houden.

Als u klaar bent, scant u uw tekening op 300 dpi en gebruikt u vervolgens een kleine witte penseel met harde randen om eventuele spikkels of onnodig lijnwerk op te ruimen. Importeer vervolgens als nieuwe laag en labeer deze als "Trace" in een nieuwe groepsmap genaamd "MODEL". Zet de mengmodus op vermenigvuldigen en verlaag de dekking tot 50% voor positionering.

Zet de mengmodus en dekking terug op standaardwaarden en knip vervolgens een niveauregeling zoals weergegeven.


Stap 20

Je kunt nu de laag "Temp" verwijderen uit stap 13. Pak nu de Pen Tool (P) en gebruik de optie Paden om rond het hele model te tekenen. Vergeet niet om het Aftrekken van pad-gebied te controleren bij het tekenen van de binnenste subpaden voor het haar.

Sla uw werkpad op als "Pad 1" en klik met de Command-toets op de miniatuur om een ​​selectie te genereren. Voeg nu een nieuwe laag toe onder de "Trace" en noem deze "Off white fill." Vul de actieve selectie met # ecebe4, op dit punt moet je laag "Traceren" ingesteld zijn op Vermenigvuldigen.



Stap 21

We volgen dezelfde procedure als bij de laag "Bird Scribble" om wat kleur te wassen aan de tekening. Genereer een selectie "Pad 1." Open "Paint_3.jpg" in de map "source" en kopieer, richt de laatste aanpassingslaag voor niveaus en plak in. Plaats nu de laaginhoud, stel deze in op Vermenigvuldigen, vergrendel het masker en label het "Kleur 1".

Klik op het pictogram Nieuw pad maken en teken vervolgens rond het gezicht en de handen van het model, met uitzondering van het haar. Geef het nieuwe pad de naam "Pad 2" en genereer vervolgens een selectie. Richt je nieuwe laagmasker en vul met zwart.

Importeer "Paint_4.jpg" in de Multiply-modus met dezelfde insteek- en maskeringstechnieken. Pas de dekking tot 61% aan en label het "Kleur 2".


We hebben nu wat kleurwasgebieden nodig in het gezicht van het model. Maak een ander onafhankelijk pad en teken rond de gebieden met de schaduw van de ogen, zoals de delen van de ogen, neus, mond, nek en hand. Geef dit pad de naam "Pad 2" en genereer vervolgens een selectie. Open "Paint_5.jpg" en plak in de selectie als nieuwe laag en label het "Kleur 3". Deze laag moet ook worden ingesteld op Vermenigvuldigen en de dekking op 80%. U kunt ook het gereedschap Klonen (S) ingesteld op Huidige laag gebruiken om ontbrekende gebieden in de actieve selectie in te vullen.

Schilder vervolgens op het masker met een kleine, harde penseel om het wit van de ogen te onthullen.

Plak "Scribble_f.jpg" in dezelfde selectie, plaats dit op Vermenigvuldigen / 80% en plaats het boven de ogen. Plak opnieuw "Scribble_f.jpg", deze keer positie boven de hals en zet het op Vermenigvuldigen / 100%. Vergeet niet om de maskers naar wens aan te passen en label de lagen dienovereenkomstig.

Nu voor een laatste waslaag; open "Paint_6.jpg" en plak in een selectie van "Pad 1." Zet de mengmodus op zacht licht en label het "Kleur 6."

Dubbelklik op het laagpictogram om toegang te krijgen tot het Layerstijl-venster en vervolgens op Option-klik op de bovenste Overvloei als schuifregelaar (om het te splitsen) en trek de linkerschuifregelaar naar 216.

Schakel de zichtbaarheid van de laag "Trace" tijdelijk uit. Je "Color" -lagen zouden er ongeveer zo uit moeten zien.



Stap 22

Open de "Ball.jpg" uit de map "source" en converteer deze naar de RGB-modus. Clip een tint / verzadigingsaanpassingslaag en stel vervolgens de aanpassing opaciteit in op 30%.

Geef de "Achtergrond" vrij in een gewone laag en stel deze in op Vermenigvuldigen. Plaats een nieuwe laag eronder, pak dan een borstel met harde randen en vul de hele bal met #eddadc op de onderste laag.

Voeg nog een laag toe en beschilder selectieve segmenten van de bal wit.

Vul vervolgens gebieden met # f97da8 en # 782d83 op afzonderlijke lagen en vlak ze vervolgens af. Selecteer tot slot met de Elliptical Marquee Tool (M), duw vervolgens op, Expand of Contact om te passen en naar het klembord te kopiëren.



Stap 23

Plak de selectie in uw werkbestand bovenaan in de map "ELEMENTS". Transformeer / positioneer achter het hoofd van het model en label het 'Hartcluster'.



Stap 24

Sorteer vervolgens enkele geschikte bloemafbeeldingen voor tracering; Ik koos bloem 1 van henry3717, bloem 2 van BeverlyLR en bloem 3. Deze kunnen worden bijgesneden en afgedrukt vrij klein (ongeveer 60 mm). Nu traceren en scannen.

Open uw eerste scan - of gebruik de meegeleverde "Flower_1.jpg" uit de map "source" en converteer deze naar de RGB-modus. Laat de laag "Achtergrond" los. Gebruik nu het gereedschap Toverstaf om de achtergrond te selecteren en te verwijderen en stel vervolgens de laag in op Vermenigvuldigen.

Omkeer de selectie, voeg een lagere laag toe en vul deze met # f97da8.

Sandwich nog een laag en vul het centrale gebied met # 8b2677. Druk nu op Shift + Command + E om Zichtbaar samen te voegen.


Stap 25

Sleep uw bloem naar een nieuwe map met de naam 'BLOEMEN'. Herhaal de vorige stap bij uw resterende scans of gebruik 'Flower_2.jpg' en 'Flower_3.jpg'.

Houd elke bloem op een onafhankelijke laag en dienovereenkomstig etiket. Transformeer / positioneer vervolgens om de linkerbenedenhoek en rechterhoek van het model te verbergen.



Stap 26

Maak een nieuw Illustrator-document en stel uw eerste regel van type in op ongeveer 115pt met behulp van dit lettertype. Voor een professionele uitstraling, pas je afspatiëring aan (afstand tussen tekenparen). Dit doet u door uw cursor tussen de tekens te plaatsen die u wilt beïnvloeden en de tussenruimte naar behoefte te vergroten of verkleinen.

Stel het tweede woord ook in dezelfde puntgrootte en kern in.

Voeg het kleinere type in 48pt en positie toe zoals getoond.

Voeg vervolgens een -14pt basislijnverschuiving toe aan beide beginletters van de grotere woorden.


Selecteer alles, vul met wit en druk op Shift + Command + O om contouren te maken. Tot slot, bekijk in de overzichtsmodus (opdracht Y), grijp het gereedschap Direct selecteren (A) en verplaats eventuele overlappende punten zoals vereist.


Stap 27

Kopieer> plak je tekst als een nieuwe laag in een nieuwe map genaamd "UPPER GRAFISCHE AFBEELDING." Formaat wijzigen en positioneren zoals getoond en noem het dienovereenkomstig.


Stap 28

Open "Heart.ai" in de map "source" vanuit Illustrator en kopiëren> Plakken als nieuwe laag in de map "UPPER GRAPHICS". Formaat wijzigen en positie boven de laag "Tekst" en noem deze "Hart".

Voeg vervolgens een masker toe aan de map "MODEL" en gebruik een puntig penseel om het centrale gebied onder het hart te tekenen.



Stap 29

Op dit moment voelde ik dat er meer ruimte rond de compositie was die nodig was. Dit is eenvoudig op te lossen; druk op Option Command + C om het venster Canvasgrootte te openen en voer respectievelijk 21 cm in het veld Breedte en 24 cm in de hoogte in. Klik op OK en vervolgens op de knop Doorgaan in het volgende venster.



Stap 30

Breng uw hoofdelementen nu in lijn met een centrale hulplijn, en voel u vrij om lagen te verplaatsen / van grootte te veranderen. U kunt ook meer verflagen toevoegen en het gummetje (E) op bestaande lagen gebruiken zoals vereist.


Stap 31

Dupliceer de laag 'Hartcluster', verklein en plaats rechtsonder in het haar van het model. Voeg vervolgens enkele kleine roze en gele cirkelvormige vullingen toe in de map "UPPER GRAPHICS" met behulp van # a86e94, # a83e7c en # eceb70. Houd elke cirkel op afzonderlijke lagen en stel vervolgens hun mengmodus in op Hard / Zacht Licht, Scherm of Vermenigvuldigen en hun Opaciteit om te passen.



Stap 32

Grijp de veelhoek-tool - te vinden onder de Custom Shape Tool (U). Stel de optie Zijde in op 3 en vink Pixels aan. Kies #bbbaae als je voorgrondkleur en voeg een reeks kleine driehoeken toe. Stel hun Mengmodus in op Vermenigvuldigen of Lineair Branden en pas hun Opaciteit naar wens aan.



Stap 33

Open het Illustrator-schuifbestand opnieuw en Kopieer> Plak een andere in de map "SCROLLS". Plaats achter de tekst en vul met # 922952, verminder de dekking dan naar 60%.


Stap 34

Open ten slotte "Lines.jpg" uit de map "source", genereer een circulaire selectie en Kopieer> Plakken onderaan de map "ELEMENTS". Zet de mengmodus op Vermenigvuldigen en transformeren / positioneren achter het hoofd van het model en label het "Lijncluster".



Conclusie en reikwijdte

Ik hoop dat je deze tutorial leuk vond en ontdekte onderweg ook enkele nieuwe technieken. Bekijk deze links voor meer handgetekende inspiratie:

  • Fatoe
  • Mydeadpony
  • Stina Persson
  • Handgetekende webdesign

De uiteindelijke afbeelding is hieronder.