Hur man skapar en isometrisk lagrad texteffekt i Adobe Illustrator

Vad du ska skapa

I följande steg lär du dig att skapa en isometrisk skiktad texteffekt i Adobe Illustrator.

Till att börja med lär du dig hur du skapar en enkel text och hur du anpassar attributen. Med full nytta av Utseckningspanelen kommer du att lära dig hur du lägger till flera lager i texten. Med hjälp av en enkel 3D-roterande texteffekt lär du dig att lägga till ett isometriskt utseende på texten.

Slutligen kommer du att lära dig hur du lägger till en enkel bakgrund och en subtil textur till den slutliga designen.

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

Vad du behöver

Du behöver följande resurs för att kunna slutföra detta projekt:

  • Auro typsnitt

1. Hur man skapar den första textstycket

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 540 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.

Öppna Info panel (Fönster> Info) för en live förhandsgranskning med storleken och positionen på dina val. 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.

Steg 2

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

Klicka på tavlan och lägg till din "Röd" bit text om det som visas nedan. Gör det svart, för nu.

Steg 3

Välj din text, fokusera på rutor~~POS=HEADCOMP panel (Fönster> Färger) och klicka på det [Ingen] swatch för att ta bort den svarta texten fä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 = 242 G = 242 B = 248.

Steg 4

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, sätt färgen till R = 58 G = 95 B = 245, och gå till Effekt> Förvräng & Transformera> Transformera. Dra Move-Horisontell skjutreglaget till 0,8 px och den Flytta-Vertikal skjutreglaget till -0,8 px, stiga på 5 i kopior rutan och klicka sedan på ok.

Steg 5

Se till att texten fortsätter att vara vald och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och flytta den längst ner på panelen. Ställ in färgen till R = 242 G = 242 B = 248 och gå till Effekt> Förvräng & Transformera> Transformera. Dra Move-Horisontell skjutreglaget till 0,8 px och den Flytta-Vertikal skjutreglaget till -0,8 px, stiga på 10 i kopior rutan och klicka sedan på ok.

Återgå till Utseende panelen, välj den blå fyllningen och duplicera den med hjälp av Kopiera valda objekt knapp. Dra den här nya fyllningen till botten av Utseende panel och öppna Omvandla effekt applicerad på den. Stiga på 15 i kopior lådan och klicka ok.

Steg 6

Se till att texten fortsätter att vara vald och fortsätt att fokusera på Utseende panel.

Fortsätt att duplicera bottenfyllningarna, variera de två färgerna och öka med varje ny fyllning värdet i kopior rutan av 5. Sluta vid 20: e fyllningen. I slutet ska sakerna se ut i följande bild.

2. Hur man skapar den andra textstycket

Steg 1

Kopiera din texttext. Välj kopia och ersätt helt enkelt "Röd" med "Blå".

Steg 2

Välj din "Blå" bit text och fokus på Utseende panel. Välj alla blå fyllningar och ersätt helt enkelt den där färgen R = 235 G = 47 B = 38.

Steg 3

Se till att din "Blå" Textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel. En efter en, öppna Omvandla effekter som tillämpas på 19 fyllningar och dra Move-Horisontell reglagen till -0,8 px.

3. Hur man applicerar 3D-isometrisk effekt

Steg 1

Välj din "Blå"bit text och fokus på Utseende panel. Se till att hela texten är markerad (klicka bara på "Typ" bit text från toppen av panelen) och gå till Effekt> 3D> Rotera. Ange attribut som visas nedan och klicka på ok.

Steg 2

Välj din "Röd" text och fokus på Utseende panel. Se till att hela textstycket är valt och gå till Effekt> 3D> Rotera. Ange attribut som visas nedan och klicka på ok.

Steg 3

Ta med din "Röd" bit text till framsida (Skift-Control-]) och placera det enligt nedan.

4. Hur man skapar textskuggan

Steg 1

Välj Typverktyg (T) och lägg till en sekund "Röd" bit text. Använd samma teckensattribut och sätt dess färg till R = 58 G = 95 B = 245.

Steg 2

Se till att din blå textbit stannar och välj Effekt> Förvräng & Transformera> Transformera. Ange de attribut som visas nedan, klicka på ok, och gå till Effekt> 3D> Rotera. Ange de inställningar som visas nedan och klicka på ok.

Steg 3

Välj Typverktyg (T) och lägg till en sekund "Blå" bit text. Använd samma teckensattribut och sätt dess färg till R = 235 G = 47 B = 38.

Steg 4

Se till att din röda textstycke förblir vald och gå till Effekt> 3D> Rotera. Ange de attribut som visas nedan, klicka på ok, och gå till Effekt> Förvräng & Transformera> Transformera. Ange de inställningar som visas nedan och klicka på ok.

5. Hur man skapar bakgrunden

Steg 1

Välj Rektangelverktyg (M) och skapa en 870 x 560 px form. Fyll den här nya formen med R = 242 G = 242 B = 248, skicka det till baksidan (Skift-Control- [) och se till att den täcker hela din tavla.

Steg 2

Välj din rektangel, lägg till en kopia framförControl-C> Control-F) och ta det framåt (Skift-Control-]).

Se till att denna nya form förblir vald och fokusera på Utseende panel. Först ersätt den plana färgen med den radiella gradienten som visas nedan. Använd Gradient Tool (G) att sträcka din gradient om enligt nedan. Sänka dess Opacitet till 5% och ändra Blandningsläge till Multiplicera, och sedan gå till Effekt> Konstnärligt> Filmkorn. Ange attribut som visas nedan och klicka 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. 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.