Hur man gör en trätexteffekt med Adobe Illustrator

I följande handledning kan du lära dig hur du skapar "trätext". Med hjälp av 3D Extrude and Command Tool kombinerat med några smarta gradienter och skikteffekter kan du göra denna stora effekt som är perfekt för både text och symboler.


Steg 1

Skapa ett dokument med 700 till 300px. Välj typverktyget (T) och lägg till din text. Jag har använt New Facebook-typsnittet, men du kan använda vilken typsnitt du vill. Fyll din text med färgen som visas nedan (R = 128 G = 128 B = 128). Expand texten. Välj den resulterande gruppen av former, lägg till 3D> Extrude & Bevel-effekten och gå till Objekt> Expand Utseende.


Steg 2

Nu borde du ha ett urval av former och grupper. Du måste organisera dessa innan du går vidare till nästa steg. Till att börja med, låt oss fokusera på "V". Välj de övre formerna (de fyllda med en ljusare grå färg), tryck på Control + Shift + G för att gruppera varje form separat och tryck sedan på Control + G för att gruppera dem tillsammans.

Välj de former som visas i bild # 2 och klicka på Unite-knappen från panelen Pathfinder. Un-gruppera resten av formerna (fylld med en mörkare grå färg) och gruppera dem tillsammans (bild # 3).


Steg 3

Låt oss fortsätta med "e". Använd Unite-knappen från panelen Pathfinder för att ansluta de grupper av former som valts i bilderna # 1, # 2 och # 3. I slutändan måste du ha två grupper. En med de mörka formerna (bild # 5) och en med ljusare former (bild # 4).


Steg 4

Nästa är "C". Återigen förenar de former som valts i bilderna # 1 och # 2 och gör sedan de två grupperna.


Steg 5

Nu, "T". Förena de former som valts i bilderna # 1 och # 2 och skapa sedan grupperna.


Steg 6

Förena formerna som visas i bilderna # 1 och # 2 och gör sedan de två grupperna.


Steg 7

Återigen, använd Unite-knappen för de former som valts i bilderna # 1 och # 2 och gör sedan de två grupperna.


Steg 8

En gång förra året förenar du de former som visas i bilderna # 1, # 2 och # 3 och gör sedan grupperna.


Steg 9

Duplicera alla de bästa formerna (de fyllda med en ljusare grå färg). Välj kopiorna och gå till Objekt> Sammansatt sökväg> Gör så namnet på den resulterande formen "vvv". Du behöver denna form i flera framtida steg, så se till att du alltid har en kopia.

Välj en "vvv" kopia, fyll den med R = 198 G = 156 B = 109 och lägg sedan till Texturizer-effekten (Effekt> Textur> Texturizer).


Steg 10

Därefter måste du bli av med de pixelerade kanterna. Öppna paletten Transparent. Välj en "vvv" -kopia, fyll den med vit och flytta den ovanför den texturerade formen. Välj nu båda formerna, gå till fliken-menyn på OH-panelen och klicka på Make Opacity Mask.


Steg 11

Välj en ny "vvv" kopia och ta den framåt (Shift + Control + Right Square Bracket). Fyll den med vit, lägg till det inre glödret och gå till Objekt> Expand Utseende. Håll bara det expanderade inre glödet (ta bort den andra formen). Ändra dess blandningsläge till Multiplicera och sänka dess opacitet till 30%.


Steg 12

Skapa en ny "vvv" kopia och ta den framåt (Shift + Control + Right Square Bracket). Fyll den med den linjära linjära gradienten och lägg sedan till en ny fyllning (från menyn Flykt-utseende på Utseendepanelen) och använd rätt linjär gradient.

Välj den första fyllningen (från panelen Utseende), ändra dess blandningsläge till Överlagring och sänka dess opacitet till 10%. Välj den andra gradienten, ändra dess blandningsläge till Multiplicera och sänka dess opacitet till 50%. Välj de former som gjordes i steg # 9, # 10, # 11 och # 12 och gruppera dem. Namn det "Wood" och gör det osynligt (för tillfället).


Steg 13

Därefter måste du skapa en serie tunna former längs kanten av de bästa formerna. Gå först till Redigera> Inställningar> Allmänt och ange en 0,5px-tangentbordsökning.

