Tips för att arbeta med Gradient Mesh Tool i Illustrator

Några gånger i varje månad besöker vi några av våra läsares favoritinlägg från hela Vectortuts + historien. Denna handledning av Irmi Arieli publicerades först den 9 mars 2009.

Ett av de mest fantastiska och konfronterande verktygen i Adobe Illustrator är förmodligen Gradient Mesh-verktyget. Arbeta med den här funktionen gör att användaren kan dela nästan vilken form som helst i ett nät. Varje korsning av två linjer (horisontal / vertikal) kan färgas med en fast färg. Denna handledning tar ett annat format än några av våra andra tuttar, och hjälper dig att arbeta bättre med Mesh-verktyget.

I den här handledningen visar vi några tips som förbättrar ditt Mesh-arbete. Vi visar också ett korrekt arbetsflöde för att få framstående resultat med det här verktyget. Vi tar en närmare titt på att skapa ett lager i den detaljerade filen i en meshed boot. Den slutliga designen är tillgänglig för granskning i vårt freebies avsnitt, och heter Army Shoe. Låt oss börja!


1. Introduktion

Jag skulle vilja tacka Itai Lustgarten för att skriva med den här handledningen. Itai är en grafisk konstnär, designer och föreläsare. Vi har båda varit i branschen sedan 1990. Vi berättar både Illustrator, Photoshop och prepress-förfarandet i Mentor Academy och flera akademier i Israel.


2. Skapa en grundläggande mask

Efter att du har valt en form (icke-sammansatt form, välj Skapa Gradient Mesh från objektmenyn. I kommandofönstret kan du definiera strukturen på nätet - antalet rader och kolumner. Observera masklinjerna definierade av den ursprungliga konturen av formen.


3. Lägga till poäng på en mask

Ett annat sätt att lägga till en punkt på ett nät är att använda Mesh-verktyget och klicka någonstans i formens område.


4. Colorize The Mesh

Efter omvandling av en form till ett nät kan du välja punkter med tre verktyg: Mesh verktyg, Direktvalverktyg och Lasso-verktyget. Allt du behöver göra nu för att lägga till färg i nätet är att välja en färg från paletten för färgrutor eller använd eye drop-verktyget för att välja en färg från en bild.


5. Flytta poäng

Om du behöver flytta en punkt på nätformen väljer du Mesh-verktyget eller direktvalet, sedan klickar du på en punkt och drar den (om du håller Shift-tangenten kommer du bara dra punkten i en horisontell / vertikal linje).


6. Meshing With Shapes

För att uppnå det bästa resultatet med ett nät måste man använda en symmetrisk form eftersom nätet använder lika många förankringspunkter på varje sida av formen. Problemet är vad som händer när vi vill göra en komplex form. Se nedan på resultatet av den icke-symmetriska formen kontra en symmetrisk form.

Lösningen kan delas upp i två delar. Den första är att börja med en rektangel eller en ellips, konvertera dem till ett nät och sedan snedvrida dem i den form vi vill ha. Den andra lösningen är att arbeta med flera delar, vilka är symmetriska former - en ovanpå varandra.


7. Placera bilden

Arméskobilden kan laddas ner här. När du lägger på en bild som ska fungera är det mest effektiva sättet att placera bilden i ett mallskikt utan dimning.


8. Förhandsgranska och skissera

Att gå mellan visningslägen för förhandsgranskning och kontur är ett måste. Medan 80% av tiden går ihop, kommer den att användas i ett översiktsläge. Ett exempel från den slutliga uppstarten visas nedan.


9. Byggprocessen

Det är viktigt att bryta bilden i lager i lager. På så sätt kan du arbeta separat på skosnören, skosålen och andra delar på separata lager. Låt oss ta en titt på att arbeta på skosålen. Dubbelklicka först på "layer1" och byt namn till "Skosulan".


Steg 1

Rita en rektangel på vänster sida av skosålen (och ändra visningsläge för att skissera).


Steg 2

Använd Mesh-verktyget (u) för att klicka på en av de fyra ankarpunkterna i den ursprungliga rektangeln. Det här kommer att
konvertera rektangeln till ett nätobjekt utan att lägga till några oanvända linjer.


Steg 3

Med Mesh-verktyget flyttar du de två högra punkterna i rektangeln till skosulans högra kant och spelar lite med ankarhandtagen för att matcha skosålen.


Steg 4

Var uppmärksam på färgflödesriktningen. Varje horisontal / vertikal linje som du lägger till nätet kommer att flöda mellan de existerande två. Använd maskverktyget (u) för att klicka på den nedre masklinjen och därigenom lägga till en vertikal maskpunkt. Drag ner den så att den passar skosålen. Gör samma inställning till toppnätpunkten.


Steg 5

Gör nödvändiga justeringar för att korrigera formen. Lägg till fler poäng längs den horisontella linjen i formen för att justera nätet till skosålen.


Steg 6

Efter att du har lagt till punkterna är det dags att använda Eye Dropper-verktyget för att färga dem. Välj varje punkt och
använd Eye Drop (i) för att prova en färg från bilden nedan (gör det i ett skissläge).


Steg 7

Titta noggrant på en färgbyte. Där du ser en färgskillnad placerar du en maskpunkt och färgar den.


Steg 8

Följ den horisontella linjen och flytta meshpunkterna längs formen enligt färgbyte.


Steg 9

Vi gör stopp i detta steg. Oavsett var du är identitetskonstant, finns det behov av att lägga till fler poäng - därför stoppar färgflödet. Att gå från kontur till förhandsvisningsläge rekommenderas.

Allt som finns att göra nu går bara igenom alla punkter och färgar dem. När du är klar, gör ett nytt lager och gå vidare till nästa del du vill mäta. Du kan se ett närbildsresultat av tån och sulan i en gröda av den sista vektorn som visas nedan.


10. Slutsats

Tålamod när man maskerar är ett måste för att uppnå ett bra resultat. Tänk också på att symmetriska former är det bästa sättet att arbeta när de griper in. Den slutliga designen är tillgänglig för granskning i vårt freebies avsnitt, och heter Army Shoe. Ha kul att träna dessa tekniker på dina egna illustrationer!

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.