Så här skapar du en Retro Long Shadow Text Effect i Adobe Illustrator

Vad du ska skapa

I följande steg lär du dig hur du skapar en retro lång skuggtexteffekt i Adobe Illustrator. 

Till att börja med lär du dig att skapa lite text. Med full nytta av Utseendepanelen och med en snygg Transform-effekt lär du dig hur du lägger till lång skuggseffekt utan att utöka din text. Vissa grundläggande blandningstekniker och en enkel Gaussian Blur-effekt blir de sista handen för din texteffekt.

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

1. Hur man skapar texten

Steg 1

Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i breddlåda och 610 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å det Skapa dokument knapp. Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enheter.

Steg 2

Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj Insaniburger-teckensnittet och ställ in storleken till 200 px.

Flytta till din tavla, klicka på den och lägg till din text om det som visas nedan. Gör det svart.

Steg 3

Använd samma verktyg och karaktärsattribut för att skapa den sista bokstaven i din text. Gör det blått och placera det precis ovanför den svarta.

Fortsätt lägga till separata blå bokstäver tills du täcker all din svarta text. När du är klar, gå till Skikten panel (Fönster> Lager) och ta bort din svarta text.

2. Hur man lägger till den långa skuggeffekten

Steg 1

Välj en av dina bokstäver, fokusera på rutor~~POS=HEADCOMP panel (Fönster> Färger) och klicka på det [Ingen] swatch för att ta bort den blå textfärgen.

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 ställ in färgen till R = 255 G = 245 B = 225.

Steg 2

Se till att din "S"är fortfarande markerad och fokuserar på Utseende panel. Lägg till en ny fyllning och välj den. Dra det till botten av panelen, sätt färgen till R = 0 G = 146 B = 69, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 0,5 px, stiga på 700 i det kopior rutan och klicka sedan på ok.

Steg 3

Se till att din "S"är fortfarande vald och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och markera den.

Dra det mellan de befintliga två fyllningarna och sätt färgen till svart. Sänka dess Opacitet till 10% och sedan gå till Effekt> Path> Offset Path. Ange en -10 px Offset, klick ok, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 15 px, klick ok, och sedan gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 5 px Radius och klicka sedan på ok.

Steg 4

Fokusera på Skikten panel, öppna ditt lager och använd dessa målikoner för att enkelt kunna tillämpa Utseende attribut som används för ditt första brev till resten av dina bokstäver. Målikonerna är de lilla runda ikonen som visas längst till höger om varje enskilt lager eller form.

Håll Alt knappen från ditt tangentbord, klicka på målikonen som står för din "S", och dra sedan det på målikonet som står för din"T". Välj din"T", fokusera på Utseende panelen och ersätt den gröna som används för den nedre fyllningen med R = 255 G = 154 B = 9.

Steg 5

Flytta till "O"och tillämpa detsamma Utseende attribut, men ersätt den gröna med R = 244 G = 54 B = 44.

Välj det "P"och tillämpa detsamma Utseende attribut, men ersätt den gröna med R = 7 G = 132 B = 170.

3. Hur man skapar en bakgrund och lägger till mer text

Steg 1

Välj Rektangelverktyg (M) och skapa en form som täcker hela din tavla. Fyll den med R = 42 G = 27 B = 67 och skicka det till baksidan (Skift-Control- [).

Steg 2

Välj Typverktyg (T) och fokusera på Karaktär panel. Kontrollera att Insaniburger-fonten fortfarande är vald och ställ in storleken till 50 px.

Lägg till "INTE"textstycke och placera det enligt bilden nedan. Ta bort textfärgen och fokusera på Utseende panel. Lägg till en fyllning med det Lägg till ny fyllning knappen, välj den och sätt på färgen till R = 255 G = 245 B = 225.

Steg 3

Se till att din "INTE"textstycke stannar valda, fokusera på Utseende panelen och lägg till en ny fyllning. Välj bottenfyllningen, sätt dess färg till R = 255 G = 80 B = 145, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.

Steg 4

Se till att din "INTE"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och markera den.

Dra det mellan de befintliga två fyllningarna och sätt färgen till svart. Sänka dess Opacitet till 10% och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 5 px, klicka på det ok knappen och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 3 px Radius och klicka sedan på det ok knapp.

Steg 5

Välj Typverktyg (T) och lägg till "TROENDE"textstycke. Ställ in textfärgen till R = 255 G = 245 B = 225 och placera det enligt bilden nedan. Se till att den här nya texten är markerad och gå till Effekt> Stylize> Drop Shadow. Ange de attribut som visas nedan och klicka sedan på det ok knapp.

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. Tveka inte att dela ditt slutresultat i kommentarfältet.

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.