Maak een Happy Tree-illustratie met Bubblefriends

Laten we leren hoe we een leuk boomstructuurontwerp kunnen maken vanaf de eerste schets tot en met het maken van elk detail in Adobe Illustrator. Deze tutorial beschrijft een professionele workflow voor het maken van illustraties op basis van tekens. Zet een lach op je gezicht en laten we een illustratie maken met grappige personages!

U kunt de bronbestanden vinden in de map met het label "source" in de bestanden die u hebt gedownload. Misschien wil je er even overheen kijken voordat we beginnen.


Stap 1

Laten we eerst ons fun-liefhebbende personage schetsen. Pak je potlood en blijf tekenen totdat het beeld bij je past. Voor mij is het de kwaliteit van de potloodschets die de impact van de digitale illustratie maakt. Dus ik probeer altijd mijn tekenvaardigheid te verbeteren!



Stap 2

Ik maakte de schets op een lightbox schoon en vulde alle ontbrekende details in. Voor mij is het noodzakelijk om te weten wat het resultaat zal zijn. Ik probeer het beeld in elke fase van het proces te voltooien.



Stap 3

Scan de afbeelding. Het is gemakkelijker om kleine details te traceren als u 300 dpi gebruikt. Gebruik grijswaarden zodat de bestandsgrootte relatief klein is. Als dit nodig is, opent u het bestand in Photoshop en selecteert u Afbeelding> Aanpassing> Helderheid / contrast om het contrast van de afbeeldingen te vergroten.



Stap 4

Voordat ik begin, bekijk ik de schets en probeer ik uit te zoeken waar ik moet beginnen en hoe het proces van bouwen eruit kan zien. Waar kan een probleem zijn? Waar te beginnen? Voor mij is dit een zeer belangrijke stap. Bouw het beeld in je geest voordat je het in vectoren bouwt!

Opmerking: voor mijn werkproces begin ik met het bouwen van alle vormen. Daarna maak ik dit af en voeg ik de kleuren toe.



Stap 5

Open Illustrator en selecteer Bestand> Nieuw (Command + N) om een ​​nieuw document te maken. Selecteer A4-formaat en de CMYK-kleurenmodus. In deze modus zijn de kleuren gemakkelijker te hanteren. Selecteer Bestand> Plaatsen om de gescande schets te plaatsen. Ga naar het lagenpalet en maak een nieuwe laag, noem deze "Boom". Dat is de laag waar we aan werken. Als je werk erg complex is vergeet dan niet je lagen te noemen! Vergrendel ook de "schets" -laag.



Stap 6

Laten we beginnen met de groene boom. Hoewel we het met de Pen Tool kunnen maken, geef ik er de voorkeur aan om de Ellipse Tool te gebruiken, omdat de curves ronder zullen zijn. Volg de contouren van de boomstructuur door cirkels te maken in de benodigde grootte. Houd Alt + Shift ingedrukt wanneer u de Ellipse Tool gebruikt om perfecte cirkels te maken. Vul vervolgens de ruimte in het midden in. Selecteer alle cirkels, druk op Toevoegen aan vormgebied op het Pathfinder-palet en druk vervolgens op de knop Uitvouwen. De Pathfinder is een zeer nuttige Illustrator-tool, zorg ervoor dat je weet waar het allemaal over gaat!





Stap 7

Vervolgens maken we de boomstam. Hiervoor gebruiken we de Pen-tool. Begin met het traceren van de schetslijn. Gebruik een 0,25pt streek om de schets te zien. Het is noodzakelijk om zo dicht mogelijk bij de potloodlijnen te zijn. De bezier-curven zijn misschien moeilijk te besturen voor vector-beginners, maar het is gewoon een kwestie van oefenen om eraan te wennen. Probeer alleen ankerpunten toe te voegen waar nodig en plaats er zo min mogelijk ankerpunten. De rondingen zullen op deze manier ronder zijn. Begin met de twee hoofdarmen en de achterste wortel aan de onderkant.



Stap 8

Om de schaduw op te bouwen, gooit het groene lichaam op de stam, dupliceert de boom van de boom en plaatst deze achter. Selecteer hiervoor de boomstructuurvector en druk op Command + C en vervolgens op Command + B. Verplaats deze naar beneden door op het tabblad richting te klikken (mogelijk 16 keer).

