Hoe u het maximale uit uw vectorillustraties haalt

In deze zelfstudie leert u hoe u uw vectorillustratie neemt en deze klaarmaakt voor vele toepassingen, deze op een unieke manier ontwerpt en voor te bereiden op micro-stock-sites. Laten we beginnen!


Invoering

Ik wil graag mijn manier van creëren van drie verschillende stijlen van vectorillustraties met u delen op basis van één concept en schets. U kunt het beste uit uw vectorillustraties maken door de gebruiksmogelijkheden uit te breiden en deze geschikt te maken voor meer ontwerpen en projecten.

Als u een geweldig illustratie-idee hebt dat u in veel verschillende merchandise-ontwerpen wilt opnemen, kan het handig zijn om verschillende looks van één illustratie te hebben voor die producten waar ze het meest geschikt zijn. Door verschillende stijlen van één illustratie te maken vergroot u de gebruiksmogelijkheden voor ontwerpers die uw vectorillustratie op micro-stock-websites downloaden, waardoor deze voor hen waardevoller worden.

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.


In deze zelfstudie

Laten we eens kijken naar wat u leert in deze zelfstudie, de hulpmiddelen die u nodig hebt en andere details.

Je zult leren

  • Hoe u het beste uit uw illustratieconcept haalt door het gebruik ervan uit te breiden.
  • Hoe maak je drie stijlen van één vectorillustratie van schets tot finish in Adobe Illustrator terwijl je in hetzelfde bestand werkt.
  • Hoe te werken met penselen in Adobe Illustrator.
  • Hoe deze drie stijlen te gebruiken in echte grafische projecten.

Je zal nodig hebben

  • Papier en potlood
  • Foto, camera of scanner
  • Adobe Illustrator (ik heb CS3 gebruikt)
  • Tablet tekenen

Stap 1: een schets maken

Ik besloot het concept van een verjaardag te illustreren en creëerde dit papegaaikarakter om het idee van plezier en geluk te communiceren met heldere kleuren van deze vogel en met details zoals hoed, vlinderdas, geschenkdoos en bloemen.

Maak een schets van je illustratie. Verbeter het op papier totdat u tevreden bent met het resultaat. Breng uw schets over naar uw computer door deze te scannen of te fotograferen. Ik nam een ​​foto van mijn tekening met mijn camera en importeerde deze in Photoshop, waar ik ermee speelde tot hij klaar was om te werken in Illustrator.



Stap 2: importeren naar Illustrator

Open Adobe Illustrator. Maak een nieuw document met 800 px bij 800 px (Bestand> Nieuw). Importeer je schets naar Illustrator (Bestand> Plaats). Vink het vakje Sjabloon aan. De schets wordt voor je gemak op een aparte laag met een lagere dekking geplaatst en erboven wordt een nieuwe laag gemaakt. Plaats uw schets in het midden van het tekengebied met behulp van Uitlijnen op tekengebied. Noem deze laag "Schets".



Stap 3: Lijnkunst van een papegaai maken

Maak een nieuwe laag en noem deze "Lijn - papegaai". Omdat we willen dat deze variant van onze illustratie een beetje lijkt op een inktlijntekening, selecteren we een aantal penselen uit de bibliotheken van Adobe Illustrator. Ik heb 'Tapered - Round' en 'Tapered Stroke' penselen uit de groep 'Artistic Ink' geselecteerd en deze op 3pt ingesteld. Ik heb ook een rond penseel uit de penseelbibliotheek "Artistic Calligraphic" gebruikt.


De geselecteerde penselen verschenen in mijn palet Penselen, zodat ik er gemakkelijk toegang toe had tijdens het werken. Ik heb ook een aantal aangepaste penselen gemaakt die ik later in mijn lijnwerk heb gebruikt. Als u uw eigen penseel een ellips wilt maken met de Ellipse Tool (L), selecteert u het rechter ankerpunt met het gereedschap Directe selectie (A) en sleept u het naar rechts totdat u de vorm hebt die op een inktlijn lijkt.


