Hur du får ut det mesta av dina vektorgrafik

I denna handledning lär du dig hur du tar din vektorillustration och förbereder dem för många användningsområden, utformar dem unikt och förbereder dem till försäljning på mikrolager. Låt oss börja!


Introduktion

Jag skulle vilja dela med dig min metod att skapa tre olika stilar av vektorillustration baserad på ett koncept och skiss. Du kan dra nytta av ditt vektorillustrationskoncept genom att utvidga användningsmöjligheterna och göra den lämplig för fler mönster och projekt.

Om du har en bra illustrationidé som du skulle vilja inkorporera i många olika produktdesigner kan det vara bra att ha olika utseende på en illustration att använda på de produkter där de passar mest. Genom att skapa olika stilar på en illustration ökar du användningsmöjligheterna för designers som laddar ner din vektorillustration på mikroföretagens webbplatser, vilket gör det mer värdefullt för dem.

Du kan hitta källfilerna i katalogen märkt "source" som kom i filerna som du hämtade. Du kanske vill titta igenom dem kort innan vi börjar.


I denna handledning

Låt oss ta en titt på vad du lär dig i den här handledningen, de verktyg du behöver och andra detaljer.

Du kommer att lära dig

  • Hur du får ut det mesta av ditt illustrationkoncept genom att utöka det.
  • Så här skapar du tre stilar av en vektorillustration från skiss till slut i Adobe Illustrator medan du arbetar i samma fil.
  • Hur man arbetar med borstar i Adobe Illustrator.
  • Hur man använder dessa tre stilar i faktiska grafiska projekt.

Du kommer behöva

  • Papper och penna
  • Foto, Kamera eller Skanner
  • Adobe Illustrator (jag använde CS3)
  • Ritning Tablet

Steg 1: Gör en skiss

Jag bestämde mig för att illustrera födelsedagskonceptet och skapade denna papegoja karaktär för att kommunicera idén om kul och lycka med ljusa färger av denna fågel och med detaljer som hatt, slips, presentförpackning och blommor.

Gör en skiss av din illustration. Förbättra det på papper tills du är nöjd med resultatet. Överför din skiss till din dator genom att göra en skanning eller fotografera den. Jag tog en bild av min ritning med min kamera och importerade den till Photoshop, där jag spelade med den tills den var klar för arbete i Illustrator.



Steg 2: Importera till Illustrator

Öppna Adobe Illustrator. Skapa ett nytt dokument 800 px med 800 px (Arkiv> Ny). Importera din skiss till Illustrator (File> Place). Markera rutan Mall. Skissen är placerad på ett separat lager med lägre opacitet för din bekvämlighet och ett nytt lager skapas ovanför det. Placera din skiss i mitten av tavlan med hjälp av Align To Artboard. Namn på det här skiktet "Sketch."



Steg 3: Skapa en papegojans linjekonst

Skapa ett nytt lager och namnge det "Line - papegoja." Eftersom vi vill att den här varianten av vår illustration ska se lite ut som en tecknad för bläcklinjekonst, väljer vi ett par borstar från Adobe Illustrators borstbibliotek. Jag har valt "Tapered - Round" och "Tapered Stroke" borstar från gruppen "Artistic Ink", och jag ställde dem till 3pt. Jag använde också en rund borste från "Artistic Calligraphic" borstbiblioteket.


De valda penslarna dykade upp i min penselpalett så att jag kunde ha lätt tillgång till dem under arbetet. Jag gjorde också några anpassade borstar som jag använde senare i mitt linjearbete. För att skapa din egen borste skapar du en ellips med Ellipse Tool (L), välj rätt ankarpunkt med Direct Selection Tool (A) och dra det åt höger tills du har den form som ser ut som en bläcklinje.


Ta nu din nya form med urvalsverktyget (V), dra den till borstpaletten till höger och släpp den där. Menyn Ny pensel visas där du ska välja New Art Brush och tryck på OK. Nämn nu din nya borste i fönstret Art Brush Options "Custom Brush" och klicka på OK. Du har gjort en anpassad pensel som du kan använda i det här projektet och spara för senare användning (Penselpaletten> Alternativmeny> Spara borstebiblioteket).

Skapa de grundläggande formerna av en papegoja med hjälp av Pen Tool (P) för raka linjer som i hatten. Använd penselverktyget (B) för bläcklinjer som i vinge och svans. Använd också Ellipse Tool (L) för cirklar i ögonen och i slipsen. Du kan variera linjens tjocklek genom att ändra slagvikt. Jag använde de tjockare linjerna för de yttre formerna av papegojan och tunnare linjer för mindre detaljer.


