Share
In deze tweedelige tutorial over het maken van de "Let's Go To Monster School!" boekomslag, ik zal u een volledig proces laten zien, van de eerste schets tot de uiteindelijke illustratie, met behulp van een Illustrator tot een geïntegreerde workflow van Photoshop. In deel 1 zullen we Illustrator gebruiken om onze handgetekende schets te volgen, de vormen vast te leggen en de basiskleuren te definiëren.
In deel 2, beschikbaar op Psdtuts +, nemen we de vectortekening mee naar Photoshop, waar we de arcering verfijnen, wat texturen toevoegen en de boekomslag voltooien met de juiste typografie. Laten we aan de slag gaan met Deel 1.
Hieronder is het uiteindelijke beeld waar we naartoe zullen werken. Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.
Deze illustratie is een cover-art voor een fictieve roman genaamd "Let's Go To Monster School!". Het toont een leuke monsterprofessor die krankzinnige wetenschap onderwijst in een smerig klaslokaal. Ons doel voor dit eerste deel is om het basisbeeld te creëren (deel 1). In deel 2 maken we de voltooide illustratie (deel 2).
Elke illustratie die ik maak, begint met een schets. Ik speelde een paar dagen rond met het tekenen van monsters totdat ik vond wat ik zocht: een mooi asymmetrisch groen monster, de perfecte keuze om onze professor te zijn (1a). Deze snelle schets is niet bepaald fatsoenlijk, maar vormt toch een goede basis voor onze vectortekening.
Maak een nieuw document in Illustrator en plaats de schets op het tekengebied. Je zou moeten weten hoe je de Pen-tool voor deze tutorial moet gebruiken, dus ik zal geen instructies geven over het maken van elke shape, ze zijn eenvoudig genoeg om uit de schermafbeeldingen te komen.
Zoom in op het oog en maak de iris met een cirkel gevuld met een oranjegele radiale gradiënt. Zorg ervoor dat de lichtere schaduw zich onderaan de cirkel bevindt. In Illustrator CS4 kunt u de gizmo op het scherm gebruiken om het verloop te manipuleren (1b). Ga naar Effect> Stileer> Gloed binnen en verwijs naar afbeelding 1c voor de instellingen.
Voeg de pupil (2a) en de markering (2b) toe met respectievelijk een zwarte en een witte cirkel. Maak de oogbol met een grotere witte cirkel (2c) en vul deze met een lichtgele radiale gradiënt (2d).
Teken het onderste ooglid met een eenvoudig pad en vul het met een geel tot groen radiaal verloop (3a). Gebruik de gizmo om de gradiënt elliptisch (3b) te maken. Maak het bovenste ooglid op een vergelijkbare manier. Zorg ervoor dat u het boven alle objecten plaatst (3c). Omdat het oog rond is, moet je de lichtere tint van elk verloop in het midden van de objecten houden.
Dupliceer de oogbol en plaats de kopie boven alle objecten (4a). Selecteer nu ook het bovenste ooglid en druk op Command + 7 om een knipmasker te maken: nu wordt het ooglid bijgesneden tot aan de oogbol (4b). We zullen deze techniek tijdens de tutorial gebruiken, dus verwijs naar deze stap indien nodig.
Laten we een schaduw in de oogbol toevoegen. Dupliceer het onderste ooglid, maak de kopie donkergeel en verplaats deze iets omhoog (5a). Ga naar Effect> Vervaging> Gaussiaans vervagen en voer een geschikte waarde in (5b). Afhankelijk van de grootte van uw tekengebied, moet u mogelijk de waarde wijzigen. Nu is de schaduw wazig. Laten we het een beetje transparant maken door de dekking te verlagen tot ongeveer 75% (5c). Nu hoeven we het alleen nog maar bij de oogbol bij te knippen met een knipmasker (zie vorige stap) (5d).
Teken het hoofd van het monster. Zijn vorm is eigenlijk een traan op zijn kop. Vul het met hetzelfde verloop dat je op de oogleden hebt toegepast, met behulp van de gizmo om de kleuren correct te plaatsen. Zorg ervoor dat de kop lichter wordt naar het midden en dat de randen groen zijn (6a). Teken de mond en vul deze met een tweekleurig rood verloop. Je wilt de binnenkant weer lichter maken (6b). Laten we tot nu toe naar ons hoofd kijken: de kleuren zijn op hun plaats en de gradiënten duiden op de ronding (6c).
Laten we nu plezier beleven aan het maken van de tanden. De enige regel hier is: hoe meer krom en onregelmatig, hoe beter. Ik heb ze hier vrij eenvoudig gehouden en zorg ervoor dat hun oriëntatie en grootte verschillen om herhaling te voorkomen. Probeer ook een gelijkmatige afstand te vermijden en houd de objecten uit de rij (7a). Je kunt ze samenvoegen zodra je klaar bent en een uitknipmasker gebruiken om ze bij te snijden tot aan de rand van de mond. Merk op dat ze niet meer wit zijn. Geen respectabel monster heeft witte tanden! (7b, 7c).
Onze professor heeft geen gladde huid. Grote wratten stippelen zijn bovenlichaam. Maak de wratten met gemodificeerde ellipsen, waardoor ze een lichtgroene kleur krijgen. Verander hun modus in Overlay en verminder hun dekking tot ergens tussen 50% en 70% (8a) totdat ze duidelijk maar niet overdreven zichtbaar zijn (8b).
Teken een lichtgroene vin achter de kop (9a) en geef deze een innerlijke gloed om hem in het midden lichter te maken. Gebruik de instellingen in afbeelding 9b. Verklein de dekking tot 70% en maak een kopie door deze achter het origineel te plaatsen en een beetje rond te draaien (9c).
Ga door met het toevoegen van functies aan het monster. Teken de lichtgele hoorn in de rechterbovenhoek van de kop (10a) en geef deze een lichtbruine Inner Glow om de ronding (10b) te verbeteren. Vergeet niet om alle objecten op afzonderlijke lagen te bewaren. Dit is cruciaal omdat ze later op afzonderlijke lagen moeten staan als we later naar Photoshop gaan.
Laten we onze monsterprofessor kleden met een traditionele laboratoriumjas. Trek eerst de revers. Probeer het hoofd te overlappen en de lijnen een beetje golvend te houden: onregelmatige lijnen zien er natuurlijker uit (11a). Houd nu een middelgroene grijze streek zodat je de afzonderlijke elementen kunt zien. Teken ook de linker (11b) en rechter (11c) zijden van de laboratoriumjas. Voeg als laatste een zak toe in de linkerbenedenhoek (11d)
Teken de linker mouw. Zorg ervoor dat deze bij de schouder begint en de manchet de zak bedekt (12a). Teken nu de rechterhand van het monster en plaats deze onder de mouw en de zak (12b). Vul het met hetzelfde verloop als de rest van de huid.
Voor de rechtermouw moeten we twee elementen tekenen, de mouw zelf (13a) en zijn binnenkant, zichtbaar onder de linkerhand van het monster (13b). Zorg ervoor dat u de paden samenvoegt op de plaats waar ze samenkomen om te voorkomen dat er hiaten ontstaan.
De linkerhand van het monster bestaat uit twee delen: de palm (14a) en de "vingers" (14b). Zorg ervoor dat de verlopen overeenkomen waar de twee objecten elkaar overlappen, maar maak je op dit moment niet al te veel zorgen over kleurinconsistenties. We zullen ze later in Photoshop gladstrijken. Natuurlijk moet deze hand in de hoes worden geplaatst.
Laten we werken aan de voeten. Teken de linker voet van het monster met behulp van een enkel pad (15a). Let op het volgende: het been is vrij mager (het is grappig op die manier), er zijn grote openingen tussen de tenen en hun uiteinden zijn rond, zoals die van een kikker. Teken vervolgens het web tussen de tenen in een donkerdere groene vorm (15b). De andere voet is slechts een kopie van de eerste, gespiegeld (15c). Maak onder andere de puntige staart en zorg dat deze lichter wordt naar de punt toe, met behulp van onze twee basiskleuren (15d).
De professor houdt een stok in zijn linkerhand. Creëer het met een eenvoudige afgeronde rechthoek of een omlijnde streek, zorg er alleen voor dat de verhoudingen en groottes juist zijn (16a). Vul het met een gele lineaire gradiënt (16b). Plaats het achter de vingers en draai het ongeveer 15 graden met de klok mee (16c). Ons monster is bijna voltooid (16d).
Laten we wat detail toevoegen aan de vinnen. Teken een donkergroene ellips (17a). Selecteer het gereedschap Ankerpunt converteren (Shift + C) en klik eenmaal op de meest linkse en meest rechtse punten om ze in hoeken te draaien (17b). Verlaag nu de ellips verticaal en plaats deze op de voorste vin (17c). Maak een kopie en plaats deze onderaan de vin (17d). Creëer nu een blend ertussen in vijf stappen (17e, 17f). U kunt de blend aanpassen, de elementen schalen of van positie veranderen totdat u tevreden bent.
Om het personage af te maken, moeten we drie knoppen toevoegen aan de laboratoriumjas. Bekijk afbeelding 18a. Er zijn drie elementen:
Groepeer deze objecten samen en plaats drie exemplaren langs de naad van de jas (18b).
Het personage is klaar, laten we de illustratie nu samenstellen. Plaats het monster links onderaan het tekengebied (19a). Teken nu de houten plint (19b), de vloer (19c) en de twee muren (19d). Vul beide muren en de vloer met lichte hellingen, waardoor ze donkerder worden op de hoek waar ze elkaar ontmoeten en lichter worden naar de kijker.
Het laatste element is het schoolbord. Het is een eenvoudige vorm gevuld met een donker grijs verloop. Lijn het goed uit met het perspectief (20a). Nu is onze basisillustratie voltooid (20b).
Voordat we exporteren naar Photoshop, moeten we de streken wissen van elk element van de laboratoriumjas (21a). Zorg er ook voor dat elk element op een eigen laag staat. Exporteren naar PSD ondersteunt slechts een diepte van twee of drie lagen, in mijn ervaring is het nogal inconsistent, althans in Windows.
Hoe dan ook, je kunt nu gaan naar Bestand> Exporteren en in het dialoogvenster het PSD-formaat kiezen. Er verschijnt een venster met de exportopties. Zorg ervoor dat u de juiste kleurruimte kiest (RGB voor het scherm, CMYK voor afdrukken) en stel de resolutie in op Hoog (300 dpi), zodat u veel pixels hebt om mee te werken in Photoshop. Controleer ook de Write Layers en Anti-alias opties (om de gekartelde randen glad te maken) (21b).
Dus dat is het voor deel 1. We hebben onze schets getraceerd, de vormen vastgelegd en de basiskleuren gedefinieerd. We zijn klaar voor Deel 2, waar we deze vrij eenvoudige tekening in Photoshop zullen opnemen en we zullen de arcering verfijnen, wat texturen toevoegen, extra details toevoegen en de boekomslag voltooien met de juiste typografie. Blijf kijken!
Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.
Accentsconagua