Adobe Illustrator är en fantastisk app för att skapa komplexa vektor typografiska arrangemang. Applikationen är så stor och komplicerad, men det kan ta år att räkna ut hur man återskapar några av de snygga effekterna som du sett på andra ställen utan att komma fram till komplicerade lösningar.
Idag tar vi bort mysteriet med att arbeta med slag och fyllningar genom att dyka in i paletten för att se inte bara hur det fungerar utan hur man manipulerar föremålen för att skapa några riktigt coola effekter.
Utseende Palette 101
För att komma igång öppnar du Illustrator och väljer Fönster> Utseende i menyraden. Detta bör aktivera din Utseendepalett. Den här lilla paletten ignoreras ofta men är faktiskt en av de viktigaste funktionerna som gör Illustrator ett så kraftfullt verktyg för att skapa och redigera vektorkonstverk.
Vi kommer att fokusera på typografi idag men det är viktigt att notera att paletten Utseende fungerar på nästan allt du skapar i Illustrator, inte bara skriva. Principarna som beskrivs i denna artikel kan lätt appliceras på former också (även om det finns några skillnader). Faktum är att vi börjar med en grundläggande form bara för att se hur paletten fungerar. Ta tag i ditt ellipsverktyg, rita en cirkel och välj den valda cirkeln på din utseendepalett.
Som du kan se, är paletten redan fylld med innehåll utan några ansträngningar. Objekttypen är listad överst (sökväg) och objektet innehåller tre attribut som standard: Stroke, Fill and Opacity. Observera att vi inte har tillämpat en stroke ännu, men en verkar ändå. Eftersom stroke är redan närvarande kan vi enkelt manipulera dess inställningar här i paletten. Nedan gav jag stroke en färg och satt dess bredd till 7 poäng.
Varje objekt du ser på paletten är en separat del av pusselet som utgör ditt form eller typobjekt. Dessa stycken fungerar mycket som lager i lagpaletten och kan ordnas oberoende och manipuleras. Till exempel kan en stroke placeras under eller ovanpå en fyllning. Observera också knapparna längst ner på paletten och hur liknande de är för de på lagpaletten.
Textutseende
Nu när du har kärnan för hur utseendet paletten fungerar, ta tag i ditt typverktyg och skapa lite text. Du kommer märka att beteendet hos utseendet paletten är lite annorlunda här. Det visar att vi har en? Typ? objektet valt, men fyllningen och slaget är ingenstans att ses trots att texten uppenbarligen har en fyllning.
Detta beror på att ditt val är mer komplicerat än det verkar. Istället för ett textobjekt har du för tillfället flera bokstäver valda, vilka var och en kan ha egna attribut. Du kan se hur detta ändras när du väljer specifika bokstäver i stället för hela objektet. Nu blir stroke och fyllning uppenbar.
Detta gör att du enkelt kan utföra olika tekniker, t.ex. att ge specifika bokstäver olika slag, fyllningar och effekter även om de ingår i en sammanhängande enhet.
Lägga till flera streck
Avmarkera nu de specifika tecknen i din textsträng och gå tillbaka till att helt enkelt klicka på textobjektet med urvalsverktyget. Trots det faktum att det för närvarande inte finns några fyllningar eller streck som tillämpas på objektet som helhet, så är det faktiskt hur vi ska fortsätta arbeta med objektet. Eftersom vi gör alla våra bokstäver på samma sätt blir det mycket effektivare på detta sätt än att lägga till varje brev.
Med hela objektet fortfarande valt, klicka på den första knappen i remsan längst ner på Utseendepalet för att lägga till en ny stroke. Du brukar användas för att lägga till stroke med en annan metod, men det här är det bästa sättet att se till att du har fullständig kontroll över strokes utseende.
Observera att detta placerat stroke längst upp i listan ovanför fyllningen och tecknen. Detta är bara bra för vissa användningsområden men kan göra saker rörigt när du ökar bredden på stroke. Se hur stroken täcker bokstäverna på ett ganska fult sätt?
För att fixa detta, släpp stoket längst ner på stapeln. Nu oavsett hur tjock du gör stroke, kommer det inte att kränka rummet som ockuperas av texten.
En av de bästa fördelarna med att applicera slag med utseendet paletten är att du kan skapa mer än en på ett enda objekt. Klicka på samma skapa slagknapp eller ens kopiera den aktuella stroke, gör sedan den nedersta stroken tjockare än toppslaget. Gör nu Bottom stroke black och toppstreck vit. Kolla in den snygga dubbla konturen som leder till.
Om du var så benägen kunde du verkligen gå med den här tekniken och skapa några komplexa behandlingsformer med så många slag som du vill.
En mer attraktiv, verklig applikation kan ses på bilden nedan. Titta noga på ordet? Viking? och märka hur många separata slag har applicerats, var och en med olika bredder och färger.
Arbeta med fyllningar och effekter
Att lägga till flera slag har uppenbara fördelar, men det kan tyckas lite förvirrande att arbeta med flera fyllningar. Varför skulle du stapla fyllningar och wow skulle du ens se dem om de bara överlappar varandra? Svaret ligger i att kompensera fyllningarna i olika riktningar så att de inte helt täcker varandra. Frågan blir då hur man kompenserar en fyllning eller en stroke. Det här var något jag kämpade med mycket när jag var nybörjare, för även om jag visste att det kunde göras, är tekniken inte självklar och kan vara ganska frustrerande att räkna ut.
För någon galen anledning tillåter Illustrator dig inte bara att välja en specifik fyllning eller stroke och nudge den runt. I stället måste du gå igenom paletten för att göra detta.För att komma igång, tryck på den andra knappen längst ner på paletten för att skapa en ny fyllning, dra sedan den till botten av stapeln som vi gjorde tidigare.
Nu, med den markerade väljningen, klicka på effekterna och gå till Distort & Transform> Transform. Var noga med att ta en titt på alla andra effekter också. Det finns massor av bra saker här som oskärpa och grovhet som verkligen kan ge mycket variation till dina textbehandlingar.
Nu, med förhandsgranskningsrutan kontrollerad, börjar du justera Move-kontrollerna nära botten. Som du kan se är resultatet ett slags skräddarsydd skugga. Du kan behöva byta färg på fyllningen för att se effekten.
Stackning av denna effekt ger dig en fin sneda som speglar en populär effekt som ses på många webbplatser med en vintage, inristad leta efter typen.
Det är viktigt att notera att om du vill gå tillbaka och ändra offset på fyllningen (och du vill) gör du det inte genom att återgå till effektknappen. Detta kommer att lägga till en annan transformation ovanpå den som du redan har. Istället, expandera fyllningen som du vill tweak och klicka på Transform text. Det här öppnar fönstret Transform som vi såg ovan och låter dig ändra inställningarna som du redan har tillämpat.
Kolla in dessa tekniker på jobbet i ett annat brevhuvud exempel nedan. Dessa killar knyter ständigt ut några riktigt vackra typsnitt och skriver behandlingar som blåser bort mig.
Fyll vs. Stroke
Du kanske undrar varför vi utförde den sista effekten med flera fyllningar i stället för stroke. Sanningen är att du faktiskt kan ta bort det med heller. Men det är mycket lättare att arbeta med fyllningar när du använder offsets eftersom du kan sluta med några konstiga, oönskade resultat med stroke. För att illustrera, överväga följande bild:
Lägg märke till hur fyllningen har en fin, ren skuggningseffekt medan stroken är tom innanför. Om det här är vad du ska göra, använd alltså en stroke, om inte, måste du verkligen öka tjockleken på den stroke för att få den att fungera. I slutändan är det mycket enklare att bara använda en fyllning.
Slutsats
Jag hoppas att denna handledning har lärt dig en sak eller två om att använda Utseendepalet för att uppnå några intressanta typografiska effekter. Det kan vara ett skrämmande verktyg att arbeta med först men jag lovar att du hämtar det på bara några minuter om du följer den här artikeln noga och spelar lite om med dina egna experiment.
Nu är det dags för dig att lära mig en sak eller två. Lämna en kommentar nedan och berätta om dina favoritpalatsstickor och tips. Var noga med att lämna en länk till en förhandsvisning av tricket om du har en bild som visar oss!