In deze zelfstudie maken we een rustuilen-scène met behulp van basisvormen en -borstels in Adobe Illustrator. We zullen ook de Paintbrush Tool gebruiken om verschillende Stroke Weights voor de boom te maken en we zullen verschillende technieken bespreken voor arcering en ontwerpen met patronen. Laten we beginnen!
Het is belangrijk dat u eerst uw ideeën schetst voordat u doorgaat naar uw vectorillustratie. Voor deze zelfstudie schetste ik mijn ideeën grofweg in Adobe Photoshop en wanneer ik schets, plan ik altijd vooruit welke vormen of technieken ik moet gebruiken, zodat alles eenvoudiger wordt wanneer ik klaar zal zijn om met rendering in Adobe Illustrator te werken..
Voor deze in het bijzonder, dacht ik aan het gebruik van cirkels voor het hoofdlichaam, de ogen en voor de klauwen en een driehoek voor de oren. Dan in plaats van het gebruik van de Pen gereedschap (P) voor de boom en andere bochtige vormen, dacht ik eraan om een Penseelgereedschap (B) in plaats daarvan.
Laten we beginnen met het maken van een document door op te slaan Controle + N op je toetsenbord of je kunt naar Bestand> Nieuw. Ik heb de volgende instellingen gebruikt voor deze illustratie:
Op basis van mijn eigen ervaringen, vind ik het gemakkelijker in mijn workflow om de basisachtergrond eerst te plaatsen, zodat zodra we beginnen met het doen van de belangrijkste elementen van de illustraties, dit ons zal helpen beoordelen of de kleuren die we zullen kiezen, zullen zijn effectief voor de illustratie. Omdat ik van plan ben een nachtscène te maken voor deze tutorial, heb ik besloten om een donker violette kleur te gebruiken in plaats van de gebruikelijke donkerblauwe of zwarte kleur.
Selecteer de Rechthoekgereedschap (M) vanuit uw deelvenster Gereedschappen (Venster> Hulpmiddelen) en sleep de cursor omlaag totdat u de lege ruimte op uw tekengebied bedekt. Illustrator geeft standaard een rechthoekige vorm met witte vulling en zwarte lijntinten.
Met de rechthoekige vorm die we zojuist hebben gemaakt nog steeds geselecteerd, dubbelklik op de Vullen om het te activeren Kleurkiezer en gebruik de volgende kleur R = 92, G = 50, B = 62.
Na het wijzigen van de vulkleur en met de rechthoekige vorm die nog steeds is geselecteerd, activeert u de Beroerte optie door erop te klikken of op te drukken X op je toetsenbord om te schakelen tussen Beroerte en Vullen. Klik op het kleine vak met een diagonale rode lijn er net onder om de lijnkleur uit de vorm te verwijderen. Je zult weten of je zult slagen als je de Beroerte doos met een rode diagonale lijn in het midden ook.
Nu zijn we helemaal klaar, je witte rechthoekige vorm zou er nu zo uit moeten zien. Om nu verwarring te voorkomen, hernoemt u de eerste laag op de Lagen paneel (Venster> Laag) door erop te dubbelklikken en typ "Basis achtergrond" en schakel de Slot pictogram zodat het niet beweegt.
Selecteer de Ellipse Tool (L) en teken een gelijkmatige cirkel op uw tekengebied. Kleur de Vullen met R = 225, G = 94, B = 50 en verwijder eventuele streekkleuren.
Selecteer de cirkel die we zojuist hebben gemaakt en gebruik de Direct selectie gereedschap (A), selecteer het bovenste punt en houd de toets ingedrukt Verschuiving toets op uw toetsenbord, sleep het een beetje naar boven. En daarna sloeg V op je toetsenbord om naar de Selectie gereedschap (V) en daarom toont hij ons de begrenzende box voor transformatiedoeleinden. Plaats uw cursor op de middelste linkse markering van uw selectiekader en sleep deze een beetje naar links. Hernoem de laag als "Lichaam".
Vergeet ook niet om een goede balans tussen de hoogte en de breedte van de eivorm in te stellen, omdat dit de vorm van ons hoofdpersonage zal bepalen.
Selecteer de Ellipse Tool (L) opnieuw en maak een cirkel met een R = 255, G = 250, B = 132 opvulling en geen streekkleur. Maak je op dit moment geen zorgen over de grootte omdat we alleen te maken hebben met de voorrondes en later met maten zullen omgaan. Selecteer de nieuwe cirkel en kopieer deze Bewerken> Kopiëren en Plak aan de voorkant (Bewerken> Plakken vooraan) en verander de vulkleur in R = 192, G = 210, B = 62 en met de groene cirkel nog steeds geselecteerd, pak de Eraser Tool (Shift + E) en wis de helft ervan terwijl je de alt toets op uw toetsenbord. Als u de Alt-toets ingedrukt houdt, krijgt u hulp bij het direct wissen van vormen. Verklein het een beetje en plaats het zoals in de onderstaande afbeelding.
Maak nu een kleinere cirkel met R = 168, G = 39, B = 67 vul en geen streekkleur en kopieer deze Bewerken> Kopiëren en Plak aan de voorkant (Bewerken> Plakken vooraan) en verplaats / sleep de gekopieerde cirkel naar het gedeelte rechtsonder van de originele cirkel. Selecteer nu de twee kleine cirkels en ga naar Venster> Pathfinder en selecteer de tweede optie onder de Vormmodi sectie genoemd Minus voorkant. Je hebt nu de vorm van de iris, dus pas de grootte aan en plaats deze tussen de groene en gele basisvormen voor de ogen (je kunt hem in de Lagen paneel (Venster> Lagen)).
Voor de volgende stap gaan we de snavel van onze uil maken. Om dit te doen, maakt u een cirkel met behulp van de Ellipse Tool (L) met R = 255, G = 230, B = 53 vul kleur en geen streekkleur. Dit gaat een beetje lastig worden, dus zorg ervoor dat je de volgende stappen zorgvuldig volgt. Gebruik de cirkel die we zojuist hebben aangemaakt nog steeds, activeer de Direct selectie gereedschap (A) en selecteer het onderste ankerpunt van de cirkel. Meteen nadat u het punt hebt geselecteerd, zult u zien dat een nieuw paneel genaamd Ankerpunt is weergegeven. Ga door de Converteren en selecteer de Converteer geselecteerde ankerpunten naar een hoek.
U zult dan opmerken dat de cirkel een dramatische verandering in vorm zal hebben. Activeer nu de Direct selectie gereedschap (A) nogmaals en terwijl u op Verschuiving toets op uw toetsenbord, sleep de onderste punten van de richtingslijn aan de linker- en rechterkant naar hun respectieve hoekpunten. Activeer vervolgens de Selectie gereedschap (V) en verander het naar wens.
Nu, voor het onderste deel van de snavel, moeten we drie nieuwe cirkels maken. Hiertoe maakt u een nieuwe cirkel met behulp van de Ellipse Tool (L) opnieuw met dezelfde kleur als eerder. Selecteer de nieuwe cirkel en kopieer deze Bewerken> Kopiëren en Plak aan de voorkant (Bewerken> Plakken vooraan) en verander de vulkleur in R = 255, G = 188, B = 53 en maak het kleiner. Herhaal dan hetzelfde maar verander nu de kleur in R = 122, G = 0, B = 28. En je zult zoiets hebben als dit. (Zorg ervoor dat u het ook op de onderstaande schermafbeelding afstemt.)
Verklein het op een manier en laat ze eruitzien als een langwerpig en plaats het onder het bovenste deel van de snavel.
Voordat we doorgaan naar de volgende stappen, moeten we eerst de uiteindelijke maat van het oog en de snavel regelen en die overeenkomstig inrichten. Raadpleeg de eenvoudige richtlijn die ik hieronder heb opgesteld. Zoals je kunt zien, heb ik het formaat van het oog en de snavel aangepast en deze geplaatst om een goed evenwicht te krijgen voor het lichaam van de uil. Het bovenste gedeelte is voor de wenkbrauwen, het volgende deel is voor de ogen, het derde horizontale deel is voor het einde van de snavel en ten slotte is het laatste deel gereserveerd voor het onderste gedeelte van het lichaam van de uil. Dit zijn slechts de eerste richtlijnen. Je bent natuurlijk vrij om dit opnieuw in te delen zodra alles is gedaan.
Maak een ovaal met behulp van de Ellipse Tool (L) en verander de vulkleur in R = 192, G = 210, B = 62 en plaats het onder de ogen en de snavel en net boven het oranje basislichaam.
Laten we beginnen met het maken van een snel aangepast penseel om detaillering toe te voegen. Maak opnieuw een nieuwe cirkel met de Ellipse Tool (L) en vul het met R = 168, G = 39, B = 67. De ... gebruiken Eraser Tool (Shift + E), wis het bovenste deel van de cirkel terwijl u op alt toets op uw toetsenbord terwijl u de tool sleept.
Open de Borstels paneel (Venster> Penselen) en selecteer de halve cirkel die we zojuist hebben gemaakt en klik daarna op de Nieuw penseel keuze.
Een nieuw venster verschijnt en selecteert de Patroonpenseel optie uit de lijst en klik op OK. Dan verschijnt er een nieuw venster en hernoem je het penseel gewoon als "Half Circle" en laat je de standaardinstellingen zoals ze zijn en klik je op OK. U zult dan opmerken dat de nieuwe borstel in uw deelvenster Penselen verschijnt.
Activeer de Pen gereedschap (P) en maak een bolle lijn zonder enige vulkleur en met elke streekkleur. En klik daarna op de "Half Circle-borstel" in het deelvenster Penselen dat we zojuist hebben gemaakt, zodat u hieronder iets soortgelijks zult hebben.
Terwijl de reeks van de halve cirkel nog steeds is geselecteerd, gaat u naar Object> Uiterlijk uitbreiden en kijk hoe je penseelstreek werd omgezet in een echte vorm. We moeten dit doen omdat we vaste vormen willen gebruiken terwijl we later met het Pathfinder-paneel werken. En bovendien, wanneer u de penseelstreek opnieuw wilt wijzigen, krijgt u halve cirkels in een nieuw nummer.
Direct hierna, selecteer de vorm van de halve cirkels en Kopiëren (Control + C) het zoals we het later nodig hebben: plak nog niets. En als het nog steeds is geselecteerd, houdt u de knop ingedrukt Verschuiving toets op uw toetsenbord en selecteer het groene gedeelte van de body en activeer de verkenner paneel (Venster> Pathfinder) en selecteer de Minus voorkant optie en je hebt zoiets als dit.
Zoals u kunt zien, gebruikte de vorm van de halve cirkel zijn vorm bij het kappen van de groene langwerpige wij en daarom verdwenen de halve cirkelvormen. De reden waarom we het eerder hebben gekopieerd, is zodat we het terug kunnen zetten in onze illustratie. Nu, Plak aan de voorkant (Control / Command + F) de vorm en activeer de Direct selectie gereedschap (A) en selecteer het bovenste gedeelte van de oorspronkelijke groene vorm en druk op Verwijder op je toetsenbord en je hebt zoiets als dit.
Het maken van de oren en de vleugel is heel eenvoudig. Activeer gewoon de Pen gereedschap (P) en teken de vorm die je wilt, waarvan je denkt dat deze het beste bij de illustratie past en vul deze met de kleur R = 168, G = 39, B = 67 en zorgvuldig geplaatst aan de achterkant van de hoofdvorm van het lichaam voor het oor en voor het lichaam van de uil voor de vleugel.
Voor dit deel gaan we een op maat gemaakt penseel maken dat we later ook in de illustratie kunnen gebruiken om verschillende dingen te ontwerpen. Het is belangrijk dat u een enkele borstel kunt gebruiken die ook voor andere dingen kan worden gebruikt. Dus voor deze illustratie zullen we deze borstel gebruiken voor de wenkbrauwen, de boom en de markeringen van de boom. Dus laten we beginnen.
Maak eerst een vierkant met de Rechthoekgereedschap (M) en activeer de Ankerpunt te verwijderen (-) (je kunt deze tool ook activeren door lang op de te klikken Pen gereedschap in de Hulpmiddelen paneel) en verwijder de rechterbenedenhoek van het vierkant.
Activeer de Roteer gereedschap (R) en draai de driehoek zoals in de tweede afbeelding hieronder. Activeer vervolgens de Direct selectie gereedschap (A) en sleep het onderste ankerpunt naar beneden tot je een ijshoornvorm hebt.
Zoals je kunt zien, is de breedte van de kegel een beetje breed, dus we moeten hem dunner maken. De ... gebruiken Direct selectie gereedschap (A), sleep de linker en rechter ankerpunten op het bovenste deel van de kegel totdat je een dunnere kegel hebt zoals hieronder.
Activeer daarna de Ellipse Tool (L) en teken een cirkel bovenop en in het midden van de kegel. Selecteer daarna de twee vormen (de kegel en de cirkel die we zojuist hebben gemaakt) en kies de Verenigen optie van de verkenner paneel. Nu heb je een solide vorm die we kunnen omzetten in een nieuwe borstel.
Omdat we nu een vaste vorm hebben, kunnen we het formaat ervan eenvoudig aanpassen aan een aangepast penseel. Zoals je ziet, is het nog steeds een beetje breed, dus we kunnen het nog steeds aanpassen. Raadpleeg de onderstaande afbeelding over hoe ik het formaat en de maatvergelijking van de uil en de vorm die we zullen gebruiken voor de aangepaste borstel.
Dus nu, selecteer de vorm die we zullen gebruiken voor de aangepaste penseel en klik op de Nieuw penseel optie van de Borstels paneel en selecteer de Art Brush vanuit het pop-upvenster. Nadat u op OK hebt geklikt, verschijnt een nieuw venster en gebruikt u gewoon de onderstaande instellingen.
Nu zijn we helemaal klaar! We hebben nu een nieuwe aangepaste borstel die we kunnen gebruiken voor ontwerpdoeleinden. Controleer de afbeelding hieronder om te zien hoe de borstel in verschillende streekbreedten werkt.
Nu gaan we de basisvormen maken voor de wenkbrauw van de uil. Selecteer de nieuwe tekenpenseel die we zojuist hebben gemaakt. Voor degenen die een grafisch tablet hebben, dan is het goed voor je, want je kunt al met de borstel spelen om het ontwerp te bereiken dat we hierna zullen doen. Maar voor degenen die er geen hebben, kunnen we het nog steeds maken, dus maak je geen zorgen. Activeer de Pen gereedschap (P) en maak voorzichtig drie lijnen die eruit zien als een wenkbrauw.
Klik daarna, met de drie geselecteerde lijnen / paden, op de "Misc Brush" die we eerder hebben gemaakt en zie hoe deze de paden veranderde. Pas de streekbreedte naar wens aan en je zou moeten eindigen met het soortgelijke ding hieronder.
Ga nu naar Object> Uiterlijk uitbreiden en gebruik vervolgens de Verenigen optie opnieuw van de verkenner paneel (Venster> Pathfinder) en plaats het onder het oog. Wijzig het formaat en draai het indien nodig. Verander ook de vulling naar R = 168, G = 39, B = 67. Je uil moet er nu ongeveer zo uitzien.
Nu zijn we op het laatste belangrijke deel voor de bases van de uil: de klauw. De ... gebruiken Ellipse Tool (L), maak een nieuwe cirkel met R = 255, G = 218, B = 53 vul de kleur en zonder slag. Dupliceer het met Kopiëren (Control + C) en Plakken (Control + V) het in het tekengebied. Selecteer de nieuwe cirkel en maak kleiner en plaats deze in het midden onderaan de grotere cirkel. Selecteer nu de twee cirkels en gebruik Minus voorkant van de verkenner paneel (Venster> Pathfinder). Je hebt nu een vorm die lijkt op de derde afbeelding hieronder. Activeer vervolgens de Selectie gereedschap (V) en pas de vorm aan om hem slanker te maken, net zoals in de vierde afbeelding hieronder.
Activeer de Direct selectie gereedschap (A) sleep het bovenste ankerpunt van de vorm voorzichtig en dupliceer het twee keer, maak ze kleiner en plaats ze aan elke kant met een donkerder gele kleur R = 226, G = 190, B = 36.
Plaats nu gewoon de klauwen aan het lichaam van de uil en we zijn klaar met de basisvormen!
Voor deze specifieke tutorial zou ik de basis willen delen van het toevoegen van "hoogtepunten" die ik persoonlijk jaren geleden heb geleerd, terwijl ik nog steeds leer hoe ik moet vectoren en tot nu toe vind ik dit nog steeds nuttig wanneer ik iets illustreer, dus ik zou wil dit graag allemaal met je delen.
Kopiëren > Plak aan de voorkant (Control + F) > Plak aan de voorkant (Control + F): Dus in principe geeft die 'formule' ons ongeveer zoiets als: we moeten eerst de originele vormlaag selecteren en deze twee keer dupliceren.
Regelen: Wijzig vervolgens de grootte van het tweede exemplaar en maak het kleiner in vergelijking met het eerste exemplaar.
Besnoeiing: En ten slotte selecteert u beide exemplaren en opent u Pathfinder (venster> Pathfinder) en selecteer Minus voorkant.
Verander dan gewoon de Transparantie (Venster> Transparantie) naar Vermenigvuldigen met 50% dekking dus we kunnen een nieuwe kleur hebben met een nieuw transparantie-effect of gewoon de kleur veranderen die goed zal aansluiten op uw creatieve voorkeuren.
Laten we een visueel voorbeeld geven van hoe dit het eenvoudigst kan.
Nu zijn we allemaal geregeld, je kunt het doen met de andere delen van de uil. Ik heb ook de schermafbeeldingen opgenomen over hoe ik de andere delen van de uil heb gedaan met behulp van de "formule".
Nu gaan we naar het leukste deel van het proces: het toevoegen van ontwerpen aan de uil om het interessanter en aantrekkelijker te maken. Voor dit deel zal ik je leren:
Toon de Liniaal (besturingselement + R) in uw tekengebied en sleep twee horizontale lijnen en drie horizontale lijnen van de liniaal. Zorg ervoor dat ze ook de exacte afstanden tot elkaar hebben. Het gemarkeerde gedeelte in de onderstaande afbeelding is de ruimte waar we het basispad voor ons patroon zullen toevoegen. We konden de ruimtedimensies gelijk krijgen vanwege de richtlijnen die we zojuist hebben gemaakt.
Activeer de Pen gereedschap (P) en teken een golf / curve. Zorg er voor het pad voor dat al uw ankerpunten in het midden zijn uitgelijnd en dat de curven moeten voldoen aan het oppervlak van de richtlijnen en selecteer elke lichtere kleur uit onze achtergrond en pas deze toe op het pad dat we hebben gemaakt. Raadpleeg de onderstaande afbeelding over hoe ik de richtlijnen hiervoor heb gebruikt. U kunt de hulplijnen nu verbergen door naar te gaan Bekijken> Gidsen> Hulplijnen verbergen.
Selecteer het pad dat we zojuist hebben gemaakt en ga naar Object> Patroon> Maken en je zult de Patroonopties modus. U moet de hoeken handmatig aanpassen door op de knop te klikken Patroon tegel gereedschap tot je patroon er naadloos uitziet en klaar voor gebruik.
Na alle aanpassingen ziet uw patroon er nu zo uit en klikt u vervolgens op 'Gereed'. Je nieuwe patroon verschijnt in de Stalen paneel (Venster> Stalen).
Voor deze hebben we drie panelen nodig:
Selecteer eerst de basis van de vorm voor de plaats waar u uw patroon wilt toevoegen. Ga vervolgens naar het vervolgkeuzemenu van de Verschijning paneel en selecteer 'Nieuwe vulling toevoegen'. U zult opmerken dat een nieuwe vulkleur zal worden toegevoegd. Selecteer vervolgens het patroon dat we eerder hebben gemaakt en merk dat het al aan het ontwerp is toegevoegd. Speel dan met de transparantie en dekking, totdat je een gewenste uitstraling van het ontwerp hebt.
Doe dezelfde truc voor de andere delen waarvan je wilt dat er patronen aan worden toegevoegd. Speel met patronen tot je verschillende ontwerpen gebruikt om impact te hebben op het ontwerp. Adobe Illustrator biedt een verscheidenheid aan gratis patronen en mogelijk ziet u ze Stalen> Open stalenbibliotheek> Patroon dus misschien wil je die proberen voor je ontwerp!
Grijp je Pen gereedschap (P) en voltooi de andere delen waar je denkt dat je meer ontwerp, schaduwen en hooglichten nodig hebt en maak ze handmatig, speel met transparantie, verander de kleuren, etc. Doe dit totdat je tevreden bent met je ontwerp.
Dit is nu een van de belangrijkste onderdelen van de stappen. We moeten Groep (Control + G) de belangrijkste delen afzonderlijk. Daarom moeten we het volgende groeperen:
Ik weet dat je hebt gemerkt dat we de linkerkant van het lichaam van de uil hebben gedaan, toch? Dit is het perfecte moment om ze te kopiëren en de illustratie van de uil te voltooien.
Druk op de Selectie gereedschap (V) en selecteer alle linkerzijgedeelten die een paar rechts moeten hebben. Voor deze, dat zijn de oor-, oog-, vleugel- en klauwgroepen van de uil en activeer de Reflect Tool (O) door rechts te klikken op het tekengebied en uit de lijst te selecteren Transformeer> Reflect en een nieuw venster verschijnt en selecteer Verticaal en druk op Kopiëren.
Selecteer nu de twee ooggroepen en groepeer ze samen. Doe hetzelfde voor het paar vleugels, het paar klauwen en de twee oren en zorg ervoor dat je alles dienovereenkomstig hernoemt. Houd er rekening mee dat dit belangrijk is, dus zorg ervoor dat de gepaarde delen correct worden gegroepeerd.
Een effectief karakterontwerp moet in balans zijn, dus we moeten ervoor zorgen dat alles hier goed is gemaakt. Om de balans voor dit karakter te verzekeren, selecteert u alle groepen in de uilillustratie en activeert u vervolgens de Selectie gereedschap (V.) en selecteer de Horizontaal centreer uitlijnen in Venster> Uitlijnen.
Vergeet niet dat ik in de vorige stap benadrukte dat het belangrijk is dat je gepaarde lichaamsdelen juist groepeert, toch? Welnu, dit is het ding dat zal gebeuren als je ze niet correct groepeert.
Nu zijn we klaar met de uil. Hernoem de hoofdgroep in "Uil" en vergrendel de laag en we zijn nu klaar om de achtergrond te maken.
Maak een nieuwe laag en hernoem het "Tree" en plaats het onder de "Owl" -laag. De ... gebruiken Pen gereedschap (P), teken het basispad van de boom met R = 117, G = 64, B = 11 streekkleur.
Voor deze stap zullen we de "Misc-brush" toepassen die we eerder op de boompaden hebben gedaan en met de Stroke Weights spelen totdat we het uiterlijk van de boom hebben. In de onderstaande afbeelding heeft de boomstam 5 pt slaggewicht, terwijl de takken 2 of 3 pt slaggrootten hebben.
Maar daarvoor moet je eerst de paden uitbreiden door naar Object> Uitbreiden . Met de Pen gereedschap (P), maak handmatig nieuwe vormen om de bruine vormen er meer als een boom te laten uitzien Verenigen zij met de verkenner paneel (indien nodig ook dingen regelen).
Gebruik de aangepaste penseel 'Overige penseel' die we eerder hebben gemaakt en teken willekeurige lijnen in de structuur om een houten textuur toe te voegen (in Slimmer Stroke Weights). Voeg ook een highlight toe met de 'formule' die ik eerder heb aangepakt en voeg veel bladeren toe. Als u tevreden bent, groepeert u de boomlaag zodat we de dingen later gemakkelijk kunnen verplaatsen.
Nu zijn we bij het laatste deel van de illustratie. Aangezien we een nachtillustratie doen, denk ik erover wat dingen toe te voegen die surrealistisch en toch kinderlijk zijn, die goed zullen gaan met illustratie en die uiteindelijk op de achtergrond zullen verschijnen.
De ... gebruiken Pen gereedschap (P), maak een basisvorm zoals degene die ik hiero