Hvordan få mest mulig ut av Vector Illustrasjoner

I denne opplæringen lærer du hvordan du tar vektorgrafik og prep dem for mange bruksområder, stil dem unikt og forberede dem til salg på mikronagasiner. La oss komme i gang!


Introduksjon

Jeg vil gjerne dele med deg min metode for å lage tre forskjellige stiler av vektorillustrasjon basert på ett konsept og en skisse. Du kan få mest mulig ut av vektorgrafikkonseptet ditt ved å utvide bruksmulighetene og gjøre det egnet for flere design og prosjekter.

Hvis du har en flott illustrasjonside som du ønsker å inkorporere i mange forskjellige varemodeller, kan det være nyttig å ha forskjellige utseende på en illustrasjon som skal brukes på de produktene der de passer mest. Ved å skape forskjellige stiler med en illustrasjon øker du bruksmuligheter for designere som laster ned vektorgrafik på mikro-lager nettsteder, noe som gjør det mer verdifullt for dem.

Du kan finne kildefilene i katalogen merket "kilde" som kom i filene du lastet ned. Du kan ønske å se gjennom dem kort før vi begynner.


I denne opplæringen

La oss ta en titt på hva du vil lære i denne opplæringen, verktøyene du trenger, og andre detaljer.

Du vil lære

  • Hvordan få mest mulig ut av illustrasjonsbegrepet ved å utvide bruken.
  • Hvordan lage tre stiler av en vektorillustrasjon fra skisse til slutt i Adobe Illustrator mens du arbeider i samme fil.
  • Hvordan jobbe med børster i Adobe Illustrator.
  • Slik bruker du disse tre stilene i selve grafiske prosjekter.

Du vil trenge

  • Papir og blyant
  • Foto, Kamera eller Skanner
  • Adobe Illustrator (jeg brukte CS3)
  • Tegning Tablet

Trinn 1: Lag en skisse

Jeg bestemte meg for å illustrere begrepet en bursdag og opprettet denne papegøye karakteren for å formidle ideen om moro og lykke med lyse farger av denne fuglen og med detaljer som lue, slips, gaveeske og blomster.

Lag en skisse av illustrasjonen din. Forbedre det på papir til du er fornøyd med resultatet. Overfør skissen din til datamaskinen ved å lage en skanning eller fotografere den. Jeg tok et bilde av tegningen min med kameraet mitt og importerte det til Photoshop, hvor jeg spilte med den til den var klar for arbeid i Illustrator.



Trinn 2: Importerer til Illustrator

Åpne Adobe Illustrator. Opprett et nytt dokument 800 px med 800 px (Fil> Ny). Importer skissen din til Illustrator (File> Place). Merk av i esken. Skissen er plassert på et eget lag med lavere opasitet for enkelhets skyld, og et nytt lag er opprettet over det. Plasser skissen i midten av tavla med Align To Artboard. Gi navnet dette laget "Sketch."



Trinn 3: Opprette Line Art of a Parrot

Lag et nytt lag og nev det "Line - papegøye." Som vi vil at denne varianten av vår illustrasjon skal se litt ut som en blekklinjekunsttegning, velger vi et par børster fra Adobe Illustrator børstebiblioteker. Jeg har valgt "Tapered - Round" og "Tapered Stroke" børster fra "Artistic Ink" gruppen, og jeg satte dem til 3pt. Jeg brukte også en rund børste fra "Artistic Calligraphic" børste biblioteket.


De valgte penslene dukket opp i min penselpalett, slik at jeg kunne få enkel tilgang til dem mens de jobbet. Jeg har også laget noen tilpassede børster som jeg brukte senere i min linje arbeid. For å lage din egen børste lag en ellipse med Ellipse Tool (L), velg høyre ankerpunkt med Direct Selection Tool (A), og dra det til høyre til du har formen som ser ut som en blekklinje.


Ta nå den nye formen med valgverktøyet (V), dra den til penselpaletten til høyre og slipp den der. Ny penselmenyen vises der du skal velge New Art Brush, og trykk OK. Navngi nå den nye penselen i vinduet Art Brush Options "Custom Brush" og klikk OK. Du har laget en egendefinert børste som du kan bruke i dette prosjektet, og lagre for senere bruk (Pensler Palette> Alternativmeny> Lagre Penselbibliotek).

Lag de grunnleggende formene til en papegøye ved hjelp av pennverktøyet (P) for rette linjer som i hatten. Bruk Paintbrush Tool (B) for blekklinjer som i vinge og hale. Bruk også Ellipseverktøyet (L) for sirkler i øynene og i sløyfen. Du kan variere tykkelsen på linjene ved å endre slagvekten. Jeg brukte tykkere linjene for de ytre figurene av papegøyen og tynnere linjer for mindre detaljer.