Pak nu je nieuwe vorm met het selectiegereedschap (V), sleep het naar het palet Penselen aan de rechterkant en laat het daar vallen. Het menu Nieuwe penseel verschijnt waar u Nieuwe penseel moet selecteren en druk op OK. Geef nu je nieuwe penseel een naam in het venster Kunstpenseelopties "Aangepast penseel" en klik op OK. U hebt een aangepast penseel gemaakt dat u in dit project kunt gebruiken en kunt opslaan voor later gebruik (Penselenpalet> Optiemenu> Penseelbibliotheek opslaan).

Maak de basisvormen van een papegaai met behulp van het gereedschap Pen (P) voor rechte lijnen zoals in de hoed. Gebruik het gereedschap Penseel (B) voor inktlijnen zoals in de vleugel en de staart. Gebruik ook het Ellips-gereedschap (L) voor cirkels in de ogen en in de vlinderdas. U kunt de dikte van de lijnen variëren door het slaggewicht te wijzigen. Ik gebruikte de dikkere lijnen voor de buitenvormen van de papegaai en dunnere lijnen voor kleinere details.


Teken vervolgens de details van het lichaam en de kleine lijnen van de veren en benen van de papegaai met dezelfde borstels, maar met dunnere halen. Groepeer de details samen volgens het deel van het lichaam, zodat je niet verdwaalt als je later met hun grootte wilt experimenteren.


Nadat u klaar bent met uw lijnwerk, kunt u de schetslaag onzichtbaar maken door op het kleine oogpictogram ernaast te klikken (of het vormenpictogram als de laag een sjabloon is) en ziet u uw papegaaikunst papegaai.



Stap 4: Lijnkunst van bloemen maken

Maak een nieuwe laag en noem deze "Lijn - Bloemen". Gebruik dezelfde penselen en technieken als in stap 3 om de lijnen van de bloemen te tekenen. Gebruik het gereedschap Penseel (B) om lijnen in de bloemblaadjes in te kleuren en het gereedschap Pen (P) voor de vormen in de stelen van de bloemen.



Stap 5: De lijntekening van de geschenkdoos maken

Maak een nieuwe laag en noem deze "Lijn - geschenkdoos." Maak een grotere rechthoek voor de doos en nog een dunnere voor het lint met behulp van de Rechthoektool (M), plaats ze vervolgens volgens de schets.

Geef ze geen vulling, slechts een slag. Gebruik nu het schaargereedschap (C) om de lijnen van de rechthoeken te knippen waar de doos en het lint achter de papegaai verborgen zijn. Uiteindelijk. je moet een overzicht van de geschenkdoos hebben. Selecteer de streken en klik op je aangepaste penseel om het uiterlijk van de lijn meer als een inktlijn te laten lijken.


Gebruik de Ellips-tool (L) om de vorm in het midden van het lint en de cirkels in de decoratie van de geschenkdoos te maken. Gebruik het gereedschap Penseel (B) om de strik op de bovenkant van de doos te tekenen.


Om de grote cirkelgroepen in de decoraties te maken, maakt u twee cirkels, een grote en een kleine. Plaats de kleine in het midden van een grote cirkel met behulp van het palet Uitlijnen. Geef ze een dunne streep, maar geen vulling. Selecteer ze allebei, ga naar Object> Blend> Mengopties ...

In het menu Mengopties stelt u de afstand in tot Gespecificeerde stappen en vult u 6. Laat Uitlijnen op pagina voor de richting. Ga daarna opnieuw naar Object> Blend> Make en je krijgt de groep cirkels voor onze decoratie.


Dupliceer de cirkels en plaats ze volgens de schets. Selecteer de cirkelgroep en vouw deze uit (Object> Uitvouwen> Object uitvouwen> OK). Koppel het object los om een ​​reeks cirkels te krijgen.


