Slik bruker du klippemasker i Adobe Illustrator for å lage en skåret tekst-effekt

Hva du skal skape

I de følgende trinnene lærer du hvordan du oppretter en skåret tekst-effekt i Adobe Illustrator. Til å begynne med lærer du hvordan du konfigurerer et enkelt nett og hvordan du lager bakgrunnen og et enkelt tekststykke.

Når du tar full nytte av rutenettet og Snap to Grid-funksjonen, lærer du hvordan du lager et sett med piksel-perfekte former. Ved å bruke en serie av utklippsmasker, lærer du hvordan du gir teksten et skåret utseende. Til slutt vil du lære å legge til litt skyggelegging og høydepunkter for det skårne området ved å bruke noen slag- og uskarphetsteknikker sammen med flere utklippsmasker..

For mer inspirasjon om hvordan du justerer eller forbedrer din endelige teksteffekt, kan du finne mange ressurser på GraphicRiver.

1. Hvordan lage et nytt dokument og sette opp et rutenett

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 850 i breddeboksen og 600 i høydeboksen, og klikk deretter på det Flere innstillinger knapp. Å velge RGB for Fargemodus, sett Raster Effects til Skjerm (72 ppi), og klikk deretter Opprett dokument.

Aktiver rutenettet (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 5 px, så bare gå til Rediger> Innstillinger> Guider og rutenett, og skriv inn 5 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet - det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast.

Du kan lære mer om Illustrators gridsystem i denne korte opplæringen fra Andrei Stefan: Forstå Adobe Illustrators grid system.

Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter. Alle disse alternativene øker arbeidshastigheten betydelig.

2. Hvordan lage bakgrunn og tekst

Trinn 1

Velg Rektangelverktøy (M) og opprett en 870 x 620 px form. Pass på at dette rektangel dekker hele tavlen, og fyll deretter den med den lineære gradienten som vises nedenfor.

Steg 2

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Robinson-skrifttypen og sett deretter størrelsen til 270 px. Flytt til tavla, klikk på det og skriv inn teksten. Jeg bruker "Trancher", som er et fransk ord som betyr "å skille".

Pass på at dette stykket tekst forblir valgt, og åpne Rette inn panelet (Vindu> Juster). Still inn justeringen til artboard (åpne menyen for utflytting og gå til Vis alternativer hvis du ikke kan se Juster til delen som vist på bildet nedenfor), og klikk deretter på Horisontal justeringssenter og Vertikal Justeringssenter knapper. Dette vil flytte teksten til midten av tavlen.

3. Hvordan lage klippemaskene

Trinn 1

Velg Rektangelverktøy (M), lage en 320 px kvadrat, og legg det som vist i det første bildet. Fyll denne nye formen med svart (R = 0 G = 0 B = 0) og senke dens opacity til 30%.

Kontroller at kvadratet ditt er valgt, velg Slett ankerpunktsverktøy (-), og bare klikk på det øverste høyre ankerpunktet for å fjerne det. Dette vil gjøre kvadratet ditt til en trekant, som vist i det andre bildet.

Steg 2

Kopier din trekant (Control-C> Control-V). Velg kopien, roter den 180 grader, og legg det som vist i bildet nedenfor. Pass på at de to trekanter er perfekt justert.

Trinn 3

Velg Pennverktøyet (P), og opprett den firehjørne figuren som vises i bildet nedenfor. Rutenettet og Snap to Grid funksjonen vil gjøre tingene enklere. Fyll denne nye formen med rødt, og senk den opacity til 30%.

Trinn 4

Velg riktig trekant og legg til en kopi foran (Control-C> Control-F). Velg denne nye formen, endre fyllfargen til gul, og flytt deretter den 5 px opp og 5 px til høyre. Igjen, rutenettet og Snap to Grid funksjonen vil komme til nytte.

Flytt til venstre trekant og legg til en kopi foran (Control-C> Control-F). Velg denne nye formen, endre fyllfargen til gul, og flytt deretter den 5 px ned og 5 px til venstre.

Trinn 5

Deaktiver Snap to Grid (Styre-") og deretter gå til Rediger> Innstillinger> Generelt og sett Tastaturøkning til 5 px.

Velg tekst fra lag panelet (Vindu> Lag) og legg til en kopi foran (Control-C> Control-F). Velg denne kopien og flytte den 10 px opp og 20 px til venstre. Bruk piltastene for enkelt å gjøre disse endringene. Husk at en gang på en knapp vil flytte valget ditt 5 px i den angitte retningen.

Velg den gule trekanten til venstre, sammen med tekstkopien lagt til for noen få minutter siden, og bare gå til Objekt> Clipping Mask> Make (Kontroll-7).

Trinn 6

Velg det originale tekststykket og legg til en ny kopi foran (Control-C> Control-F). Velg denne kopien og flytte den 10 px ned og 20 px til høyre. Bruk piltastene for enkelt å gjøre disse endringene.

Velg din gjenværende gule trekant sammen med tekstkopien lagt til for noen få minutter siden, og gå til Objekt> Clipping Mask> Make (Kontroll-7).

Trinn 7

Velg din røde form og legg til en kopi foran (Control-C> Control-F). Velg denne kopien sammen med ditt originale tekst og gå til Objekt> Clipping Mask> Make (Kontroll-7).

4. Slik legger du til skyggelegging

Trinn 1

Aktiver Snap to Grid (Styre-"). Velg riktig trekant og legg til en kopi foran (Control-C> Control-F). Velg denne kopien, hold på Skifte og alt knapper, og deretter endre størrelsen på trekanten til 240 px.

Steg 2

Pass på at din 240 px trekanten er valgt, og velg Direkte utvalgsverktøy (A). Velg det øverste høyre ankerpunktet og trykk ganske enkelt på Slett knapp.

Pass på at den gjenværende banen forblir valgt, og fokus på Utseende panel. Fjern fyllfarge og sett slagfargen til R = 39 G = 0 B = 76, og åpne deretter Stroke fly-out panel. Endre Vekt til 20 px og velg Breddeprofil 1 fra Profil nedtrekksmenyen.

Trinn 3

Flytt til venstre trekant og legg til en kopi foran (Control-C> Control-F). Velg denne kopien, hold på Skifte og alt knapper, og deretter endre størrelsen på trekanten til 280 px.

Trinn 4

Pass på at din 280 px trekanten er valgt, og velg Direkte utvalgsverktøy (A). Velg det nedre venstre ankerpunktet, og klikk bare på Slett knapp.

Pass på at den gjenværende banen forblir valgt, fokus på Utseende panel, og bruk samme attributter som brukes for den andre banen.

Trinn 5

Velg først de to banene dine og kopier dem (Kontroll-C), og deretter gå til Effekt> Stylize> Gaussian Blur. Skriv inn en 13 px radius, klikk OK, og så Gruppe (Kontroll-G) dine to baner.

Trinn 6

Velg de to trekanter og slå dem til en sammensatt bane (Objekt> Forbindelsesvei> Lag eller Kontroll-8). Ta denne sammensatte banen til forsiden (Styre-]), velg den sammen med gruppen av stier som ble gjort i forrige trinn, og gå til Objekt> Clipping Mask> Make (Kontroll-7).

5. Hvordan legge til høydepunkter

Trinn 1

Truffet Kontroll-F å legge til kopiene av disse to banene på samme sted. Pass på at begge banene forblir valgt, og fokus på Utseende panel.

Sett slagfargen til hvit og senk den Vekt til 14 px. Endre Blandingsmodus til Mykt lys, og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 15 Radius, klikk OK, og så Gruppe (Kontroll-G) disse to banene.

Steg 2

Ta med den røde figuren til fronten (Shift-Control-]). Velg den sammen med gruppen av stier som ble gjort i forrige trinn, og gå til Objekt> Clipping Mask> Make (Kontroll-7).

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter. Ikke nøl med å dele ditt endelige resultat i kommentarfeltet.

Du er velkommen til å justere det endelige designet og gjøre det til ditt eget. Du kan finne noen flotte inspirasjonskilder på GraphicRiver, med interessante løsninger for å forbedre design.