Deretter trekker du detaljene i kroppen og de små linjene i papegjærens fjer og ben med samme børster, men med tynnere slag. Grupper detaljene sammen i henhold til kroppens del, slik at du ikke går deg vill hvis du vil eksperimentere med størrelsen senere.


Etter at du har fullført linjearbeidet, kan du gjøre skisse laget usynlig ved å klikke på et lite øyeikon nær det (eller figurikonet hvis laget er en mal) og du vil se din blekklinjeparrot.



Trinn 4: Opprette Line Art of Flowers

Lag et nytt lag og nev det "Line - Flowers." Bruk linjene i blomstene med samme pensler og teknikker som i trinn 3. Bruk penselverktøyet (B) til blekklinjer i kronbladene og pennverktøyet (P) for formene i stilkene av blomstene.



Trinn 5: Opprette Line Art of Gift Box

Opprett et nytt lag og merk det "Line - Gave boks." Lag ett større rektangel for boksen og en annen tynnere for båndet ved hjelp av rektangulærverktøyet (M), og legg dem i henhold til skissen.

Gi dem ingen fyll, bare et slag. Bruk nå saksverktøyet (C) til å kutte linjene i rektanglene der boksen og båndet er skjult bak papegøyen. Til slutt. du bør ha en oversikt over gaveboksen. Velg strekkene og klikk på din tilpassede børste for å gjøre utseendet på linjen mer som en blekklinje.


Bruk Ellipse Tool (L) for å lage formen i midten av båndet og sirkler i dekorasjon av gaveboksen. Bruk Paintbrush Tool (B) for å tegne båndbuen på toppen av boksen.


For å gjøre de store sirkelgruppene i dekorasjonene, skape to sirkler, en stor og en liten. Plasser den lille i midten av en stor sirkel ved hjelp av Justeringspaletten. Gi dem et tynt slag, men ingen fylling. Velg dem begge, gå til Objekt> Blend> Blandingsalternativer ...

I menyen for blandingsalternativer angi avstand til angitte trinn og fyll inn 6. La Justere til side for orientering. Etter det går du igjen til Objekt> Blend> Lag, og du vil få gruppen av sirkler til vår dekorasjon.


Dupliserer sirklene og legg dem i henhold til skissen. Velg sirkelgruppen og utvide den (Objekt> Utvid> Utvid objekt> OK). Opphev objektet for å få et sett med sirkler.


Lag en form over sirkelen med pennverktøyet (P), som vist nedenfor. For å lage de rette vertikale og horisontale linjene med pennverktøyet (P), hold Shift-tasten nede mens du lager formen.


Velg begge objektene og trykk Divide i Pathfinder Menu. Opphev dem og slett alle unødvendige former utover boksens disposisjon. Jeg har også slettet et par linjer fra sirkelgruppene for å gjøre dem mer dekorative og ujevne.


Klipp nå de andre sirkelgruppene ved hjelp av Divide i Pathfinder-menyen for å slette delene dekket av papegøyens former og båndet. Lag de små kretsene med Ellipse Tool (L).



Trinn 6: Legge til linjeskunsttekst

Som denne illustrasjonen kan brukes til en bursdagshilsen, bestemte jeg meg for å legge til "Gratulerer med dagen!" tekst til den. Lag et nytt lag og navnet på det "Line - Text." Bruk Type Tool (T) til å skrive "Happy Birthday!" og velg teksten, og velg deretter skrifttypen ved å prøve ut forskjellige fonter fra Fonts biblioteket (Type> Fonter).

Da jeg planla å farge teksten senere brukte jeg Abadi MT kondensert ekstra fet 45 pt skrift fra standard Adobe Illustrator Library. Gi teksten ingen fyll, bare et slag, senter deretter ordene og plasser dem i henhold til elementene i bildet.


På dette tidspunktet bør du ha den ferdige linjeskunstversjonen av illustrasjonen din.



Trinn 7: Fargelegge Tegning av Line Art

Lag et nytt lag og nev det "Color - Parrot." Plasser den under alle lagene merket "Line", men over "Sketch" -laget.

Begynn å lage papegøyens grunnformer med pennverktøyet (P). Hold "linjeskiktet" synlig, og prøv å lage formutskrifter midt i et slag fra "linjeskiktet". Sørg for at lagfarge er riktig synlig (for å endre fargen på laget, dobbeltklikk på laget i lagpaletten). Hvis linjen din ikke ser riktig ut, fikser du den ved å dra ankerpunktet med Direct Selection Tool (A).


