Hvordan lage en Bones Text Effect i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du lager en enkel beintekst-effekt i Adobe Illustrator. 

Til å begynne med lærer du hvordan du setter opp et enkelt nett og hvordan du oppretter flere piksel-perfekte former. Ved hjelp av avrundet hjørner-effekten og noen grunnleggende vektormodellbyggingsteknikker, lærer du hvordan du lager hovedbenformen. Fortsett, du lærer å lagre og bruke en kunstbørste. For de siste detaljene lærer du hvordan du legger til Drop Shadow-effekter og en enkel bakgrunn.

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 rutenett i denne korte opplæringen av Andrei Stefan: Forstå Adobe Illustrators rutenett 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 benform og mønsterbørste

Trinn 1

Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 253 G = 241 B = 193. Flytt til din tavle og bare lage en 25 x 105 px rektangel-rutenettet og Snap to Grid funksjonen bør hjelpe.

Fokuser på bunnen av dette rektangelet og bytt til Direkte utvalgsverktøy (A). Velg riktig ankerpunkt og dra det 5 px til venstre, og velg deretter venstre ankerpunkt og dra det 5 px opp og 5 px til høyre.

Steg 2

Fortsett å fokusere på bunnen av din eksisterende form. Bruker Rektangelverktøy (M), lage en 30 x 35 px form og plasser den som vist i det første bildet. Fokus på venstre side av dette nye rektangel og velg Legg til ankerpunktsverktøy (+). Bare klikk i punktet markert med blått for å legge til et nytt ankerpunkt for din form.

Bytt til Direkte utvalgsverktøy (A), velg det nylig lagt ankerpunktet og dra det 15 px til venstre. Flytt til høyre side av denne formen og sørg for at Direkte utvalgsverktøy (A) forblir aktiv. Velg toppankerpunktet og dra det 10 px ned, og velg deretter nedre ankerpunktet og dra det 10 px opp og 5 px til venstre.

Trinn 3

Bruker Rektangelverktøy (M), lage en 25 px kvadrat og plasser den som vist i det første bildet. Fokus på bunnen av denne nye formen, velg Legg til ankerpunktsverktøy (+) og legg til et nytt ankerpunkt som vist nedenfor.

Fortsett å fokusere på kvadratet ditt og bytte til Direkte utvalgsverktøy (A). Velg først det nedre venstre ankerpunktet og dra det 10 px opp og 5 px til venstre. Flytt til nederste høyre ankerpunkt og dra den 5 px opp, og velg deretter høyre høyre ankerpunkt og dra den 5 px opp og 10 px til venstre.

Trinn 4

Bruker Rektangelverktøy (M), lage en 40 x 30 px form og plasser den som vist i det første bildet. Velg Legg til ankerpunktsverktøy (+) og legg til de to ankerpunktene som er vist nedenfor.

Fortsett å fokusere på dette nye rektangelet og bytte til Direkte utvalgsverktøy (A). Velg først det nedre venstre ankerpunktet og dra det 5 px opp. Flytt til det øverste høyre ankerpunktet og dra det 10 px til venstre, og velg det øverste venstre ankerpunktet og dra det 5 px til høyre.

Trinn 5

Bruker Rektangelverktøy (M), lage en 35 px kvadrat og plasser den som vist i det første bildet. Velg Legg til ankerpunktsverktøy (+) og legg til de to ankerpunktene som er vist nedenfor.

Fortsett å fokusere på kvadratet ditt og bytte til Direkte utvalgsverktøy (A). Velg først det nedre høyre ankerpunktet og dra det 10 px opp og 5 px til venstre. Flytt til det øverste høyre ankerpunktet og dra det 5 px ned, og velg deretter venstre venstre ankerpunkt og dra den 25 px ned.

Trinn 6

Velg alle fasene som er laget så langt, åpne Pathfinder panelet (Vindu> Pathfinder), og klikk på Forene knapp. Pass på at den resulterende formen er fylt med R = 253 G = 241 B = 193 og gå videre til neste trinn.

Trinn 7

Pass på at formen din fortsatt er valgt og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 5 px radius, klikk OK, og deretter gå til Objekt> Utvid Utseende.

Trinn 8

Velg Pennverktøyet (P) og opprett tre enkle trekanter som vist i det første bildet. Velg alle fasene som er laget så langt og klikk på Minus Front knapp fra Pathfinder panel.

Trinn 9

Kontroller at formen din er valgt, åpne Børster panelet (Vindu> Pensler) og klikk det Ny pensel knapp. Velg Kunstbørste boksen og klikk deretter OK. Velg et navn på penselen din, dra den Bredde skyvekontrollen til 50%, skriv inn resten av attributter som vises i følgende bilde, og klikk deretter på OK knapp.

3. Hvordan lage teksteffekten

Trinn 1

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Bonez-fonten og sett deretter størrelsen på 150 px og sporing til 100. Bare klikk på tavla og legg til litt tekst. Gjør det svart (R = 0 G = 0 B = 0) og senke dens opacity til om 30%.

Steg 2

Deaktiver nettverket (Styre-") og Snap to Grid (Shift-Control-").

Velg Penselverktøy (B) og velg kunst pensel fra Børster panel. Bruk den svarte teksten som en grov referanse og start tegnebaner for å lage det første bokstaven.

Trinn 3

Flytt til neste bokstaver og bruk samme kunst pensel. Når du er ferdig, slett det teksten.

Trinn 4

Velg alle banene gjort så langt og gå til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter OK.

Trinn 5

Pass på at alle banene dine fortsatt er valgt, Gruppe dem (Kontroll-G) og deretter gå til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises nedenfor, og klikk deretter OK.

4. Hvordan lage bakgrunnen

Trinn 1

Velg Ellipseverktøyet (L) og bare klikk på tavla for å åpne ellipse vindu. Sett Bredde til 600 px og Høyde til 360 px og klikk deretter OK. Fyll den resulterende formen med R = 235 G = 107 B = 38 og send den til rygg (Shift-Control-[).

Pass på at denne oransje formen forblir valgt og åpne Rette inn panelet (Vindu> Juster). Sett innstillingen til Artboard (åpne menyen for å fly ut 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 i utgangspunktet bringe den valgte figuren til midten av tavlen.

Steg 2

Pass på at din oransje ellipse fortsatt er valgt og gå til Effekt> Forvreng og transformer> Zig Zag. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter OK.

Trinn 3

Velg Rektangelverktøy (M) og bare klikk på tavla for å åpne Rektangel vindu. Sett Bredde til 860 px og Høyde til 610 px og klikk deretter OK. Fyll den resulterende formen med R = 39 G = 9 B = 62, send det til baksiden (Shift-Control-[), og ikke glem å sentrere det.

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.