Därefter ritar kroppens detaljer och de lilla linjerna av papegojans fjädrar och ben med samma penslar, men med tunnare slag. Gruppera detaljerna ihop enligt kroppen, så du går inte vilse om du vill experimentera med sin storlek senare.


När du har avslutat ditt linjearbete kan du göra skissskiktet osynligt genom att klicka på en liten ögonymbol i närheten av den (eller ikonerna om formerna är skiktet).



Steg 4: Skapa Line Art of Flowers

Skapa ett nytt lager och namnge det "Line - Flowers." Använda samma borstar och tekniker som i steg 3, rita blommans linjer. Använd penselverktyget (B) till bläcklinjer i kronbladet och Penverktyget (P) för formerna i blommans stammar..



Steg 5: Skapa linjekonst i presentförpackningen

Skapa ett nytt lager och namnge det "Line - Presentförpackning." Skapa en större rektangel för lådan och en annan tunnare för bandet med hjälp av rektangelverktyget (M) och placera dem enligt skissen.

Ge dem ingen fyllning, bara en stroke. Använd nu saxverktyget (C) för att skära linjerna i rektanglarna där lådan och bandet är gömda bakom papegojan. I slutet. du bör ha en översikt av presentförpackningen. Välj slag och klicka på din anpassade pensel för att göra linjens utseende mer som en bläcklinje.


Använd Ellipse Tool (L) för att skapa formen i mitten av bandet och cirklarna i presentförpackningens dekoration. Använd penselverktyget (B) för att dra bandet på toppen av lådan.


För att göra de stora cirkelgrupperna i dekorationerna skapar två cirklar, en stor och en liten. Placera den lilla i mitten av en stor cirkel med hjälp av paletten. Ge dem en tunn stroke, men ingen fyllning. Välj dem båda, gå till Objekt> Blanda> Blandningsalternativ ...

I menyn Blandningsalternativ anger du avstånd till specificerade steg och fyller i 6. Låt Justera till sida för orienteringen. Därefter går du igen till Objekt> Blanda> Gör och du kommer att få gruppen av cirklar för vår dekoration.


Kopiera cirklarna och placera dem enligt skissen. Välj cirkelgruppen och expandera den (Objekt> Expand> Expand Object> OK). Ta upp objektet för att få en uppsättning cirklar.


Skapa en form ovanför cirkeln med pennverktyget (P), som visas nedan. För att göra raka vertikala och horisontella linjer med pennverktyget (P), håll ned Shift-tangenten nere medan du skapar formen.


Markera båda objekten och tryck på Divide i Pathfinder Menu. Ta bort dem och ta bort alla onödiga former utöver rutans ram. Jag har också raderat ett par rader från cirkelgrupperna för att göra dem mer dekorativa och ojämna.


Klipp nu de andra cirkelgrupperna med Divide i menyn Pathfinder för att ta bort de delar som omfattas av papegojans former och bandet. Skapa de små cirklarna med hjälp av Ellipse Tool (L).



Steg 6: Lägga till radtexttext

Eftersom denna illustration skulle kunna användas till en födelsedag hälsning, bestämde jag mig för att lägga till "Grattis på födelsedagen!" text till den. Skapa ett nytt lager och namnge det "Line - Text." Använd typverktyget (T) för att skriva "Grattis på födelsedagen!" och välj texten och bestäm sedan på teckensnittet genom att prova olika teckensnitt från ditt Fonts Library (Typ> Fonts).

När jag planerade att färga texten senare använde jag Abadi MT Condensed Extra Bold 45 pt-teckensnitt från standard Adobe Illustrator Library. Ge texten inte fyllning, bara en stroke, placera sedan orden och placera dem enligt bildens element.


Vid denna tidpunkt borde du ha den färdiga linjekonstversionen av din illustration.



Steg 7: Färgläggning av konstkonstritningen

Skapa ett nytt lager och namnge det "Färg - Papegoja." Placera den under alla lager som är märkta "Line", men ovanför "Sketch" -laget.

Börja skapa papegojens grundläggande former med hjälp av Pen Tool (P). Håll "linjelagret" synligt och försök att skapa formen i mitten av ett slag från linjen "Linje". Se till att din lagerfärg är korrekt synlig (för att ändra lagets färg dubbelklicka på lagret i lagpaletten). Om din linje inte ser rätt ut, fixa den genom att dra ankarpunkten med Direct Selection Tool (A).