Lag alle de grunnleggende formene til papegøyen vår med samme teknikk. Velg de lyse fargene for figurene og farg dem. Gi figurene fyll, men ikke slag. Bruk Ellipse Tool (L) for øynene.


Opprett nye lag for blomstene og for gaveesken, og navngi dem med "Color -" etikett. Ved å bruke samme metode som med papegøyeformene, opprettes de grunnleggende formene til blomstene og gaveboksen. Lag et nytt lag og nev det "Farge - skygge." Bruk Ellipse Tool (L) til å lage en stor ellipse og plasser den under papegøyen og gavekassen.


Deretter lager du et nytt lag kalt "Color - text." Kopier oversiktsteksten fra "Line-text" -laget og lim det inn i "Color-text" -laget. Utvid teksten (Objekt> Utvid) for å få separate figurer for hvert brev. Velg nå bokstav med brev og farger dem i forskjellige farger med fargene på bildet vi har brukt til grunnleggende former. Til slutt grupperer du teksten.



Trinn 8: Legge til detaljer

På dette tidspunktet kan vi legge til detaljene i bildet, for eksempel skygger, høydepunkter og noen ekstra slag. Start med å lage et nytt lag og navngi det "Farge - Detaljer." Du kan opprette separate lag for hver del (for eksempel "Farge - papegøyedetaljer") eller behold alle detaljene i ett lag, men ikke glem å gruppere dem for enklere redigering.

Lag skygger av papegøyen først. Jeg brukte pennverktøyet (P) for alle skyggene. Prøv å holde kantene på linjene dine midt i "Linjens" lagslag.


Bruk samme metode, men denne gangen lysere farger, skaper høydepunkter.


Gjenta samme fremgangsmåte for blomster og gaveboksen. På dette tidspunktet bør du ha en ferdig andre variant av illustrasjonen din - farget linjekunstillustrasjon.



Trinn 9: Opprette en fargerig variant

Nå er det på tide å se hvordan vår illustrasjon ser ut uten alle de svarte linjene. Hvis du fulgte instruksjonene på riktig måte, bør du ha et sett med "Linje" merkede lag og et sett med "Farge" merkede lag i lagpaletten. Slå alltid av synligheten til alle "Linje" -lagene ved å dra markøren over de små øyeikonene i nærheten av dem, og du vil se den "farge-bare" versjonen du har opprettet. Det skal se slik ut.


På dette punktet er det godt å zoome inn og fikse alle gapene mellom de former og feil vi har gjort mens du farger inn.


Etter at figurene er løst, la oss legge til noen flere detaljer. Jeg ville ha flere detaljer i papegøyefjær og gavekassen, så jeg lånt Noen slag fra "Line" -lagene. Kopier de tynne strekkene og legg dem på det nye laget "Farge - slag".


Gjenta for alle detaljene du vil legge til. Til slutt bør du ha en ferdig farge-kun versjon av illustrasjonen din.


Alle varianter er i en fil, delt inn i separate merkede lag. Ved å bytte laggrupper, kan du se alle tre varianter. Vurder dette som en kildefil. Du kan lagre hver variant separat for bruk i prosjektene dine.


Trinn 10: Bruke Illustrasjonen i Prosjekter

Som et resultat av arbeidet ditt får du en vektorfil med tre forskjellige varianter av en vektorillustrasjon. Det er på tide å bruke dem alle i prosjektene dine.

Hvis du selger illustrasjonen din på nettsidene til mikro-lager, kan du forberede denne illustrasjonen til salg ved å følge trinnene jeg har beskrevet i veiledningen min "Hvordan lage en vektorgrafik og forberede den på salg av mikro-lager" (trinn 11-16) . I tillegg til disse trinnene anbefaler jeg at du oppretter en kopi av dette dokumentet og redigerer det i henhold til kravene til mikronager. Husk å utvide alle strekkene i illustrasjonen din (Objekt> Utvid) før du laster opp den for gjennomgang.

Jeg har laget noen små prosjekter for å vise hvordan alle tre variantene kunne brukes. Linjekunstversjonen kan brukes som fargeside for barn.


Det kan være et stort gratulasjonskort farget av barnet ditt som en gave til venner på bursdagen sin.


Linjekunst + fargeversjon kan skrives ut som et bursdagskort for å sende til venner og familie.


Farge-kun versjon kan brukes som et bursdagskort for e-post bursdag hilsener. Du kan lage en enkel design i Illustrator og lagre den som en mal for fremtiden.


Det er mange muligheter for å få mest mulig ut av illustrasjonen din, og jeg håper at denne opplæringen ga deg noen ideer. Takk for at du leser!