Creëer kunst met karakterafhankelijke boekomslag met Illustrator en Photoshop - deel 2

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. We hebben Illustrator in deel 1 gebruikt om onze handgetekende schets te volgen, de vormen vast te leggen en de basiskleuren te definiëren.

Nu 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 verder gaan met deel 2 van deze serie.

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. We hebben de basisafbeelding al gemaakt in deel 1. Nu maken we de illustratie met texturen en veel penseelwerk af met een pentablet in dit deel 2 van deze serie.


Stap 1

Open de PSD-tekening die we in deel 1 (1a) hebben geëxporteerd en controleer of elk element op een eigen laag staat (1b).

Laten we beginnen met het schoolbord. Het eerste dat u moet doen, is de transparante pixels vergrendelen (1c). Dit is cruciaal, want het stelt ons in staat om op de laag te schilderen zonder de randen aan te tasten of er buiten te schilderen. De lijnen die we zorgvuldig in Illustrator hebben gemaakt, zijn daarom veilig. Vergrendel de transparantie van alle lagen, tenzij later aangegeven.

Ga naar Filter> Ruis> Ruis toevoegen en gebruik een lage waarde (1d). Ga vervolgens naar Filter> Blur> Gaussian Blur (1e) om de scherpe ruis om te zetten in een wazige textuur. Het bord is nu een beetje ruiger (1f).


Stap 2

Voeg een subtiele Gradient Overlay toe aan de laag (2a) om het gevoel van diepte te vergroten. Het schoolbord wordt donkerder naarmate het zich naar de hoek van de kamer terugtrekt (2b). We zijn tevreden met het resultaat, daarom is het niet nodig om de laagstijl actief te houden. Klik met de rechtermuisknop op de laag en kies Laag maken. De Verloop overlay wordt omgezet in een normale laag boven het schoolbord, gemaskeerd (2c). Selecteer het en druk op Command + E om het samen te voegen. We hebben nu één laag (2d).


Stap 3

We gaan verschillende lagen gewiste krijtstrepen toevoegen op het schoolbord. Om dat te bereiken, moeten we wit als voorgrondkleur selecteren (probeer op D te drukken en dan op X).

Raak B aan om het penseel en F5 te selecteren om het palet Penselen te openen. Photoshop heeft al een paar kalkachtige penselen dus kies er een, ik hou van nummer 36 (3a). Activeer vervolgens Opacity Jitter onder Other Dynamics en stel de Control in op Pen Pressure (3b).

Als u geen tablet hebt, laat u de besturing uitgeschakeld. Onder Brush Tip Shape verhoog je de Diameter naar een geschikte waarde (test de brush op het schoolbord) en verander je de rotatiehoek als de standaard niet naar wens is (3c). Ik vind het moeilijk om heel licht te schilderen met een tablet, dus in de optiebalk bovenaan het scherm stel ik de dekking van de penseel in op 50% (3d).


Stap 4

Verf verschillende passen van willekeurige krijtstrepen op een aparte laag, zorg ervoor dat ze elkaar overlappen (4a). Breng een goede dosis Gaussiaans vervagen aan om ze glad te maken (4b) en plaats de laag vervolgens op Zacht licht met 50% dekking (4c). Het bord lijkt nu gebruikt, precies wat we nodig hebben (4d). Natuurlijk kunt u deze stap herhalen totdat u tevreden bent met het resultaat.


Stap 5

Nu begint het echte plezier! Selecteer een andere, meer getextureerde kalkachtige borstel (5a) en vul het bord met pseudowetenschappelijke mumbo-jumbo. Word hier gek, dit is Monster School! (5b)


Stap 6

Het schoolbord is klaar. Laten we nu voor de klas zorgen. Je hebt wat smerige texturen nodig voor de vloer en de muren, plus een houtstructuur voor de plint. Degene die ik gebruik kan gratis worden gedownload van de website CGTextures. Zodra u een account hebt aangemaakt, kunt u de texturen gratis downloaden, met een dagelijkse limiet van 15 MB. Hier zijn de directe links naar de texturen die ik heb gebruikt:

  • Marmeren tegels
  • Pleister # 1
  • Gips # 2
  • Hout textuur

Plaats de vloertextuur in uw document (6a), druk op Command + T om Vrije transformatie te selecteren, gebruik vervolgens Vervorming en Schuintrekken (uit het rechtermuisknopmenu) en pas het aan de vloer aan (6b). Zet de overvloeimodus op vermenigvuldigen zodat het verloop dat we op de vloer hebben toegepast, wordt weergegeven via (6c).


Stap 7

Om kleurvariaties op de tegels te maken gebruiken we de Dodge en Burn Tools. Toegankelijk vanaf de werkbalk (Shift + O om doorheen te bladeren), deze twee hulpmiddelen stellen ons in staat om objecten te verlichten en te verduisteren met behulp van penseeltips.

Gebruik de standaardinstellingen en een grote, zachte penseelset met een laag dekkingsniveau om de tegels onder het monster en dichter bij de plinten donkerder te maken (met Burn). Verlicht sommige gebieden onregelmatig (met Dodge) om de indruk van een oude, gekleurde vloer (7a, 7b) toe te voegen.