Låt oss nu fokusera på "V" formerna. Välj formen som visas i bild 1 och gör två kopior. Välj den övre och tryck sedan på nedåtpil och högerpil två gånger (för att flytta den 1px till höger och 1px ner). Återmarkera de två kopiorna och klicka på knappen Minus Front från panelen Pathfinder. Fyll de resulterande formerna med vit och sänka deras opacitet till 40%. Upprepa samma tekniker för de andra två formerna (bild # 3 och bild # 5).


Steg 14

Kopiera formen markerad i bild # 1. Välj den övre och tryck på vänsterpil och uppåtpil en gång (för att flytta den 0,5 px uppåt och 0,5 px till vänster). Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll de resulterande formerna med svart och sänka deras opacitet till 50%. Upprepa samma tekniker för de andra två formerna (bild # 3 och bild # 5).


Steg 15

Upprepa samma tekniker för resten av de bästa formerna. Välj alla dessa tunna former och gruppera dem. Ta med den här nya gruppen framåt (Shift + Control + Right Square Bracket). Vrid "Wood" tillbaka till synligt och lås båda grupperna.


Steg 16

Låt oss nu fokusera på de mörkare formerna. Fyll först dem alla med R = 66 G = 33 B = 11. Skapa sedan de fyra gradienterna och spara dem i panelen Färger. Ange bara "1", "2", "3" och "4". Du behöver dem i nästa steg.


Steg 17

Nu måste du lägga till några nya fyllningar för de flesta av dessa former. Ta en titt på bilderna för att förstå exakt hur många och vilka gradienter du behöver använda för varje fyllning.


Steg 18

Nästa är skuggan. Välj en kopia av "vvv" och gå till Objekt> Path> Offset Path. Ange en 1px Offset och tryck på OK. Välj den resulterande formen, skicka den till baksidan (Shift + Control + vänstra kvadratkonsolen) och flytta den några pixlar ner och till höger. Fyll den med svart, lägg till 0,5 Gaussian Blur och sänka dess opacitet till 30%.


Steg 19

Kopiera formen som gjordes i föregående steg. Välj den här kopian, flytta den under originalet och gör den lite större (bara ändra storlek på den). Lämna den svart men höja Gaussian Blur till 5px och opaciteten till 50%.


Steg 20

Välj en annan "vvv" kopia och gå till Objekt> Path> Offset Path. Ange en 6px-förskjutning och klicka på OK. Välj den resulterande formen, skicka den till baksidan och flytta den några pixlar ner och till höger. Fyll den med svart, lägg till en 3px Gaussian Blur och sänka dess opacitet till 5%.


Steg 21

Välj pennverktyget (P) och skapa en form som den röda som visas i bild # 1. Välj den tillsammans med "vvv" -formen (det är sista gången du behöver den här formen) och klicka på Intersect-knappen från panelen Pathfinder. Välj de resulterande formerna och gå till Objekt> Sammansatt sökväg> Gör. Ta den resulterande formen framåt. Fyll den med linjär gradient och sänka dess opacitet till 10%.


Steg 22

Slutligen bakgrunden. Skapa en 600 x 300px rektangel, skicka den till baksidan (Shift + Control + Left Square Bracket) och fyll den med R = 198 G = 156 B = 109. Lägg till en ny fyllning (från menyn Expansion-panel), använd den andra färgen och ändra dess blandningsläge till skärmen.

Välj denna andra fyllning (från Utseckningspanelen) och lägg sedan till Halvtonmönstret (Effekt> Skiss> Halvtonmönster), Retikuleringen (Effekt> Sketch> Reticulation) och effekterna Diffus Glöd (Effekt> Förvrängning> Diffus Glöd) ).

Lägg till en tredje fyllning och använd den linjära gradienten. Välj den här sista fyllningen, ändra dess blandningsläge till Multiplicera och sänka dess opacitet till 10%.


Steg 23

För en slutlig effekt, välj rektangelverktyget (M). Skapa en form av 700 till 20 px och placera den i toppen av din Artboard. Lägg till Transform-effekten (Effekt> Distort & Transform> Transform) och gå till Objekt> Expand Utseende. Välj alla sju rektanglarna och gå till Objekt> Sammansatt väg> Gör. Fyll den resulterande formen med den linjära gradienten (var uppmärksam på platsen för reglaget), byt blandningsläge till Color Burn och sänka dess opacitet till 50%.


Slutsats

Där har du det, en trätexteffekt. Du kan använda stegen i den här handledningen för att skapa egna anpassade rubriker för webbdesign, eller till och med skapa några trästilikonuppsättningar. Använd din fantasi och de färdigheter du lärde dig och du kommer bli förvånad över vad du kan komma med.