Maak een vorm boven de cirkel met het gereedschap Pen (P), zoals hieronder weergegeven. Om de rechte verticale en horizontale lijnen met het gereedschap Pen (P) te maken, houdt u de Shift-toets ingedrukt tijdens het maken van de vorm.


Selecteer beide objecten en druk op Delen in het Pathfinder-menu. Koppel ze los en verwijder alle onnodige vormen buiten de omtrek van het kader. Ik heb ook een paar regels verwijderd uit de kringgroepen om ze meer decoratief en ongelijk te maken.


Knip nu de andere cirkelgroepen door met Divide in het Pathfinder-menu de delen te verwijderen die door de vormen van de papegaai en het lint worden bedekt. Maak de kleine cirkels met behulp van de Ellipse Tool (L).



Stap 6: Line Art Text toevoegen

Omdat deze illustratie kan worden gebruikt voor een verjaardagsgroet, heb ik besloten om "Happy Birthday!" Toe te voegen tekst erop. Maak een nieuwe laag en noem deze "Lijn - Tekst". Gebruik het gereedschap Tekst (T) om 'Gefeliciteerd met je verjaardag' te schrijven. en selecteer de tekst en bepaal vervolgens het lettertype door verschillende lettertypen uit te proberen in uw lettertypenbibliotheek (Type> Lettertypen).

Omdat ik de tekst later wilde inkleuren, gebruikte ik Abadi MT Condensed Extra Bold 45 pt-lettertype uit de standaard Adobe Illustrator Library. Geef de tekst geen vulling, slechts een streek, centreer de woorden en positioneer ze op basis van de elementen van de afbeelding.


Op dit punt zou u de voltooide lijnkunstversie van uw illustratie moeten hebben.



Stap 7: De lijntekening tekenen

Maak een nieuwe laag en noem deze "Kleur - Parrot." Plaats deze onder alle lagen met het label 'Lijn', maar boven de laag 'Schets'.

Begin met het maken van de basisvormen van de papegaai met behulp van het gereedschap Pen (P). Houd de "lijn" -laag zichtbaar en probeer om vormcontouren te maken in het midden van een lijn vanaf de "lijn" -laag. Zorg ervoor dat uw laagkleur goed zichtbaar is (om de kleur van de laag te wijzigen, dubbelklikt u op de laag in het lagenpalet). Als uw lijn er niet goed uitziet, maakt u deze vast door het ankerpunt te slepen met het gereedschap Direct selecteren (A).


Maak alle basisvormen van onze papegaai met behulp van dezelfde techniek. Selecteer de heldere kleuren voor de vormen en kleur ze in. Geef de vormen de vulling, maar geen streek. Gebruik de Ellipse Tool (L) voor de ogen.


Maak nieuwe lagen voor de bloemen en voor de geschenkdoos en noem ze dienovereenkomstig met het label "Kleur -". Gebruik dezelfde methode als bij de papegaaienvormen om de basisvormen van de bloemen en de geschenkdoos te maken. Maak een nieuwe laag en noem deze "Kleur - schaduw". Gebruik de Ellipse Tool (L) om een ​​grote ellips te maken en plaats deze onder de vormen van de papegaai en geschenkdoos.


Maak vervolgens een nieuwe laag met de naam "Kleur - tekst". Kopieer de omtrekstekst uit de laag "Lijn - tekst" en plak deze in de laag "Kleur - tekst". Vouw de tekst uit (Object> Uitvouwen) om afzonderlijke vormen voor elke letter te krijgen. Selecteer nu letter voor letter en kleur ze in verschillende kleuren met behulp van de kleuren van de afbeelding die we hebben gebruikt voor basisvormen. Groepeer tenslotte de tekst.



Stap 8: Details toevoegen