Stap 8

Breng beide muren in kaart met de eerder gedownloade gipsstructuren. Plaats de eerste textuur in het document (8a) en vervorm het om in overeenstemming te zijn met het perspectief van de muur, met behulp van Perspectief en Vervormen in de Vrije transformatie-modus (8b). Doe hetzelfde voor de tweede muur. Zet beide texturen op vermenigvuldigen, 70% dekking (8c).


Stap 9

Ga terug naar de eerste kalkachtige borstel, die we op het bord gebruikten. Voeg een leeg masker toe aan elke pleistructuur (9a) en verfverven in de verf (9b). Stel met het gereedschap Verbranding ingesteld op Middentinten de structuren onderaan in op de grondplaat en in de hoek waar ze elkaar ontmoeten. Dat is waar de schaduwen zijn (9c).


Stap 10

Plaats de houtstructuur in het document (10a) en pas het aan de linkerhelft van de plint (10b) aan. Druk op W om het Toverstaf-gereedschap te selecteren en klik op de gele plint (10c). Gebruik deze selectie om een ​​masker te maken op een laaggroep waarin u de houtstructuur (10d) plaatst. Op deze manier hoeft u niet super precies te zijn bij het plaatsen van de textuur. Spiegel de rechterhelft (10e).


Stap 11

Maak donkere vlekken en vlekken op de plint met behulp van de Burn Tool-set tot een kleine diameter (11a, 11b). Verberg elke laag behalve degene die de muren, de plint en de vloer vormen. Raak Command + A om alles te selecteren en Shift + Command + C om alle samengevoegde lagen te kopiëren. Een eenvoudige Command + V plakt het hele klaslokaal op een nieuwe laag.

Nog een laatste aanraking. Kies de Dodge Tool met een kleine diameter en vrolijk de hoek op waar de muren samenkomen. Schilder een vaag onregelmatige verticale streek over de gehele lengte van de hoek, waar het de hoogtepunten vangt (11c, 11d).


Stap 12

Om het klaslokaal te voltooien, voeg je een slagschaduw toe aan het schoolbord (12a). Gebruik de instellingen die een resultaat geven dat vergelijkbaar is met afbeeldingen 12b en 12c. En omdat we oog hebben voor perspectief, laten we een laag maken van de slagschaduw en deze vervormen om het perspectief (12d) te evenaren. Het is een van die subtiele details die telt bij het geven van een algemeen overtuigend resultaat.


Stap 13

Het klaslokaal is klaar, dus je kunt de laag vergrendelen. We kunnen nu eindelijk aan het monster werken. Het personage dat we uit Illustrator hebben geëxporteerd, heeft een vlakke, oninteressante arcering. We moeten er diepte aan toevoegen door verlichte gebieden, schaduwen en hooglichten te beschilderen, waarbij we een ideale lichtbron van boven bekijken. We zullen de Dodge en Burn Tools gebruiken om het karakter en het penseelgereedschap helderder en donkerder te maken om de nodige kleurvariaties te creëren. De blur-tool is handig om het licht / schaduw- en kleurovergangen te verzachten en om onooglijke penseelstreken te verwijderen.

Activeer het gereedschap Branden en stel het in voor algemeen gebruik (13a). Als u Middentinten selecteert, heeft het gereedschap invloed op de basiskleur, waardoor we de schaduwen kunnen definiëren. Schaduw de hoorn helemaal rond de randen, met name de onderkant en de basis waar het zich hecht aan het lichaam (13b). Verbeter de ronding door meer naar de randen toe donkerder te worden.


Stap 14

Gebruik het onderste ooglid (14a) om dezelfde techniek te gebruiken. Gebruik een mediumgroene, zachte borstel met een lage dekking, ga door en maak de kleurovergang glad door te schilderen waar het donkergroene de gele tint (14b) ontmoet. Markeer nu de bovenrand met een enkele, gladde gele lijn (14c). Alle opwaartse randen vangen hoogtepunten en moeten daarom helderder zijn dan de basiskleur. Telkens wanneer u dit doet, kunt u de Dodge-tool uitproberen, ingesteld op Middentonen. Soms is het resultaat te verwaarloosd, zodat het eenvoudiger is om gewoon in de gewenste kleur te schilderen. Maak de onderkant weer donker (14d) en licht de middelste pixels licht op om het contrast te verzachten (14e). Gebruik het vervaagtool om de kleuren naar wens af te vlakken. Schaduw het bovenste ooglid op een vergelijkbare manier (14f). Zoals je kunt zien, wordt schilderen gedaan door kleurenruïnes eerst te bepalen en vervolgens te verfijnen.


Stap 15

Maak de oogbol rond door de schaduwen te schilderen die door de oogleden worden geworpen (15a). Plak op een aparte laag enkele lichtrode aderen voor een goed bloeddoorlopen oogeffect. Gebruik natuurlijk een borstel met een kleine diameter (15b).