Selecteer de stam, kopieer en plaats deze vooraan met Command + C en Command + F. Kopieer de nieuwe boomstructuur opnieuw Command + C. Selecteer de stam en de nieuwe boomstructuur door te klikken op Shift. Druk op de kruisende vormgebieden in het deelvenster Pathfinder en druk vervolgens op Expand. De eerste schaduw is klaar. Plaats de getrokken lichaamsvector opnieuw met Ctrl / Command + F en herhaal de stappen om de schaduwen op de armen van de kofferbak te creëren.




Stap 9

Voor de mond gebruikte ik de Ellipse Tool. Maak een cirkel die de onderste potloodlijn van de mond volgt. Kopieer het en plaats het vooraan (Command + C en Command + F). Sleep het met Shift-klik zodat de onderste lijn op de bovenste mondlijn staat.

Trek het in de vorm die je nodig hebt (door Alt ingedrukt te houden terwijl je aan beide kanten beweegt, ziet het er perfect uit.) Selecteer beide cirkels, druk op Aftrekken van vormgebied in het deelvenster Pathfinder en druk vervolgens op de uitvouwknop.Doen hetzelfde met de rompogen en de kin lijn. Na het toevoegen van alle details aan de kofferbak, selecteert u de structuur van de boom en plaatst u deze boven aan de sjabloon van de lagen. Nu kunnen we alle details toevoegen aan de boomstructuur..




Stap 10

Vervolgens maken we de boomglazen. Gebruik het pengereedschap met een slag van 9 ppi en ronde randen. Bouw het basisframe met vier lijnen. Selecteer ze door Shift-klikken en ga vervolgens naar Object> Pad> Overzicht. Selecteer ze opnieuw en druk op Toevoegen aan vormgebied in het deelvenster Pathfinder en druk vervolgens op Expand. Maak de ogen (gebruik een proces dat lijkt op de manier waarop we de stamogen hebben gemaakt) en plaats ze achter het frame in het lagenpalet.

Nu moeten we de lenzen maken. Maak ze met de Pen-tool en plaats ze achter het frame, maar dan voor de ogen. Voeg een paar hooglichten toe met behulp van het gereedschap Rechthoek en plaats de rechthoeken voor het glas in het lagenpalet.




Stap 11

We zullen de mond bouwen met de Pen-tool. Maak twee oogachtige vormen en voeg ze toe aan de linker- en rechterzijde met behulp van het deelvenster Pathfinder. Gebruik de Ellipse Tool voor de tanden. Plaats een ellips over de vorm van de mond. Kopieer de mondvorm en zet deze vooraan (Command + C en Command + F).

Selecteer dit en de tandellips door te Shift-klikken, druk op Doorsnedevormegebieden in het deelvenster Pathfinder en druk vervolgens op Expand. Herhaal dit voor de volgende tand en de tong. Bouw de lijnen links en rechts van de muis, net als de vorm van de boom. Gebruik het gereedschap Ovaal om drie ellipsen te tekenen en laat één zijde de potloodlijn volgen. Selecteer ze en combineer ze met de Add To Shape van de Pathfinder. Gebruik vervolgens het gereedschap Schaar om de vorm te snijden. Verwijder het onderdeel dat u niet nodig hebt.




Stap 12

Voor de rest van de boomstructuur volgt u de schets met behulp van het gereedschap Pen. Voeg voor de accordeon een 1pt regel toe gevolgd door een 0,5pt stippellijn (4pt).




Stap 13

Maak een nieuwe laag. Noem het "onderaan" of wat je maar wilt. Dit is de laag voor het observeren van paddenstoelen, het gras en de achtergrond. Om het gras te maken, gebruikt u de Ellipse Tool, zoals we deden voor de boom. Doe hetzelfde om een ​​bewolkte achtergrondvorm te maken.


Trek het lichaam van de paddestoel over met het gereedschap Pen en de paddenstoelkoppen met het ellipsgereedschap. Gebruik voor de mond dezelfde technieken die we hebben gebruikt om de stamdetails te maken.



Stap 14

Nu alle vormen zijn gemaakt, kunnen we beginnen met het toevoegen van de kleuren. Vul de boom met een lineair verloop van lichtgroen tot donkergroen. Verander de locatie van de Verloopschuifregelaar naar 60 procent. Geef het lichaam een ​​0,5pt-omtrek in donkergroen.



Stap 15

Vul het glas met een lineair verloop van geel naar wit. Stel de transparantie in op 50%. De glazen highlight krijgt wit met een transparantie van 50%. Kopieer het zwarte frame en plaats het achter (Command + C en Command + B). Pas een Gaussiaans vervagen toe door naar Effect> Blur> Gaussian Blur te gaan en een waarde van 2.0 te gebruiken. Voor de overvloeimodus van het object stelt u deze in op Vermenigvuldigen en de transparantie op 57 procent, zodat de bril er meer driedimensionaal uitziet.



