Hur man skapar en isometrisk texteffekt i Adobe Illustrator

Vad du ska skapa

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

Till att börja med lär du dig hur du skapar en grundläggande textstycke och hur du gör den till ett 3D-objekt med hjälp av 3D Extrude & Bevel-effekten. Därefter kommer du att lära dig hur du snabbt väljer en massa former med liknande attribut och hur du gör dem till sammansatta sökvägar. Slutligen lär du dig hur du färgar och organiserar dina former, hur du skapar en enkel bakgrund och hur du lägger till subtil skuggning med hjälp av Transform-effekten.

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

1. Hur man skapar ett nytt dokument med text

Steg 1

Träffa Kontroll-N att skapa en Nytt dokument. Välj pixlar från Enheter rullgardinsmenyn. Stiga på 850 i Bredd lådan och 600 i Höjd rutan 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 knapp.

Gå till Redigera> Inställningar> Enheter och se till att de tre måttenheterna är alla inställda på pixlar.

Steg 2

Välj Typverktyg (T) och fokusera på Karaktär panel (Fönster> Typ> Tecken). Välj Silkscreen Expanded Font och ställ in Storlek till 200 px.

Flytta till din tavla och klicka bara på den. Lägg till din text och ange dess färg till R = 251 G = 137 B = 100.

2. Hur man lägger till en 3D-effekt och utökar den

Steg 1

Kontrollera att texten fortfarande är vald och gå till Effekt> 3D> Extrude & Bevel. Klicka på Fler alternativ knappen, ange alla attribut som visas nedan och klicka sedan på det ok knapp. I slutet ska sakerna se ut som följande bild.

Steg 2

Med din textstycke fortfarande vald, gå till Objekt> Expand Utseende. Se till att den resulterande gruppen av former förblir vald och tryck på Skift-Control-G tangentbordsgenväg tre gånger för att bli av med alla dessa grupper och undergrupper.

Flytta till Skikten panel (Fönster> Lager), Bygga ut det befintliga lagret, och du borde ha en massa former som visas i följande bild.

3. Hur färgar och organiserar din text

Steg 1

Välj Urvalsverktyg (V) och välj alla former som utgör den övre sidan av din 3D-text. Helt enkelt gå till Objekt> Sammansatt sökväg> Gör eller använd Kontroll-8 Tangentbordsgenväg för att ändra dina valda former till en sammansatt sökväg.

Se till att din sammansatta sökväg är vald, ta den framåt med hjälp av Skift-Control-] Tangentbordsgenväg, och fokusera sedan på Utseende panel (Fönster> Utseende). 

Först ersätt det befintliga Fylla färg med R = 255 G = 200 B = O, och välj sedan Stroke. Ställ in färgen till R = 46 G = 58 B = 58 och klicka sedan på "Stroke"textstycke för att öppna Stroke utflödespanel. Öka Vikt till 4 px, och glöm inte att kolla på det Round Join knapp.

Steg 2

Fokusera på Skikten panel, öppna det befintliga lagret, och den sammansatta banan som gjordes i föregående steg ska ligga överst. Helt enkelt byta namn på det "Topp" och då Avmarkera den ögonikonen för att göra den osynlig för nu.

Nu måste du välja alla former som utgör basen för din 3D-text. Använda Urvalsverktyg (V), välj bara en av dessa former och gå till Välj> Samma> Utseende. Detta kommer i princip att välja alla former med samma Utseende attribut från ditt dokument. 

När du har valt alla dessa former, gör dem till en ny sammansatt väg (Kontroll-8). Se till att den här nya sammansatta sökvägen förblir vald, ersätt den befintliga Fylla färg med svart (R = 0 G = 0 B = 0) och skicka den till baksidan med hjälp av Skift-Control- [ tangentbordsgenväg.

Återgå till Skikten panelen och bläddra till undersidan av panelen för att komma till den sammansatta sökvägen som gjorts i detta steg. Byt namn på det "Bas"och låsa sedan det för att vara säker på att du inte kommer att välja eller flytta den av misstag.

Steg 3

Gärna hoppa över det här steget eftersom följande rörelser inte kommer att ändra utseendet på din slutliga design. Följ bara det om du vill ha din Skikten panel ren och välorganiserad.

I grund och botten måste du ta bort alla sidor av din 3D-text som skulle hamna dolda när du återställer synligheten för den "Topp"Sammansatt sökväg. Flytta från ett brev till ett annat, välj de oönskade formerna och helt enkelt ta bort dem med hjälp av Radera nyckel. I slutändan ska sakerna se ut i den femte bilden.

4. Färga och organisera sidans sidor av din text

Steg 1

Välj en av dessa ljusbruna former och gå till Välj> Samma> Fyll färg att välja resten av formerna med samma Fylla Färg. Se till att alla dessa former förblir markerade och fokusera på Utseende panel.

Ersätt det befintliga Fylla färg med R = 0 G = 173 B = 236 och välj sedan Stroke. Ställ in färgen till R = 46 G = 58 B = 58 och öppna sedan det Stroke utflödespanel. Öka Vikt till 4 px, och glöm inte att kolla på det Round Join knapp.

Steg 2

Välj en av de återstående bruna formerna och gå igen till Välj> Samma> Fyll färg. Se till att alla dessa former förblir markerade och återgå till Utseende panel.

Ersätt det befintliga Fylla färg med R = 252 G = 130 B = 119 och välj sedan Stroke. Ställ in färgen till R = 46 G = 58 B = 58 och öppna sedan det Stroke utflödespanel. Öka Vikt till 4 px,och glöm inte att kolla på det Round Join knapp.

5. Lägg till en bakgrund och en enkel skugga

Steg 1

Använda Rektangelverktyg (M), skapa en 850 x 600 px form. Se till att det täcker hela din tavla och ställa in Fylla färg till R = 0 G = 173 B = 236.

Steg 2

Gå till Skikten panelen och låsa upp det "Bas"sammansatt sökväg. Välj den och flytta den till Utseende panel.

Ändra Blandningsläge till Mjukt ljus och sedan gå till Effekt> Path> Offset Path. Ange en 2 px förskjutning och ställa in Fogar till Runda. Klicka på det ok knappen och gå till Effekt> Förvräng & Transformera> Transformera. Dra Move-Horisontell skjutreglaget till 0,2 px, stiga på 100 i kopior rutan, klicka på ok knappen, och du är klar.

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.