Skapa alla de grundläggande formerna av vår papegoja med samma teknik. Välj de ljusa färgerna för formerna och färg dem. Ge formerna att fylla, men ingen stroke. Använd ellipsverktyget (L) för ögonen.


Skapa nya lager för blommorna och för presentförpackningen och namnge dem i enlighet med "Färg -" etikett. Använda samma metod som med papegojans former skapar blommans och presentförpackningens grundläggande former. Skapa ett nytt lager och namnge det "Färgskugga." Använd Ellipse Tool (L) för att skapa en stor ellips och placera den under papegojan och presentförpackningens former.


Skapa sedan ett nytt lager som heter "Färgtext". Kopiera konturtexten från "Line-text" -laget och klistra in det i "Color-text" -laget. Expandera texten (Objekt> Expand) för att få separata former för varje bokstav. Välj nu bokstav med brev och färg dem i olika färger med hjälp av färgerna på bilden som vi har använt för grundläggande former. Slutligen gruppera texten.



Steg 8: Lägga till detaljer

Vid denna tidpunkt kan vi lägga till detaljerna till bilden, till exempel skuggor, höjdpunkter och några ytterligare slag. Börja med att skapa ett nytt lager och namnge det "Color - Details." Du kan skapa separata lager för varje del (t.ex. "Färg - Parrotdetaljer") eller behåll alla detaljer i ett lager, men glöm inte att gruppera dem för att lättare redigera.

Skapa skuggor av papegojan först. Jag använde pennverktyget (P) för alla skuggor. Försök hålla kanten på dina rader i mitten av "Line" -lagrets slag.


Använd samma metod, men den här gången ljusare färger, skapa höjdpunkter.


Upprepa samma procedur för blommor och presentförpackningen. Vid denna tidpunkt borde du ha en färdig andra variant av din illustration - färgad illustration på linje.



Steg 9: Skapa en färgvariant variant

Nu är det dags att se hur vår illustration ser ut utan alla de svarta linjerna. Om du följde instruktionerna på rätt sätt borde du ha en uppsättning "Line" -märkta lager och en uppsättning "Färg" -märkta lager i din lagerpalett. Avsluta helt enkelt synligheten för alla linjer genom att dra muspekaren över de små ögonikonen nära dem och du kommer att se den "färg-bara" versionen du har skapat. Det ska se ut så här.


Vid denna tidpunkt är det bra att zooma in och fixa alla luckor mellan de former och misstag som vi har gjort när du färgar in.


När formerna är lätta, låt oss lägga till några fler detaljer. Jag ville ha mer information i papegojafjädrarna och presentförpackningen, så jag lånad några slag från "Line" -lagren. Kopiera de tunna streckarna och placera dem på det nya lagret "Färg - slag".


Upprepa för alla detaljer du vill lägga till. I slutändan borde du ha en färdig färgversion av din illustration.


Alla dina varianter finns i en fil, uppdelad i separata märkta lager. Genom att byta skiktgruppers synlighet kan du se alla tre varianterna. Tänk på detta en källfil. Du kan spara varje variant separat för användning i dina projekt.


Steg 10: Använd din illustration i projekt

Som ett resultat av ditt arbete får du en vektorfil med tre olika varianter av en vektorillustration. Det är dags att använda dem alla i dina projekt.

Om du säljer din illustration på webbplatser med mikroförråd kan du förbereda den här illustrationen till försäljning enligt de steg jag har beskrivit i min handledning "Hur man skapar en vektorillustration och förbered den för försäljning av mikro-lager" (steg 11-16) . Utöver de här stegen rekommenderar jag att du skapar en kopia av detta dokument och redigerar det enligt kraven på mikrolager. Kom ihåg att expandera alla slag i din illustration (Objekt> Expand) innan du laddar upp den för granskning.

Jag har gjort några små projekt för att visa hur alla tre varianten kunde användas. Linjekonstversionen kan användas som en färgningssida för barn.


Det kan vara ett stort hälsningskort färgat av ditt barn som en gåva till vänner på deras födelsedag.


Linjekonst + färgversion kan skrivas ut som ett födelsedagskort för att skicka till dina vänner och familj.


Färgversion kan användas som ett födelsedagskort för födelsedagshälsningar. Du kan skapa en enkel design i Illustrator och spara den som en mall för framtiden.


Det finns många möjligheter att få ut det mesta av din illustration och jag hoppas att den här handledningen gav dig några idéer. Tack för att du läste!