Stap 16

Vul de kleuren in. Vul geen verloop in elke vorm! Het verstoort de beelden harmonie. Gebruik het alleen wanneer nodig, bijvoorbeeld om de arm er driedimensionaaler uit te laten zien of om de grote accordeonvorm in het midden wat leven te geven. Voeg een lineair verloop toe van geel naar donkerder geel (voeg gewoon 25 procent zwart toe aan de kleur om het donkerder te maken) op de handvorm. Dat maakt ze er ronder uitzien.

Let op, ik voeg alleen contouren toe aan de vorm wanneer ik vind dat dit echt nodig is. Met 0,5 pt slagen lijken de accordeonboxen meer driedimensionaal. De boom heeft de omtrek nodig, zodat deze contouren kunnen worden gebruikt als details in de vorm.



Stap 17

Laten we nu wat schaduwen toevoegen. Kopieer de accordeon en plaats deze achter (Command + C en Command + B). Vul het met 100% zwart. Pas een Gaussiaans vervagen toe door naar Effect> Blur> Gaussian Blur te gaan en een waarde van 2.0 te gebruiken. Stel de overvloeimodus van het object in op Vermenigvuldigen en zet de transparantie op 45%. Sleep de schaduw zodat deze er echt schaduwachtig uitziet. Voeg op dezelfde manier een schaduw toe aan de hoed. Probeer erachter te komen hoe donker de schaduw moet zijn.



Stap 18

Vervolgens willen we de boompier meer pluizig maken. Kopieer de lichaamsvorm en plaats deze op de voorgrond (Command + C en Command + F). Houd Shift ingedrukt en klik en sleep het enkele millimeters naar links. Kopieer de lichaamsvorm en plaats deze weer vooraan (Command + C en Command + F).

Selecteer beide lichamen door te Shift-klikken en druk op Aftrekken in het vormgebied in het Pathfinder-palet en druk vervolgens op Expand. Aan de linkerkant ziet u enkele kleine vormen die we niet nodig hebben, verwijder ze. Vul de vector met groen. Stel de objectovervloeimodus in op Vermenigvuldigen en stel de transparantie in op 20%.

Beweeg het enkele millimeters naar rechts. Kopieer de basisvorm van het lichaam en plaats deze weer vooraan (Command + C en Command + F). Deze vorm heeft geen kleur nodig. Zet het vooraan door de lagen te gebruiken. Met dit nieuwe duplicaat van de boomstructuur nog steeds geselecteerd, Shift-klik op de groene vorm. Maak een knipmasker door naar Object> Knipmasker> Maken te gaan.





Stap 19

Voeg de kleuren toe aan de onderste laag. Het gras krijgt een lineair verloop van een licht grasgroen tot donkergroen. Vul de wolk op de achtergrond met een cyaan van 28 procent. Pas een Gaussiaans vervagen toe door naar Effect> Blur> Gaussian Blur te gaan met een waarde van 3.0.

Vul de paddestoelkoppen met een radiaal verloop dat varieert van 32 procent tot 75 procent magenta. Geef de hoofden een 0,5pt-omtrek van 80 procent magenta. Vul een ovaal in het midden met 100 procent zwart, dat is voor de schaduw. Pas een Gaussiaanse vervaging toe door naar Effect> Blur> Gaussian Blur te gaan en een waarde van 3.0 te gebruiken. Zet nu de mengmodus op Vermenigvuldigen en zet de transparantie op 32%.



Stap 20

Maak voor de kleine sterren een cirkel met het gereedschap Ellipse, terwijl je Alt + Shift ingedrukt houdt. Selecteer de ellips en ga naar Effect> Distort & Transform> Pucker & amp Bloat om het dialoogvenster te openen. Verander de optie naar -75. De eerste ster is klaar.

Om de andere kopie van de ster te maken, plaatst u deze vooraan (Command + C en Command + F). Houd Shift ingedrukt en klik en draai het. Schaal het vervolgens naar beneden. Selecteer beide opnieuw met Shift-klik, druk op Toevoegen aan vormgebied in het deelvenster Pathfinder en druk vervolgens op de knop Uitvouwen. Vul ze met 100 procent cyaan. Stel de transparantie in tussen 20 tot 35 procent. Voeg niet toe aan veel van hen!




Laatste afbeelding

De uiteindelijke afbeelding is hieronder en ik hoop dat je deze tutorial leuk vond!