Så här skapar du en västerländsk texteffekt i Adobe Illustrator

Vad du ska skapa

I följande steg lär du dig att skapa en enkel västerländsk texteffekt i Adobe Illustrator. 

Till att börja med lär du dig att skapa en enkel bakgrund och hur man lägger till en grundläggande textdel. Med full nytta av Utseckningspanelen kommer du att lära dig hur du skapar din västerländska texteffekt.

Du lär dig hur du arbetar med flera fyllningar och stroke, Offset, Rounded Corners och Transform effects, några Photoshop-effekter plus grundläggande blandningstekniker. Slutligen lär du dig hur du sparar och använder en enkel grafisk stil.

För mer inspiration om hur du justerar eller förbättrar din slutliga texteffekt kan du hitta massor av resurser på GraphicRiver.

1. Så här skapar du ett nytt dokument och lägger till en enkel bakgrund

Steg 1

Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i rutorna bredd och höjd och klicka sedan på Avancerad knapp. Välj RGB för Färg läge, ställa in Raster Effects till Skärm (72 ppi), och klicka sedan på Skapa dokument.

Steg 2

Välj Rektangelverktyg (M) och fokusera på din verktygsfält. Ta bort färgen från stroke och välj sedan fyllningen och sätt dess färg till R = 231 G = 207 B = 180. Flytta till din tavla och klicka bara på den för att öppna Rektangel fönster. Stiga på "860"i båda rutorna och klicka sedan på det ok knapp.

2. Hur lägger du till din text

Steg 1

Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Använd teckensnittet Texas Tango, sätt storleken till 120 px,och klicka sedan helt enkelt på din tavla. Lägg till "VILD"text och ställa in sin färg till vit (R = 255 G = 255 B = 255).

Steg 2

Se till att texten fortfarande är vald, fokusera på rutor~~POS=HEADCOMP panel (Fönster> Färger) och klicka på [None] swatch för att bli av med den vita fyllningen.

Flytta till Utseende panel (Fönster> Utseende) och klicka på det Lägg till ny fyllning knappen för att lägga till en ny fyllning för din textdel. Markera den och sätt dess färg till R = 212 G = 92 B = 17.

3. Hur man skapar baksidan av texteffekten

Steg 1

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning med samma sak Lägg till ny fyllning knappen och dra den under befintlig fyllning.

Välj den nya fyllningen, sätt dess färg till R = 53 G = 9 B = 8, och sedan gå till Effekt> Path> Offset Path. Ange en 10 px Offset, Klicka på ok knappen och gå sedan till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 10 px, klick ok, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 5 px och klicka sedan på ok.

Steg 2

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Välj den nedersta fyllningen och välj till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det övre vänstra fönstret (i följande bild), klicka på ok knappen, och lägg sedan till de andra tre Drop Shadow effekter som visas nedan.

Steg 3

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och dra den mellan de befintliga två fyllningarna.

Välj den här nyaste fyllningen, sätt dess färg till R = 76 G = 28 B = 15, och sedan gå till Effekt> Path> Offset Path. Ange en 5 px förskjutning, Klicka på ok knappen och gå sedan till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 6 px, Klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 4 px och klicka sedan på ok.

Steg 4

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en fjärde fyllning och dra den direkt under toppfyllningen.

Välj den här nyaste fyllningen, sätt dess färg till svart (R = 0 G = 0 B = 0) och sedan gå till Effekt> Path> Offset Path. Ange en 10 px Offset, Klicka på ok knappen och gå sedan till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 10 px, Klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 5 px, Klicka på ok knappen och gå sedan till Effekt> Konstnärligt> Filmkorn. Dra de tre reglagen som visas i följande bild och klicka sedan på den ok knapp.

Steg 5

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Återställ den svarta fyllningen, sänk den Opacitet till 15%, och ändra Blandningsläge till Multiplicera.

Steg 6

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en femte fyllning och dra den direkt under toppfyllningen.

Välj den här nyaste fyllningen, sätt dess färg till R = 76 G = 28 B = 15, och sedan gå till Effekt> Path> Offset Path. Ange en 10 px Offset, Klicka på ok knappen och gå sedan till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 10 px, Klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 5 px, Klicka på ok knappen och gå sedan till Effekt> Sketch> Grafisk Penna. Ställ in Stroke Direction till Vertikal, dra de två reglagen som visas i följande bild och klicka sedan på den ok knapp.

Steg 7

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Återmarkera fyllningen som lagts till i föregående steg, sänk dess Opacitet till 10%, och ändra Blandningsläge till Mjukt ljus.

Steg 8

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Välj toppfyllningen och gå till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 2 px, klicka på OK-knappen och lägg sedan till de två Drop Shadow effekter som visas nedan.