Stap 16

Verbrand de ooglidschaduw op de iris en verbeter de highlight met de Dodge Tool. Het geheim is om zachte, transparante, vegende streken op elkaar te leggen.


Stap 17

Voeg de wratten samen in een enkele laag en stel deze in op Overlay-modus (17a). Stel Burn for Highlights in om invloed te hebben op fel verlichte pixels (17b) en de onderste randen van elke wrat donkerder om ze eruit te laten springen (17c). Zet Dodge (17d) op en markeer verfpunten op de bovenrand om de schaduw te voltooien (17e). Voeg ten slotte een Slagschaduwstijl toe (17f). Dit zijn goed uitziende wratten (17g)!


Stap 18

Maak de buitenste rand van het hoofd donker (18a) en schilder een schaduw onder de mond (18b). Schilder een markering op de onderlip (18c). Herhaal het proces om de bovenlip te maken (18d).


Stap 19

Voeg nog een schaduw toe aan de nek en aan de zijkanten van de mond (19a). Maak het hoofd donkerder onder het oog. Leg het onderste ooglid samen en gebruik het vervagingstool om van de harde naad af te komen (19b).


Stap 20

Zoals je uit de schets kunt opmaken, groeit er gras op het hoofd van de professor. Laten we het schilderen! Kies een kleine borstel (20a), fade (20b) en dekking (20c). Verf gekromde grasstelen groeien uit het hoofd op een aparte laag (20d). Het getal naast vervagen bepaalt de lengte van de stelen. Gebruik verschillende diameters, kleuren en vervagingswaarden om twee gevarieerde slierten gras op het hoofd te maken (20e).


Stap 21

Schaduw de tanden net als bij de hoorn (21a). Vergeet niet de schaduwen te schilderen die door de lippen worden geworpen. Maak de vinnen donkerder waar ze het hoofd ontmoeten (21b).


Stap 22

Schilder schaduwen op de linkerhand. Maak de onderkant en het gebied dat de huls ingaat donkerder (22a). Schets ook schaduwen op de vingers en voeg hoogtepunten toe langs de bovenranden van de hele hand (22b). Ontgrendel de transparantie van de vingers en vervaag ze waar ze de hand ontmoeten. Verf ook schaduwen op de stick (22c).


Stap 23

De staart heeft een sterke schaduw geworpen door de laboratoriumjas en secundaire schaduwen langs de boven- en onderrand. De schaduwen moeten taps toelopen in de richting van de punt (23a). Inmiddels had je de drift zo moeten krijgen dat je beide voeten even in de schaduw stelt (23b, 23c).



Stap 24

De laboratoriumjas is wit maar er zijn veel schaduwen op geworpen door het monster en alleen. Begin met de revers, verduister ze waar ze het hoofd van het monster en langs de buitenranden ontmoeten (24a). Als u de vacht wilt verduisteren, maakt u de buitenste randen donkerder, schildert u schaduwen onder de revers en wenkt u aan vouwen door donkere delen in de lengte te verduisteren. De rechterkant geeft ook een schaduw op de linkerkant (24b, 24c).


Stap 25

Voeg een kleine slagschaduw toe aan de knoppen (25a, 25b). Niet nodig om ze te verduisteren, ze zijn nogal klein.


Stap 26

Maak de rechter mouw langs de langsranden donkerder (26a) en voeg deze vervolgens samen op de vacht en breng de naad samen met de vervagingstool. Verf wat strakkere vouwen bij de oksel (26b). Schilder een schaduw aan de binnenkant van de hoes (26c).


Stap 27

Gebruik dezelfde logica als de linker mouw en de zak. Schilder schaduwen op de vacht en de linkerhand. De jas is klaar (27a).

Het licht komt van het plafond zodat de professor een vrij scherpe schaduw op de vloer werpt. Er zijn geen laagstijlen die ons hier kunnen helpen, we moeten het schilderen (in het zwart). Zet de laag op Vermenigvuldigen en regel de dekking op ongeveer 60%. Gebruik de vervagingstool om de schaduw te verzachten terwijl deze terugwijkt van het monster, nog een leuke kleine aanraking (27b).


Stap 28

Het schilderij is voltooid. Het enige wat we nu moeten doen is de juiste typografie toevoegen om de boekomslag af te maken. Ik heb het prachtige Egyptienne-lettertype Farao van de Storm Foundry gebruikt, bekijk het.


Conclusie

Het doel van deze tweedelige zelfstudie is om een ​​typische illustratieworkflow te laten zien van de conceptuele schets, via de basistekening en naar de uiteindelijke schildering. De taak was om een ​​schone vectortekening in Illustrator op te stellen en er vervolgens in Photoshop leven aan toe te voegen met behulp van texturen en traditionele schildertechnieken aangepast aan het digitale formaat.

Ik hoop dat je plezier hebt gemaakt en enkele handige workflowtips hebt geleerd. Je zou nu klaar moeten zijn om je eigen rare personages te maken om je hand te proberen bij digitaal schilderen. Veel plezier en stop nooit met leren!