Share
In deze tussenliggende tutorial laat ik je zien hoe je een kleurendekboek voor kinderen kunt maken, van schets tot voltooide vectorkunst. We gebruiken gradiënten, aangepaste penselen en typografie. U kunt eenvoudig een boekomslag samenstellen en de technieken gebruiken die u in andere projecten hebt geleerd.
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.
Ik wilde wat details over deze tutorial bespreken voordat we beginnen. Eerst gaan we deze zelfstudie maken met een CMYK-profiel om het bestand naar een printer te sturen. Bovendien ga ik inches gebruiken voor de metingen, maar je kunt het gemakkelijk vertalen naar je meetsysteem.
Omdat we in deze zelfstudie ook rastereffecten gaan gebruiken, wil je de rastereffecten van documenten instellen op 300 ppi voor afdrukresultaten van de hoogste kwaliteit. Ga hiervoor naar Effecten> Instellingen voor rastereffecten en kies Hoog (300 ppi).
Ik ga niet in detail in op de kleur die ik in de zelfstudie kies, maar ik raad je aan om felle kleuren te gebruiken. Dit type kleuren spreekt kinderen eerder aan dan gedempte kleuren.
Het eerste wat je moet doen is een lay-out van de boekomslag schetsen. Ik wil graag een paar korte miniaturen van de omslag schetsen en vervolgens een meer gedetailleerde versie schetsen van alles wat ik in Illustrator moet gaan traceren. In deze tutorial ga ik een meer gedetailleerde schets maken van het jongenskarakter. Je kunt schetsen in welk medium je maar wilt. Ik vind het leuk om in Photoshop te schetsen met mijn Wacom-pentablet. Ongeacht hoe u het schetst, sla het afbeeldingsbestand op een gemakkelijk toegankelijke plaats op uw computer op.
Nu kunnen we Illustrator gebruiken! Maak een nieuw document door naar Bestand> Nieuw te gaan. Kies Letter in het vervolgkeuzemenu Lettergrootte in het dialoogvenster Nieuw document, wijzig het veld Top Bleed in .125 en zorg dat de knop Alle instellingen dezelfde maken wordt ingedrukt (het lijkt op een kettingpictogram). Nu hebben we ons document ingesteld met bloedingen voor afdrukken en bijsnijden.
Maak met de Rechthoek-tool (M) een rechthoek van 7,5 inch bij 10 inch en plaats deze in het midden van het document. Een eenvoudige manier om de rechthoek op het tekengebied te centreren, is door Uitlijnen op tekengebied te selecteren in het pop-upmenu Uitlijnen in de rechterbenedenhoek van het deelvenster Uitlijnen. Druk vervolgens op de knoppen Horizontaal uitlijnen en Verticale uitlijning in het deelvenster Uitlijnen.
Deze rechthoek wordt onze gids voor de omslag. We willen geen belangrijke tekst of informatie die deze limieten overschrijdt. Om de rechthoek in een gids te veranderen, ga je naar Weergave> Gids> Gids maken (Command + 5).
Als u de originele schetsafbeelding wilt plaatsen, gaat u naar Bestand> Plaatsen en zoekt u uw afbeelding op uw computer. Eenmaal geplaatst, kiest u Sjabloon in het pop-upmenu van het deelvenster Lagen. Hiermee wordt de laag vergrendeld en wordt je afbeelding weergegeven, waardoor deze gemakkelijk te traceren is.
Ik hou ervan het document overzichtelijk te houden, zodat het gemakkelijk is om de illustratie later te bewerken. Als u uw eerste laag wilt maken, drukt u op de knop Nieuwe laag maken onder in het deelvenster Lagen. Het is ook een goed idee om de laag te hernoemen voor een betere organisatie. Om de laag te hernoemen, dubbelklik op de laag om de Laagopties te openen. Hier kunt u de naam samen met enkele andere handige opties wijzigen. Begin met het hernoemen van de nieuwe laag naar 'Hoofd'.
Nu kunnen we beginnen met het traceren van de kop van de originele afbeelding. Gebruik het gereedschap Pen (P) om de hoofdvormen en -lijnen van het hoofd te volgen. Bij sommige vormen, zoals het gezicht en het haar, wilt u het pad sluiten. Andere lijnen zoals de wenkbrauwen, neus en lijnen onder de ogen, kunnen worden achtergelaten als slagen. Het is eenvoudiger om een taps lijnpenseel op deze lijnen aan te brengen. Traceer de ogen ook niet omdat we de Ellipse Tool (L) gebruiken om de ogen te creëren. Voor enkele handige tips en praktische tips van Pen Tool (P), bekijk het Pen Tool van de Vectortuts + Illustrator: het artikel in de Uitgebreide handleiding.
Teken een langwerpige ellips met het ellipsgereedschap (L) en vul deze met zwart en zonder lijn. Gebruik het gereedschap Direct selecteren (A) om het linker ankerpunt van de ellips te selecteren. Eenmaal geselecteerd, wordt het Configuratiescherm standaard ingesteld op de optie Ankerpunt. Druk op de knop Converteer geselecteerde ankerpunten naar hoek in het regelpaneel. Zet vervolgens het rechter ankerpunt in de ellips in een hoek om.
Selecteer de ovaal en sleep deze naar het deelvenster Penseel. Wanneer het dialoogvenster Nieuw penseel wordt geopend, kiest u Nieuw kunstpenseel. In het dialoogvenster Kunstpenseeloptie hoeft u alleen de inkleuring te wijzigen. Kies Tinten uit het pop-upmenu Methode onder Kleurinstelling, zodat u de kleur van de nieuwe Art Brush gemakkelijk kunt wijzigen.
Nu we onze penseel hebben gemaakt, kunnen we deze toepassen op enkele penseelstreken die met de pengereedschap (P) zijn gemaakt. Selecteer eenvoudig een lijn en selecteer de aangepaste penseel in het deelvenster Penseel. Misschien moet u spelen met de Lijndikte in het Lijnpaneel om het gewicht te krijgen zoals u het wilt.
Vervolgens komen de ogen. We hadden gemakkelijk de ogen kunnen traceren met de Pen Tool (P), maar het is gemakkelijk om consistente oogvormen te maken met de Ellipse Tool. Begin met het maken van vier ellipsen over de vorm van het linkeroog.
In de schets kun je zien dat de oogvorm onderaan is afgesneden. Om dit effect te creëren, tekent u een vorm met het gereedschap Pen (P) dat de onderkant van het oog afsnijdt. Selecteer alle vormen van de ogen en de vorm die u hebt gemaakt met het gereedschap Pen (P) en druk op de knop Verdeel in het deelvenster Pathfinder. Ontgrendel vervolgens de objecten een paar keer (Command + Shift + G) en verwijder de ongewenste vormen.
Selecteer alle oogvormen, Kopieer (Command + C) en Plak (Command + V). Plaats nu de oogvorm over het rechter oog.
Nu dat we alle vormen en lijnen hebben gemaakt voor het gezicht. We kunnen het gezicht vullen met kleur. Ik begin met de grotere vormen (hoofd en haar) en vul ze met een basiskleur. Wijzig vervolgens de lijnkleur op de aangepaste penseelstreken. Afhankelijk van welke vormen je het eerst hebt getraceerd, moet je misschien wat regelen. Objecten achtersturen door te gaan Object> Schikken> Naar achteren verzenden (Command + Left Bracket-toets) of Object> Schikken> Naar voren brengen (Command + rechter bracket-toets).
Nu we wat basiskleuren in het gezicht hebben, kunnen we wat meer diepte toevoegen met verlopen. Begin met te beslissen waar je een lichtbron vandaan wilt halen. Voor deze tutorial zal het licht van de rechterkant van het personage komen.
Selecteer nu de vorm van het hoofdgezicht en vul deze met een lineair verloop in het deelvenster Verloop. Wijzig de eerste kleurstop in het verloop in uw huidskleur en de tweede kleur stop in een donkerdere huidskleur. Pas het verloop van rechts naar links met het gereedschap Verloop (G) aan, zodat het lichtere deel van het verloop zich aan de linkerkant van het gezicht bevindt.
Blijf gradiënten toevoegen aan de andere vormen in het gezicht en houd daarbij rekening met je lichtbron. Gebruik voor de vorm van de ogen een radiale gradiënt in plaats van een lineaire gradiënt.
We kunnen nog meer diepte toevoegen aan het gezicht door meer vormen en hellingen te maken. Maak een ellips met de Ellipse Tool (L) ter grootte van een oog en plaats deze onder een van de ogen.
Vul de ellips met een radiaal verloop en verander beide Kleurstops in het verloop in een roze huidskleur. Selecteer de juiste kleurstop in de schuifregelaar voor verloopverloop en verander de dekking in 0. Kopieer (opdracht + C), plak (opdracht + v) en plaats onder het andere oog.
Om nog meer diepte aan het gezicht van het personage toe te voegen, gebruikt u het gereedschap Pen (P) en tekent u een pad dat de contouren van de neus, mond en ogen onderscheidt. Als u wilt dat de nieuwe gezichtsvorm wordt uitgelijnd met de vorm van het hoofdgedeelte, kopieert u (Command + C) de vorm van het hoofdgezicht, Plak vooraan (Command + F). Selecteer de hoofdvormkopie en de nieuwe vormcontour en druk op de knop Kruispunt in het deelvenster Pathfinder.
Vul de nieuwe vorm met een lineair verloop met beide kleurstops een donkere huidskleur. Wijzig de dekking van de tweede kleurstop in 0. Pas het verloop aan zodat het donkere gedeelte van het verloop zich aan de linkerkant van het vlak bevindt. Ga vervolgens naar Object> Schikken> Naar achteren verzenden (Command + Left Bracket) totdat de contourvorm vlak voor de vorm van het hoofdgezicht is, maar achter alle andere ogen, neus en mondvormen.
Nu het gezicht klaar is, kunnen we beginnen met het traceren van het lichaam van het personage. Maak om te beginnen een nieuwe laag in het deelvenster Lagen en noem deze 'Lichaam'. Sleep de laag 'Hoofdgedeelte' onder de laag 'Hoofd'.
Begin binnen de nieuwe "Body" -laag de schets te traceren met de Pen Tool (P).
Vul de vorm net als bij het gezicht in met een geschikte kleur.
Net als het gezicht, vult u de gekleurde vormen met een verloop om meer diepte aan het teken toe te voegen.
Maak met het penseel (B) en je aangepaste penseel enkele lijnen op de kleding om wat diepte toe te voegen. Verander vervolgens de kleur van de streek om bij de kleding te passen.
Het personage ziet er goed uit. Om het personage af te maken, moeten we het schalen en in het document op de juiste grootte plaatsen. Als we de schets van de lay-out bekijken, neemt het personage ongeveer driekwart van de pagina in beslag.
Als u het teken wilt schalen, selecteert u alle illustraties op de lagen "Hoofd" en "Hoofdgedeelte". Verplaats nu met het selectiegereedschap (V) het teken naar de juiste maat. Ook hebben we op dit punt in de zelfstudie het schetsbeeldsjabloon niet meer nodig. Verberg de sjabloonlaag door op het pictogram Zichtbaarheid te drukken voor de laag "Template" in het deelvenster Lagen.
Het is ook leuk om het artwork op de lagen mooi en schoon te maken, zodat het artwork niet voorbij gaat aan de bloeding die we hebben gemaakt. Een eenvoudige manier om de illustratie op een niet-destructieve manier bij te snijden, is om een masker voor laag afknippen te gebruiken. Teken hiervoor eerst een rechthoek met het gereedschap Rechthoek (L) de grootte van de afloop van het document op de laag 'Hoofdgedeelte'. Kies vervolgens Knipmasker maken in het pop-upmenu van het deelvenster Lagen.
Maak een nieuwe laag in het deelvenster Lagen, label het als 'Achtergrond' en sleep het onder de lagen 'Hoofd' en 'Hoofdgedeelte'.
Maak in de achtergrondlaag een rechthoek ter grootte van de afloop van het document. Vouw de rechthoek met een radiaal verloop en verander de eerste kleurstop in het verloop in wit en het tweede in een luchtkleur.
Maak met de Pen-tool drie eenvoudige wolkenvormen en vul ze met wit. Kopieer (Command + C) en plak (Command + V) de vormen van de wolk rond de "Achtergrond".
Maak een rechthoek ter grootte van de afloop van het document en maak een knipmasker in het deelvenster Lagen zoals eerder.
Maak een nieuwe laag in het deelvenster Lagen, noem deze "Titel" en zorg dat deze de bovenste laag is, boven de lagen "Kop," "Hoofdgedeelte" en "Achtergrond".
Maak een rechthoek die ongeveer 1/4 van de hoogte is en even breed als de afloop van het document. Plaats de rechthoek bovenaan het document. Vul de rechthoek met een lineair verloop, met de eerste kleurstop een lichtoranje en de tweede kleurstop een oranje kleur. Pas het verloop met het gereedschap Verloop (G) van boven naar beneden aan, zodat het lichtere deel van het verloop bovenaan de vorm staat.
Maak een kleine 0,125 in door .125 in ellips. Vul de ellips met dezelfde lineaire helling als de vorige rechthoek, maar pas het verloop aan zodat het donkere deel van de helling zich bovenaan de ellips bevindt.
Kopieer (Command + C) en plak in Back (Command + B). Zorg dat de kopie nog steeds is geselecteerd en verplaats deze iets naar beneden. Kopieer (Command + C) en plak weer in Back (Command + B) de originele vorm. Selecteer de nieuwe kopie en de verplaatste kopie, druk op de minknop aan de voorzijde in het deelvenster Pathfinder en verander de kleur in een lichtgeel. Selecteer vervolgens de hoofdellips en wijzig de Kleurmodus in Vermenigvuldigen in het deelvenster Transparantie.
Groepeer de ellips en andere vormen samen en plaats ze vervolgens ongeveer 2,5 cm links van het tekengebied en een halve inch van de bovenkant van het tekengebied.
Met de gegroepeerde ellipsen geselecteerd, ga je naar Effect> Vervormen en transformeren> Transformeren. Wijzig het Horizontaal verplaatsen naar 0,375 inch en het kopieëren naar 24. Verander vervolgens het effect Veranderen en transformeren. Transformeer opnieuw, maar verander dit keer de horizontale verplaatsing naar 0,25 inch, de verticale verplaatsing naar -375 inch, en de kopieën naar 4.
Maak een langwerpige ovaal naar het middenbovengedeelte van het document. Vul de ellips met een lineair verloop met de eerste kleurstop een lichtblauw en de tweede kleurstop een donkerder blauw. Pas het verloop aan zodat de donkerdere kleur zich bovenaan de ellips bevindt. Kopieer vervolgens (Command + C) en plak vooraan (Command + F) de ellips. Schaal de ellips een beetje naar beneden met de selectiegereedschap (V) en vul deze met wit.
Gebruik het gereedschap Tekst om tekst uit te typen. In deze zelfstudie heb ik Myriad Black gebruikt, maar je kunt het lettertype desgewenst wijzigen. Geef een overzicht van de tekst (Command + Shift + O) door naar Type> Create Outline te gaan. Zorg er ook voor Ungroup (Command + Shift + G) door naar Object> Ungroup te gaan.
Als de niet-gegroepeerde tekst is geselecteerd, gaat u naar Object> Transformeren> Transformeren. Wijzig in het dialoogvenster Transformeren de horizontale verplaatsing in 0,05 inch, de verticale verplaatsing naar 0,1 inch, stel de hoek draaien in op 10, schakel het selectievakje Willekeurig in en druk op OK.
Afhankelijk van hoe het Transform-effect eruitziet, verplaats, roteer en pas je de letters aan. Vul de letter vervolgens in met dezelfde blauwe lineaire gradiënt als in de vorige ellips.
Met de tekst nog steeds geselecteerd, kopieert u (Command + C) en plak u in de rug (Command + B). Verplaats de gekopieerde letters naar beneden en naar links. Vul de gekopieerde tekst vervolgens in met een lichtgrijze kleur.
Maak een rechthoek met de breedte van de afloop van het document en ongeveer 1 inch hoog. Ga naar Effect> Verdraaien> Boog en in de verdraaiingsopties zorg je ervoor dat de horizontale radiaalknop is aangevinkt en verander je de kromming in 20. Breid vervolgens het effect uit met Object> Uiterlijk uitbreiden. Vul de rechthoek vervolgens met dezelfde lineaire gradiënt in, pas van boven naar beneden, zoals in het vorige type en ellips.
Gebruik het selectiegereedschap (V), houd de Shift- en Alt-toetsen ingedrukt en sleep een kopie van de rechthoek zodat de bovenste boog van de kopie zich in het onderste vierde deel van het origineel bevindt. Verwijder elke vulling en lijn en klik op de vorm van de bovenste boog met het gereedschap Type op een pad naar de linkerkant. Typ je titel in met het lettertype van je keuze. Ik heb Grobold gebruikt die ik download van Dafont.
Geef een overzicht van de tekst en demonteer deze (Command + Shift + G). Als de niet-gegroepeerde tekst is geselecteerd, gaat u naar Object> Transformeren> Transformeren. Wijzig in het dialoogvenster Transformeer elke de horizontale verplaatsing in 0,05 inch, de verticale verplaatsing naar 0,1 inch, stel de hoek draaien in op 10, schakel het selectievakje Willekeurig in en druk op OK. Afhankelijk van hoe de transformatie verloopt, kunt u de gewenste letters verplaatsen, draaien en aanpassen.
Terwijl de letters nog steeds zijn geselecteerd, gaat u naar Object> Pad> Offset. Wijzig in het dialoogvenster Offsetpad het Offset in 0,125 inch en druk op OK. Selecteer de offsetletters en de vorm van de boog en druk op de knop Losmaken in het deelvenster Pathfinder.
Verander de kleur van de verenigde vorm in hetzelfde blauwe lineaire verloop dat je eerder hebt gebruikt. Ga vervolgens naar Object> Schikken> Naar achteren (Command + Left Bracket-toets) totdat de losse vorm achter de oorspronkelijke letters staat.
Vul voor deze stap elke afzonderlijke letter met een andere lineaire gradiënt in, aangepast van boven naar beneden.
Selecteer alle letters, Kopiëren (Command + C) en Plakken op achtergrond (Command + B). Verplaats de gekopieerde letter iets naar onder en naar links. Vul de kopieën met een donkerblauwe kleur.
Selecteer de blauwe verloop-ellips in de titel, selecteer de blauwe verloopboogvorm en ga naar Effect> Stileren> Slagschaduw. Wijzig de dekking in het dialoogvenster Slagschaduw in 40, de X-verschuiving in 0, de Y-verschuiving in 0,1 inch en de vervaging in 0,07 inch.
Omdat we dit ontwerp maken voor afdrukuitvoer, controleert u of uw rastereffecten correct zijn ingesteld. Om de instellingen te controleren, ga je naar Effect> Document Raster-effectinstellingen en zorg je ervoor dat de resolutie is ingesteld op Hoog (300 ppi). Dit zorgt ervoor dat het rastereffect helder en zonder pixelvorming wordt afgedrukt.
Maak een nieuwe laag in het deelvenster Lagen en noem deze "Pagina". Zorg ervoor dat de paginalaag bovenop alle andere lagen staat.
Maak met het gereedschap Pen (P) een driehoek rechtsonder in het document. Vul de driehoek met de oranje lineaire verloop die u in de titel hebt gebruikt.
Voeg een extra kleurstop toe aan het verloop door rechts onder de schuifregelaar Verloop in het deelvenster Verloop te klikken. Wijzig de nieuwe kleurstop in uw oranje kleur en de laatste kleurstop in een donkerdere oranje kleur. Beweeg vervolgens de middelste kleurstop naar rechts, dichtbij de laatste kleurstop. Pas het verloop aan naar een hoek van 45 graden, zodat het lichtere gedeelte van de helling zich rechtsonder in het document bevindt.
Maak een paginakrulvorm met het gereedschap Pen (P). Vul het met een drie kleuren stop-verloop: de eerste stop wit, de tweede licht blauw-grijs en de derde een donker blauw-grijs. Pas het verloop aan naar een hoek van 45 graden, zodat het witte gedeelte van het verloop zich links bovenaan de pagina bevindt.
Met de paginakrul geselecteerd, kopiëren (Command + C) en plakken in achterkant (Command + B). Gebruik het selectiegereedschap (V) om het rechterbovenpunt van het anker te pakken en de kopie naar linksonder te schalen. Verander de vulling van de kopie naar een blauwgrijze kleur en ga naar Effect> Stileer> Veer. Wijzig in het dialoogvenster Veer de veerradius in .125.
Maak een aantal witte tekst met het tekstgereedschap (T) om te beschrijven wat er in het boek zit. Hiervoor heb ik Myriad Black-tekst gebruikt die goed is gerechtvaardigd.
Maak als laatste stap een laag schoon met illustraties die langs de afloop van het document gaan met behulp van een laagknipmasker. Helemaal klaar!
Hieronder staat de uiteindelijke afbeelding.
Accentsconagua