4. Hur man skapar framsidan av texteffekten

Steg 1

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och dra den ovanför befintliga.

Välj den nyaste fyllningen och ersätt den platta färgen med den linjära gradienten som visas nedan. Tänk på att de blå siffrorna från Lutning bildstativ för Plats procentsats.

Därefter, gå till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 2 px, Klicka på ok knappen och gå sedan till Effekt> Path> Offset Path. Ange en -2 px förskjutning, Klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Skala-Vertical skjutreglaget till -96%, glöm inte att kolla översta mittenreferenspunkten och klicka sedan på den ok knapp.

Steg 2

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Välj toppfyllningen och duplicera den med hjälp av Kopiera valda objekt knapp. Välj den nyligen tillförda fyllningen, ersätt den linjära gradienten med svart och gå sedan till Effekt> Konstnärligt> Filmkorn. Dra de tre reglagen som visas nedan och klicka sedan på det ok knapp.

Steg 3

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Återmarkera fyllningen som lagts till i föregående steg, sänk dess Opacitet till 5%, och ändra Blandningsläge till Multiplicera.

Steg 4

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och dra den ovanför befintliga.

Välj den här nyaste fyllningen, sätt dess färg till R = 76 G = 28 B = 15, och sedan gå till Effekt> Path> Offset Path. Ange en -1 px Offset, Klicka på ok knappen och gå sedan till Effekt> Sketch> Grafisk Penna. Ställ in Stroke Direction till Vertikal, dra de två reglagen som visas i följande bild och klicka sedan på den ok knapp.

Steg 5

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Återmarkera fyllningen som lagts till i föregående steg, sänk dess Opacitet till 15%, och ändra Blandningsläge till Mjukt ljus.

Steg 6

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och dra den ovanför befintliga.

Välj den här nyaste fyllningen, sätt dess färg till R = 235 G = 190 B = 89, ändra Blandningsläge till Mjukt ljus,och gå till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 2 px, Klicka på ok knappen och gå sedan till Effekt> Stylize> Inner Glow. Ange alla attribut som visas nedan och klicka sedan på det ok knapp.

Steg 7

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och dra den ovanför befintliga.

Välj den här nyaste fyllningen, ändra dess Blandningsläge till Täcka över, och ersätt den platta färgen med den linjära gradienten som visas nedan. Tänk på att det gula numret från Lutning bilden står för Opacitet procentsats.

Därefter, gå till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 2 px, Klicka på ok knappen och gå sedan till Effekt> Path> Offset Path. Ange en -7 px Offset, Klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Skala-Vertical skjutreglaget till -96%, glöm inte att kolla översta mittenreferenspunkten och klicka sedan på den ok knapp.

Steg 8

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Återmarkera fyllningen som lagts till i föregående steg och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 3 px och klicka sedan på det ok knapp.

Steg 9

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Återmarkera den fyllning som lagts till i föregående steg och duplicera den med samma Kopiera valda objekt knapp. Välj den nyligen tillförda fyllningen, sänk dess Opacitet till 30%, och ta bort det Gaussisk suddighet effekt.

Steg 10

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och dra den ovanför befintliga.

Välj den här nyaste fyllningen, ändra dess Blandningsläge till Täcka över, sänka Opacitet till 20% och ersätt den platta färgen med den linjära gradienten som visas nedan. Kom ihåg att det gula numret från Lutning bilden står för Opacitet procentsats.

Därefter, gå till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 2 px, Klicka på ok knappen och gå sedan till Effekt> Path> Offset Path. Ange en -5 px förskjutning, Klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Skala-Vertical skjutreglaget till -96%, glöm inte att kolla översta mittenreferenspunkten och klicka sedan på den ok knapp.

Steg 11

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel.

Välj stroke, gör det svart, sätt storlek till 6 px,och sedan gå till Effekt> Stylize> Avrundade hörn. Ställ in Radie till 2 px, Klicka på ok knappen och gå sedan till Effekt> Path> Offset Path. Ange en -2 px förskjutning och klicka sedan på ok knapp.

Steg 12

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Återställ den stroke, sänk den Opacitet till 25%, och ändra Blandningsläge till Mjukt ljus.

5. Hur man sparar och använder grafiska stilar

Steg 1

Kontrollera att texten fortfarande är vald, öppna Grafiska stilar panel (Fönster> Grafiska stilar) och klicka bara på det Ny grafisk stil knapp.

Steg 2

Slutligen kan du lägga till ny text och använda dina sparade grafiska stilar som visas nedan.

grattis! Du är klar!

Så här ska det se ut. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt.

Gör det fina att justera den slutliga designen och gör den till din egen. Du kan hitta några bra inspirationskällor på GraphicRiver, med intressanta lösningar för att förbättra din design.