Idag ska vi titta på hur man använder Perspective Grid i Adobe Illustrator. Detta fantastiska och ganska nytt verktyg gör att du automatiskt kan flytta vektorelement på ett förbyggt tredimensionellt rutnät.
Du kanske tror att du måste vara en konstnär för att använda det här verktyget, men det finns faktiskt alla typer av praktiska användningsområden för det i varje dags design. Vi använder den för att lägga ut någon typ som i exemplet ovan.
Vad är Perspective Grid Tool?
Perspektivgridverktyget släpptes som en del av Illustrator CS5. För att se vad det är, öppna ett nytt tomt dokument och tryck på Shift + P för att välja verktyget. Detta ska automatiskt dyka upp hur det ser ut som hörnet på en stor kub precis i mitten av ditt dokument.
Dessa plan gör att man skapar perspektivkonstverk en cinch. Det är viktigt att notera att de är mer än guider, som bara ger visuella ledtrådar, detta galler är faktiskt ett levande element som skar ditt konstverk för dig i realtid. Det är ett riktigt fantastiskt verktyg som kan spara dig massor av problem från att försöka manuellt skjuta något till ett realistiskt perspektiv.
Hur använder jag det?
Det första du bör veta är att gallret är fullt justerbart. Med det valda perspektiveringsverktyget kan du klicka på någon av de många handtagen på rutnätet och justera det enligt dina önskemål. Du kan flytta försvinnande punkt, scoot planen, det är allt under din kontroll.
Nära botten av nätet hittar du handtagen för att flytta varje plan fram och tillbaka till 3D-utrymme. Var och en av dessa handtag har tre möjliga tillstånd som kan bytas via ett alternativ + klick (kontroll + klicka på en dator). De tre staterna är fast färg, rutnät eller osynlig. Här har jag satt varje handtag till ett annat tillstånd så att du kan se skillnaden. Vänsterplanet är en solid färg, höger är osynlig och botten är inställd på rutnätet.
Ritning på gallret
Att rita på gallret är ganska enkelt, men processen är lite knäckt så att du enkelt kan bli frustrerad och förvirrad om du inte vet vad du gör. Låt oss säga att vi vill placera en rektangel längs en av planen, först måste vi välja rätt plan genom att klicka på det i den lilla Perspective Grid-widgeten som du bör se flytande över din tavla. I skärmdumpen nedan har jag rätt plan valt, så allt jag ritar kommer automatiskt att överensstämma med denna vinkel.
Och noga, om jag tar min Rectangle Tool och börjar skapa en form, är den automatiskt snedställd i rutnätet. Observera att jag ritar formen ut som alltid, Illustrator gör 100% av den tunga lyftningen för perspektivberäkningar och justeringar.
Detta fungerar med allt du vill skapa. Rektanglar, cirklar, stjärnor, även anpassade former. Alla dina vektorkonstverk kan enkelt överensstämma med den tredimensionella scenen du försöker skapa.
Dra objekt i rutnätet
Om du någonsin har försökt att skapa konstverk med ett tredimensionellt perspektiv vet du att det ofta är så att det är mycket lättare att skapa det du vill ha i en platt version och sedan skjuta den i perspektiv efteråt. Lyckligtvis tillåter Illustrator dig att ta den här rutten också.
För att se hur detta fungerar, låt oss börja med att göra en massa enkla vektordelar. Här är en grupp stjärnor som fungerar perfekt:
Vid denna tidpunkt är det bra att se till att din layout är ungefär hur du vill ha den i den slutliga versionen. Du kan faktiskt flytta bitar runt i Perspektivläge men det är mycket lättare härifrån. När du har justerat dina stjärnor, är det dags att slå Command + Shift + I för att ta fram Perspektive Grid.
Med ditt perspektivgridverktyg valt kan du tro att du bara kan dra objekten på, men det fungerar inte. Du måste hålla ner kommandotangenten för att aktivera verktyget Perspektivval (eller manuellt gå in och välj det här verktyget i paletten). Nu kan du klicka på ditt konstverk (se till att rätt plan är valt) och dra det på rutnätet. Vid denna punkt kommer det automatiskt att ske i 3D-utrymme.
För att gå tillbaka och justera ditt konstverk efter att du har tagit det på plats, se till att du återigen tar tag i Perspective Selection Tool. Med Direct Selection Tool expanderar du konstverket i originalperspektivet, som vi inte vill ha just nu . Härifrån kan du klicka och dra eller använda piltangenterna för att nudge vektorns konstverk runt. Om du placerar flera separata bitar som jag gjorde, grupperas de automatiskt. Enkelt trippelklick på ett objekt för att redigera det individuellt förutom gruppen.
Arbetar med typ
En av mina favorit saker om det här verktyget är att det gör skevtypen så lätt. Även om du vill använda snedställd typ i Photoshop, kan det vara lättare att starta här och överföra objektet som ett smart objekt.
För att få en känsla för denna process, låt oss bygga titelbilden för det här inlägget. Börja med att använda den kunskap som du redan har fått för att rita ut en 3D-låda som den nedan. I grund och botten grep jag mitt rektangelverktyg och drog en låda över det högra planet och gjorde sedan en annan något mörkare rektangel över vänsterplanet.
Nästa, i ett separat lager eller dokument, börja arbeta med en fin textlåst. Jag använde Franchise Bold och Adobe Garamond Pro Kursiv för mina två tecken och kastade in en enkel delningslinje. Observera att detta faktiskt är levande, valbar text blandad med vektorkonst. Alla dessa objekt kan kastas i perspektiv på en gång.
Klistra in textlåsningen i ditt dokument eller lager med kuben från innan och aktivera Perspektivgridverktyget. Innan du fortsätter, se till att klicka på rätt plan i den lilla widgeten.
Aktivera nu ditt perspektivvalverktyg (håll ned Kommando) och klicka / dra texten på planet. Voila, din text ska flöda rätt på din kubform.
Upprepa dessa steg med lite text för kubens andra sida och du kommer att vara bra att gå! När du är klar, göm Perspektivnivån med Command-Shift-I (kom ihåg den här genvägen, det är väldigt irriterande när du inte kan göra det rasteret försvinner!).
Arbetar i Photoshop
Vårt konstverk ser bra ut som det är men jag vill ta den till nästa nivå med viss kontrast medan man överdriver 3D-effekten med lite djup av fältets oskärpa. För att börja, klistra in kuben enkelt på Photoshop på en mörk bakgrund. För att ge den en trevlig vinjett lägger jag en inre skugga på bakgrundsskiktet.
Kopiera sedan kubskiktet och gå till Filter> Oskärpa> Objektivsläckning och ludd med radien tills du tycker om den övergripande intensiteten av oskärpaffekten.
Den här delen är lite knepig så var uppmärksam. Du borde ha ett kubskikt nu är det allt suddigt och det är inte suddigt alls. Applicera en mask på det suddiga skiktet och använd en speglad gradient för att maskera ut lagets mitt så att endast sidorna blir suddiga. Din mask ska se ut så här:
Härifrån duplicerar du det oskarpa lagret igen, sedan Kommandoklicka på den lagmask som du just skapat för att göra det till ett urval. Med det här valet aktivt, tryck Kommando-F för att köra suddfiltret igen, den här gången bara till det valda området. Skydda nu ditt ursprungliga suddlager med masken.
Anledningen till att vi gjorde detta är att maskera ut en linsoskärpa kan ge några röriga effekter. Enligt min erfarenhet är det bättre att bygga ett urval, använd sedan bara oskärpa till det valda området.
Alla färdiga
Där har du det, din bild borde nu se ut som den nedan. Du har byggt ett snyggt 3D-objekt utan att smärta att man manuellt försöker förvandla dina föremål till ett övertygande perspektiv. Bra jobbat!
Slutsats
Om du inte vet vad du gör kan det fungera som mer problem än att det är värt att arbeta med perspektivet. När allt kommer omkring är det inte så svårt att manuellt byta i Photoshop om du har ett bra öga för perspektivet. Men kom ihåg att detta var ett enkelt exempel och att fördelarna med att använda detta verktyg ökar exponentiellt eftersom ditt konstverk blir mer och mer komplext.
Det fantastiska med Perspective Grid-verktyget är att allt ditt konstverk och text förblir helt redigerbara, till och med en punkt för punkt. Det är också oerhört lätt att gå tillbaka senare och ändra dig om ett objekts position, trycka det framåt eller bakåt in i scenen. Det här är inte särskilt lätt med ett traditionellt skev objekt.
Om du haft denna handledning, lämna en kommentar nedan och meddela oss. Har du någonsin använt Perspective Grid Tool innan? Hjälpte den här artikeln dig att lägga om dig om några möjliga användningsområden för det här verktyget?