Op dit punt kunnen we de details aan de foto toevoegen, zoals schaduwen, hoogtepunten en enkele extra lijnen. Begin met het maken van een nieuwe laag en noem deze "Kleur - Details". U kunt voor elk onderdeel afzonderlijke lagen maken (bijvoorbeeld 'Kleur - papegaaidetails') of alle details in één laag bewaren, maar vergeet niet ze te groeperen om ze gemakkelijker te kunnen bewerken.

Maak eerst schaduwen van de papegaai. Ik gebruikte de Pen Tool (P) voor alle schaduwen. Probeer de randen van je lijnen in het midden van de lijnlagen "Lijn" te houden.


Gebruik highlights met dezelfde methode, maar dan met lichtere kleuren.


Herhaal dezelfde procedure voor bloemen en de geschenkdoos. Op dit punt zou u een voltooide tweede variant van uw illustratiekleurige lijnillustratie moeten hebben.



Stap 9: Een alleen-kleurenvariant maken

Nu is het tijd om te zien hoe onze illustratie eruit ziet zonder al die zwarte lijnen. Als u de instructies correct hebt gevolgd, moet u een reeks gelabelde "Line" -lagen en een reeks gelabelde "Color" -lagen in uw lagenpalet hebben. Schakel gewoon de zichtbaarheid van alle "Lijn" -lagen uit door de cursor over de kleine oogpictogrammen in de buurt ervan te slepen en u ziet de "alleen kleuren" -versie die u hebt gemaakt. Het zou er zo uit moeten zien.


Op dit punt is het goed om in te zoomen en alle openingen tussen de vormen en fouten die we hebben gemaakt tijdens het inkleuren op te lossen.


Nadat de vormen zijn hersteld, voegen we nog wat meer details toe. Ik wilde meer details in de papegaaienveren en de geschenkdoos, dus ik geleend enkele streken van de lagen "Lijn". Kopieer de dunne lijnen en plaats ze op de nieuwe laag "Kleur - lijnen".


Herhaal dit voor alle details die u wilt toevoegen. Uiteindelijk zou u een afgewerkte versie van alleen uw illustratie in kleur moeten hebben.


Al uw varianten staan ​​in één bestand, verdeeld in afzonderlijke gelabelde lagen. Door de zichtbaarheid van laaggroepen te wijzigen, kunt u alle drie de varianten bekijken. Beschouw dit als een bronbestand. U kunt elke variant afzonderlijk opslaan voor gebruik in uw projecten.


Stap 10: Uw illustratie gebruiken in projecten

Als resultaat van uw werk krijgt u één vectorbestand met drie verschillende varianten van één vectorillustratie. Het is tijd om ze allemaal in uw projecten te gebruiken.

Als u uw illustratie verkoopt op microstockwebsites, kunt u deze illustratie voorbereiden voor de verkoop volgens de stappen die ik heb beschreven in mijn zelfstudie 'Een vectorillustratie maken en voorbereiden op verkoop op microverkoop' (stap 11 -16) . Naast deze stappen, raad ik aan een kopie van dit document te maken en het te bewerken op basis van de vereisten voor microstock. Vergeet niet om alle streken in je illustratie (Object> Uitbreiden) uit te vouwen voordat je deze voor beoordeling uploadt.

Ik heb enkele kleine projecten gemaakt om te laten zien hoe de drie varianten kunnen worden gebruikt. De lijntekeningenversie kan worden gebruikt als een kleurpagina voor kinderen.


Het kan een grote wenskaart zijn die door je kind is gekleurd als een geschenk aan vrienden op hun verjaardag.


De lijntekening + kleurenversie kan als verjaardagskaart worden afgedrukt om naar uw vrienden en familie te verzenden.


Color-only-versie kan worden gebruikt als een e-card voor verjaardag voor e-mailverjaardagsgroeten. U kunt een eenvoudig ontwerp maken in Illustrator en het opslaan als een sjabloon voor de toekomst.


Er zijn veel mogelijkheden om het meeste uit je illustratie te halen en ik hoop dat deze tutorial je een aantal ideeën heeft gegeven. Bedankt voor het lezen!