Hur man skapar en varm, retro texteffekt i Adobe Illustrator

Vad du ska skapa

I följande steg lär du dig att skapa en varm retrotexteffekt i Adobe Illustrator. 

Till att börja med lär du dig hur du skapar bakgrunden, hur man arbetar med radiella gradienter och hur man applicerar inbyggda mönster. Med hjälp av en enkel text och fullt ut utnyttja Utseendepanelen lär du dig hur du skapar den slutliga texteffekten. Du lär dig att arbeta med flera fyllningar och stroke och hur man stilar dem med hjälp av effekter eller blandningstekniker.

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

1. Skapa ett nytt dokument och skapa ett rutnät

Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i breddlåda och 650 i rutan längd och klicka sedan på det Fler inställningar 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.

Aktivera nätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 5 px, så helt enkelt gå till Redigera> Inställningar> Guider> Grid, och skriv in 5 i Gridline varje lådan och 1 i underavdelningar låda. Försök att inte bli avskräckta av allt det där nätet - det kommer att göra ditt arbete enklare och tänk på att du enkelt kan aktivera eller inaktivera den med hjälp av Kontrollera-" tangentbordsgenväg.

Du kan lära dig mer om Illustrators nätverkssystem i denna korta handledning från Andrei Stefan: Förstå Adobe Illustrators gridsystem.

Du borde också öppna Info panel (Fönster> Info) för en levande förhandsgranskning med storleken och positionen på dina former. Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enheter. Alla dessa alternativ ökar din arbetshastighet avsevärt.

2. Hur man skapar bakgrunden

Steg 1

Välj Rektangelverktyg (M), skapa en 860 x 660 px rektangel och se till att den täcker hela din tavla. Fyll den med den radiella gradienten som visas nedan och använd Gradient Tool (G) att sträcka din gradient som visas i följande bild.

Steg 2

För detta steg behöver du en av de inbyggda mönstren. Fokusera på rutor~~POS=HEADCOMP panel (Fönster> Färger), öppna utflyttningsmenyn och gå till Öppna Swatch Library> Mönster> Basic Graphics> Basic Graphics_Textures. Detta öppnar en ny panel med en massa inbyggda mönster.

Välj din rektangel, flytta till Utseende panel (Fönster> Utseende) och lägg till en ny fyllning med hjälp av Lägg till ny fyllning knapp. Välj den nya fyllningen och använd helt enkelt Går över mönster.

Steg 3

Se till att din rektangel fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj toppfyllningen, sänk dess Opacitet till 30%, ändra Blandningsläge till Färg bränna, och sedan gå till Effekt> Konstnärligt> Filmkorn. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.

3. Hur man lägger till texten

Steg 1

Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj Dokyo-teckensnittet och ange sedan storleken och ledningen till 150 px. Klicka bara på tavlan och lägg till din vita (R = 255 G = 255 B = 255) text.

Steg 2

Se till att texten fortfarande är vald. Först, gå till rutor~~POS=HEADCOMP panelen och helt enkelt ta bort den vita från din textfärg.

Gå sedan vidare till Utseende panel och klicka Lägg till ny fyllning. Välj den nya fyllningen och ställ in färgen till R = 27 G = 117 B = 188.

4. Hur man skapar texteffekten

Steg 1

Se till att texten fortsätter att vara vald, fokusera på Utseende panelen och lägg till en ny fyllning med samma Lägg till ny fyllning knapp. Välj den här nya fyllningen och använd samma sak Går över mönster (nu när du redan har använt det, kan du också hitta det i rutor~~POS=HEADCOMP panel). 

Sänka dess Opacitet till 30%, ändra Blandningsläge till Färg bränna, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Avmarkera kryssrutan Transformera objekt rutan och kolla Transforma mönster lådan, dra båda Skala reglagen till 50%, och klicka sedan på ok. Var säker på att din mönstrade fyllning fortfarande är vald och gå till Effekt> Konstnärligt> Filmkorn. Ange attributen som visas i följande bild och klicka sedan på ok.

Steg 2

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

Välj stroke, sätt på färgen till R = 0 G = 73 B = 113 och den Vikt till 4 px, och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning, klick ok, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 0,1 px, stiga på 40 i det kopior rutan och klicka sedan på ok knapp.

Steg 3

Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panel och lägg till en andra stroke med hjälp av Lägg till ny stroke knapp.

Välj den här nya stroke, sätt färgen till R = 255 G = 200 B = 50 och den Vikt till 4 px, och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning och klicka ok.

Steg 4

Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panel och lägg till en tredje stroke med samma Lägg till ny stroke knapp.

Välj den här nya stroke, sätt färgen till R = 0 G = 73 B = 113 och den Vikt till 1 px, och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning och klicka ok.

Steg 5

Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panelen och lägg till en ny fyllning.

Dra det under befintliga fyllningar, sätt färgen till R = 24 G = 42 B = 62, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till -0,1 px, stiga på 30 i det kopior rutan och klicka sedan på ok.

Steg 6

Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panelen och lägg till en ny fyllning.

Dra det under befintliga fyllningar, sätt färgen till R = 24 G = 42 B = 62, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 0,1 px, stiga på 140 i det kopior rutan och klicka sedan på ok.

Steg 7

Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panelen och lägg till en ny fyllning.

Dra det under befintliga fyllningar och sätt färgen till R = 24 G = 42 B = 62. Ändra dess Blandningsläge till Mjukt ljus och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 0,1 px, stiga på 250 i det kopior rutan och klicka sedan på ok.

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.