Adobe Illustrator är en av mina absoluta favoritprogram. För vektorarbete kan Illustrator helt enkelt inte slå och du bör verkligen ställa dina reservationer åt sidan och ge det ett skott. Även om du vanligtvis skapar rastergrafik på webben finns det ett antal saker som Illustrator enkelt gör bättre än Photoshop, så att lära känna båda programmen och deras styrkor / svagheter är ett måste.
Dagens artikel är för extrem Illustrator nybörjare. Du har Adobe Creative Suite installerat på din dator och har sett Illustrator som sitter där tyst och ber om att spela med men du har aldrig hoppat in. Vi går över tio grundläggande saker du borde veta innan du börjar.
En Photoshop-Centric Diskussion
I skrivandet av denna artikel är en av de stora antagandena jag gör är att du är ganska bekant med Photoshop. De flesta webbdesigners bor i Photoshop och / eller Fireworks, så det borde fungera bra för dig om du passar den beskrivningen.
När jag går igenom tipsen nedan kommer en hel del förklaringen att baseras på hur arbetet i Illustrator är annorlunda än Photoshop. De två applikationerna är ganska lika, så du borde kunna utnyttja din befintliga kunskap så länge du håller informationen nedan i åtanke.
Som Photoshop är Illustrator en enorm app så vi kan inte täcka allt i ett inlägg, men det här är en anständig översikt över vissa tekniker, verktyg och kunskaper som ska beaktas.
Vektorgrafik är magi
Den absoluta första du bör veta om Illustrator är att den används för att skapa vektorgrafik. Som du säkert vet är vektorgrafik väldigt annorlunda än den rastergrafik som du vanligtvis skapar i Photoshop (det är sant att Photoshop har vissa begränsade vektorfunktioner, men inte så nära vad du kan uppnå i Illustrator.). I stället för att bestå av statiska enskilda pixlar, ritas vektorgrafik matematiskt av din dator och kan därför drastiskt ändras med absolut ingen kvalitetsförlust.
Vad det här betyder på en praktisk nivå är att när du skapar konst i Illustrator, oavsett vad den ursprungliga storleken är, när som helst du vill att du kan göra den så stor som en skylt eller så liten som en tumme tac. Detta har stora positiva konsekvenser för hur du jobbar.
Låt oss säga att du är i Photoshop och du har en cirkulär logotyp som är liten och du vill att den ska vara stor. Som du säkert har tvivel om att gå in i en miljon gånger, om du försöker öka storleken på det här elementet, blir det ganska mycket förstört. Titta på hur mycket en enkel cirkel förlorar kvalitet eftersom storleken ökar:
Detta gör att skapa och arbeta med komplex grafik i raster ganska svårt eftersom din frihet att ändra dig är begränsad, även om du använder smarta objekt du är begränsad till objektets ursprungliga storlek.
Med vektorgrafik existerar dessa problem helt enkelt inte, vilket ger dig friheten att ständigt förändra ditt sinne och ditt konstverk i vil utan att behöva oroa dig för visuell nedbrytning.
Eftersom vektorgrafik består av punkter och linjer, har du också en obegränsad frihet att gå in och ändra enskilda linjesegment.
Men du visste redan det
Odds är, om du läser den här bloggen vet du redan vad skillnaderna mellan vektor och raster grafik är. Det som du behöver acceptera nu är att Illustrator verkligen blåser Photoshop bort i det här området (Fyrverkerier är en intressant mellan som gör det ganska bra). Ännu bättre, du behöver inte välja den ena över den andra men kan istället använda dem och alla andra appar i Creative Suite synergistiskt i dina olika projekt.
Vad är allt detta skit på min skärm?
Det första som du kommer att märka när du börjar använda Illustrator är att det finns en hel del saker som händer när du väljer och redigerar något. Det här är något som många nya användare brukar hata strax utanför fladdermusen eftersom det ser förvirrande ut, men i verkligheten är all information och kontroller som Illustrator kastar som du är extremt hjälpsam.
Bounding Box
Till att börja med, när du väljer något, ser du dess avgränsningsruta. Detta är en intuitiv funktion som du direkt bör förstå, den del som inte är intuitiv är varför den inte kommer att gå iväg.
I Photoshop ser du bara ett objekts gränsvärde när du är mitt i en transformation. I Illustrator ser du gränslinjen när du har ett komplett objekt valt och det aktiva verktyget är Direct Selection Tool (V).
Om du har flera objekt markerade visas gränslinjen runt alla, så att du kan flytta eller transformera dem tillsammans. Samma regler gäller som du är van vid i Photoshop: håll skiftet till skalan jämnt, sätt in Alt / Option-tangenten för att skala från mitten, etc.
En stor skillnad här är att du inte kan ta tag i och självständigt flytta ett visst hörn av gränsen som du kan i en Photoshop-transform. Detta gör skjuvning och sätta perspektiv på objekt lite svårare eftersom du måste använda dedikerade verktyg för dessa typer av omvandlingar. Senare får vi en glimt av hur man använder Free Transform, vilket kommer att känna sig mycket mer som du brukar använda i Photoshop.
Smarta guider
Smarta guider är den stora sak som buggar många nybörjare och proffs lika. Det här är de små bitarna av information och konturer som dyker upp när du svävar över, flyttar eller förvandlar något. De kan tyckas som att de bara kommer iväg men försöker vänja sig och använda dem så mycket som möjligt, du börjar snart se deras värde.
Smart Guides tillåter dig att dimensionera objekt i flygningen med exakta mätningar och justera vad du än har valt med punkter och linjer från andra objekt runtom det. De gör det väldigt enkelt att skapa komplexa layouter mycket snabbt och är mycket enklare än? Eyeballing? saker. Du har självklart också en komplett uppsättning anpassningsverktyg för dessa typer av operationer:
Slå av det hela
Jag rekommenderar starkt att du arbetar med alla dessa extrafunktioner, men vissa användare hatar helt enkelt alla distraheringar. Visserligen känner jag mig till samma sätt om tillägget för InDesign så jag förstår definitivt denna tankegång.
Lyckligtvis tillåter Illustrator dig att tysta ljudet och stänga av alla dessa saker. Som ett snabbt sätt att stänga av gränsen, träffa Kommando-skift-B, eller gå till Visa> Dölj Bounding Box.
På samma sätt kan du stänga av Smart Guides så enkelt som att slå Kommando-U, eller gå till Se och avmarkera Smarta guider.
Lager är olika
När du byter från Photoshop till Illustrator är det viktigt att notera de konceptuella förändringarna i arbetsflödet. Trots att de två applikationerna delar så många funktioner, är det ofta så att funktionen används på ett helt annat sätt.
Lager är ett utmärkt exempel på detta. I Photoshop får varje stycke sitt eget lager. Faktum är att ett enskilt objekt verkligen definieras av det lager det är på. Om du kastar två element på samma lager blir de ett enda element och om de överlappar varandra kommer du inte att kunna separera dem längre. Dessutom påverkar tillämpningen av en effekt på ett objekt hela skiktet.
I Illustrator är lager inte så mycket sättet att komma åt varje separat bit på sidan eftersom de är ett bekvämt organisationsverktyg. Om du väljer kan du skapa en oerhört komplexa konst med tusentals enskilda element, alla med ett enda lager. Vidare har elementen på det lagret sin egen subhierarki och kan oberoende redigeras och ordnas när som helst.
Så, till exempel, istället för att ha ett lager för varje objekt, skulle det vara ganska typiskt att skapa ett lager som innehåller alla dina olika textobjekt, en annan för din vektorgrafik och möjligen till och med en tredjedel för importerad Photoshop-konst.
Hur lager arbetar i Ai
Det finns massor av funktionalitet i Illustrator-lager som du inte kommer att se i Photoshop. Till att börja med har varje lager en liten nedrullnings-pil som låter dig se hierarkin för varje element i det laget. Här kan elementen omplaceras för att justera visuell staplingsordning för resultatet (använd kommando- [och kommando-] för att ta fram ett föremål eller trycka tillbaka det).
På palettens högra sida borde du se en cirkel bredvid en färgad fyrkant. Genom att klicka på cirkeln kan du enkelt välja ett element. Klicka på skiktets cirkel för att välja allt i skiktet eller i ett enskilt elements cirkel för att bara välja det objektet.
Den färgade rutan indikerar färgen på det lagret. För enkelhets skyld är gränsen och annan popup-grafik färgkodad baserat på lager, på det sättet när du väljer något kan du omedelbart se vilket lager det tillhör. För att flytta ett objekt från ett lager till ett annat, klicka helt enkelt och dra det lilla torget.
Pathfinder är Awesome
Låt oss möta det, att dra på en dator är svårt. Även enkla former kan vara svåra att skapa om du inte är en mästare på Pen Tool. Som med den mest professionella vektorprogrammet gör Illustrator att skapa komplexa former mycket enklare genom att använda booleska operationer som finns i paletten Pathfinder.
De små förhandsgranskningarna på Pathfinder-knapparna är ganska självförklarande. De låter dig i princip kombinera två former på ett intressant sätt. När du först använder Ai kan du bli frestad att tänka på att det här är en nyhetsfunktion som du aldrig kommer att använda, men lita på mig, om du ska göra illustration gör att Pathfinder på jobbet sparar mycket tid.
En liten bit av kreativitet går långt och när du kan lära dig att se de enkla formerna som utgör komplexa objekt kommer Pathfinder att vara din bästa vän.
Formbyggare
Om du har CS5, ger Illustrator dig ett annat sätt att utföra komplexa boolesiska operationer. Formverktyget (Shift + M) låter dig helt enkelt klicka och dra genom överlappande objekt för att kombinera dem.
Försök hålla ner Alternativ nyckeln för att subtrahera geometri istället för att lägga till den. Kolla in en videomanual på det nya verktyget Shape Builder här.
Konstbrädor, inte sidor
I över ett decennium har Illustrator-användare ropat det faktum att det är omöjligt att skapa flersidiga dokument. Adobe håller avsiktligt flera projekt på flera sidor som en viktig funktion hos InDesign, men det var inte så mycket hopp om en lösning.
Nyligen blev problemet löst på ett intressant sätt genom att tillåta användare att skapa flera tavlor. Dessa kan användas på något sätt: separera idéer för samma projekt, utforma både objektets framsida och baksida, etc.
Du kan skapa så många tavlor som du vill ha i ett enda dokument. De kan även vara olika storlekar. Funktionellt finns det många fördelar med att använda flera tavlor i ett enda dokument istället för att helt enkelt skapa flera dokument. Du kan enkelt flytta / kopiera objekt fram och tillbaka och skriva ut eller exportera valda skivor på en gång.
Effekterna är konstiga
I stället för? Filter? Som i Photoshop, Illustrator ger dig olika? Effekter? som kan användas för att manipulera ditt konstverk, och de tar lite att vänja sig vid. För att se vad jag menar, låt oss använda en. Nedan har jag lite text som har konverterats till konturer och jag vill ge det lite perspektiv.Som jag nämnde ovan, ger gränsen inte mig denna frihet så jag gick till Effekter> Förvränga och transformera> Fritt förvränga.
Nu, när jag tillämpar tranformationen, blir sakerna lite dumma. Verkan kan tydligt ses på min text, men när jag väljer objektet är alla mina punkter fortfarande i sina ursprungliga positioner och reflekterar inte mitt nuvarande konstverk alls.
Detta beror på att omvandlingen inte tillämpas på ett permanent sätt. Istället för att faktiskt röra med formen på ditt objekt tillämpas effekter? Live ?. Det här är faktiskt en bra sak eftersom det innebär att du alltid behåller ditt ursprungliga objektets integritet och kan gå tillbaka och redigera effekten när som helst.
För att redigera effekten, välj ditt objekt och ta fram ditt palett för utseende. Det borde vara lite? Fx? ikon någonstans med namnet på den effekt du tillämpade. Dubbelklicka på den ikonen för att redigera den eller dra den till papperskorgen för att radera den.
Photoshop-effekter
Du kanske har märkt att det faktiskt finns en uppsättning Photoshop-effekter tillgängliga inuti Illustrator. Dessa kan vara roliga att leka med, men i all ärlighet rekommenderar jag att du använder dem sparsamt, om alls. Illustrator effekter är byggda för vektorer och använder matematiska beräkningar för att anpassa sig till förändringar i konstverket, Photoshop-effekter är raster och därför inte lika pålitliga när man försöker applicera dem i en vektorstyrd arbetsyta.
Eyedropper gör mycket
Inne i Photoshop tar Eyedropper-verktyget en färg från ditt dokument eller skärm? det är allt. I Illustrator är verktyget dock mycket kraftfullare. Här är några saker du kan göra med det.
Ta en färg från en annan artikel
Den här du vet om. Välj ett objekt, en annan eyedropper, färgen på det andra objektet kommer att appliceras på den första.
Exempel: Välj den röda rutan, Eyedropper Blue-rutan, båda rutorna kommer nu att vara blåa.
Använd det markerade objektets färg någon annanstans
Ett alternativt sätt att använda verktyget Eyedropper är att välja objektet vars färg du vill replikera någon annanstans, och håll sedan ned Alternativ nyckel och klicka på något annat som du vill ge den färgen till.
Exempel: Välj röd ruta, Alternativ-Klicka på den blå rutan, båda rutorna kommer nu att bli röda.
Ta tag i styling från text och andra objekt
Illustrators Eyedropper-verktyg tar inte bara färg men stil också. Du kan använda den för att göra två textobjekt har identiska teckensnitt, färg och storlek eller att ta tag i stroke från ett formobjekt.
Exempel 1: Välj röd Futura 12pt-text, Eyedropper blå Helvetica 15pt-text, båda objekten blir blå Helvetica 15pt-text.
Exempel 2: Välj en vit låda med svart slag, Eyedropper en blå låda med en gul streck, båda rutorna blir blåa med gula streck.
Tips: Håll ned skift för att bara ta tag i förgrundsfärgen på ett objekt.
Teckensnitt gör dela filer svårt
När jag skickar ett Photoshop-dokument till någon, oavsett vilka teckensnitt som används, kan de faktiskt öppna det och se hur den ursprungliga designen såg ut. Utan teckensnitt kan de inte redigera texten, men de kan åtminstone se den.
I Illustrator är det inte så. Om du skapar en konst för någon och skickar den till dem, om det finns ovanliga teckensnitt används oddsen att personen inte kommer att kunna se din .ai-fil korrekt (de får se fela teckensnitt).
I praktiken skickar de flesta bara skrifterna, men det kan vara ett dåligt val av flera anledningar. Först är typsnittslicens komplicerat och du är tekniskt inte tänkt att bara ge dina dyra typsnitt till alla som vill se din fil.
Också det är ofta så att någon som en kommersiell skrivare begär dina filer, men du vill verkligen inte att de ändrar något. I båda dessa fall kan du spara mycket problem genom att gå till Skriv> Skapa konturer (Command-Shift-O). Detta förvandlar i huvudsak din text till vektorformer och eliminerar alltså teckensnittsproblem och tar bort tittarens förmåga att ändra texten.
Alternativt kan du spara dokumentet som PDF och dela det på så sätt. Många kunder kommer att begära de? Ursprungliga lagrade filerna?, I vilket fall en PDF inte räcker, men om personen inte bryr sig om filformat är PDF vägen att gå.
Hantera saknade teckensnitt
Om du är i den andra änden av den här diskussionen och får en fil med saknade teckensnitt, finns det lite du kan göra för att åtgärda det. Illustrator gör det emellertid enkelt att rikta specifika saknade teckensnitt och ersätta dem genom ett dokument med något från ditt system. Detta görs i Skriv> Sök typsnitt dialog.
Användbara tangentbordsgenvägar
För att avsluta vår Illustrators grundläggande diskussion borde du bekanta dig med hur du snabbt och smidigt kan komma runt gränssnittet med hjälp av tangentbordsgenvägar. Självklart kommer svängning över något verktyg att visa dig motsvarande genväg, så här är några andra användbara knep du kanske inte vet. Många av dessa har rätt ut av Photoshop så att du borde känna dig riktigt hemma.
Jag slänger bara in Mac-genvägarna här. PC-användare borde bara veta det? (Kommando) = Kontroll och? (Alternativ) = Alt.
zoomning
- Zoom in / ut: ? + eller? -
- Montera Artboard till skärm: ?0
- Zooma till faktuell storlek: ?1
Tillfälligt verktygsbyte
- Tillfälligt handverktyg: Håll utrymme från något verktyg
- Tillfälligt urvalsverktyg: Håll ? från något verktyg (ger dig direktval om det redan finns i urvalsverktyget)
- Tillfälligt Zoomverktyg: Håll utrymme från vilket verktyg som helst
klistra in
- Klistra in på framsidan: ? F
- Klistra in bakåt: ? B
- Klistra in plats: ?? V
Arbeta med objekt
- Kopiera ett objekt: Håll ? medan du drar
- Gruppobjekt: ? G
- Ungroup Objekt: ?? G
- Ta fram: ??]
- Skicka tillbaka: ??[
- Välj endast allt på aktiva tavlan: ??EN
- Lås urval: 2, 2 för att låsa upp alla
- Dölj markering: 3, 3 för att visa alla
Andra
- Kontrollera stavning: ?JAG
- Visa rutnät: ??
- Gör guider: ? 5 (välj en form först)
Slutsats
Jag hoppas att de tio tipsen ovan har uppmuntrat dig att ge Illustrator ett annat utseende. Det är en komplicerad applikation, men det kan inte vara ett slag för vektorgrafik och när du kommer hänga på hur det skiljer sig från Photoshop, börjar det vara meningsfullt.
Lämna en kommentar nedan och berätta några bra Illustrator tips som kommer att tänka på. Vad kämpade du med när du först hämtade den här applikationen? Vad kämpar du fortfarande med?