Så här skapar du en lagrad papperskonsttexteffekt i Adobe Illustrator

Vad du ska skapa

I följande steg kommer du att lära dig hur du skapar en lagrad papperskonsttexteffekt i Adobe Illustrator. Till att börja med lär du dig att skapa ett enkelt rutnät och hur du skapar en ganska enkel bakgrund. Med hjälp av en fri typsnitt och grundläggande vektorform byggnadsteknik kommer du att lära dig hur du skapar en uppsättning sammansatta vägar. 

När du fortsätter läser du hur man skapar en inre skuggseffekt genom att använda flera dropshadow-effekter och vissa opacitetsmasker. Slutligen styliserar du dina sammansatta vägar, och du lär dig att lägga till en subtil struktur för din slutliga design.

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 rutorna bredd och höjd 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, stiga på 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 och lägger till lite text

Steg 1

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 = 140 G = 198 B = 63. Flytta till din tavla, skapa en 860 px torget och se till att det täcker hela din tavla.

Steg 2

Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj teckensnittet Comic Cartoon och ställ in storleken till 130 px och ledande till 220 px. Klicka bara på din tavla, lägg till din bit text och sätt färgen till R = 0 G = 113 B = 188.

3. Hur man skapar huvudförbandsstegen

Steg 1

Kontrollera att texten fortfarande är vald och gå till Skriv> Skapa konturer (Skift-Control-O). Dela upp (Skift-Control-G) den resulterande gruppen av former och sedan gå till Objekt> Sammansatt sökväg> Gör (Kontroll-8) för att förvandla dina blåa former till en sammansatt väg.

Var säker på att din sammansatta sökväg är vald och gå till Objekt> Path> Offset-sökväg. Ange en -10 px Offset och klicka sedan på det ok knapp. Välj den resulterande sammansatta sökvägen och ersätt helt enkelt den befintliga fyllfärgen med R = 255 G = 200 B = O.

Steg 2

Välj din gula sammansatta sökvägen och gå till Objekt> Path> Offset-sökväg. Ange en -10 px Offset och klicka sedan på ok. Välj den resulterande sammansatta sökvägen och ersätt helt enkelt den befintliga fyllfärgen med R = 240 G = 30 B = 40.

Steg 3

Välj alla tre sammansatta vägar och gå till Effekt> Förvräng & Transformera> Roughen. Ange attributen som visas i följande bild, klicka på ok knappen och gå sedan till Objekt> Expand Utseende.

Steg 4

Välj din röda sammansatta sökvägen och gå till Objekt> Path> Offset-sökväg. Ange en -10 px Offset och klicka ok. Välj den nybyggda sammansatta sökvägen och ersätt helt enkelt den befintliga fyllfärgen med R = 255 G = 123 B = 155.

4. Hur man lägger till de inre skuggorna

Steg 1

Välj din blåa sammansatta väg tillsammans med den gröna rektangeln, och lägg till kopior framför (Control-C> Control-F). Ta med dessa två kopior framför (Skift-Control-]) och klicka sedan på Minus Front knapp från Stigfinnare panel (Fönster> Pathfinder).

Vrid din resulterande grupp av former till en sammansatt väg (Kontroll-8), sätt fyllfärgen till R = 140 G = 198 B = 63, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det vänstra fönstret (i följande bild), klicka på ok knappen, och sedan gå igen till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det högra fönstret och klicka sedan på det ok knapp.

Steg 2

Gör en ny kopia av din blåa sammansatta väg (Control-C> Control-F), ta det framåt (Skift-Control-]) och ersätt den befintliga fyllfärgen med vit (R = 255 G = 255 B = 255).

Välj din vita sammansatta väg tillsammans med den som gjordes i föregående steg (den med Drop Shadow-effekterna), öppna Genomskinlighet panel (Fönster> Genomskinlighet) och klicka på det Gör mask knapp.

Steg 3

Välj din gula sammansatta väg längs med den gröna rektangeln och lägg till kopior framför (Control-C> Control-F). Ta med dessa två kopior till framsidan (Skift-Control-]) och klicka sedan på Minus Front knapp från Stigfinnare panel.

Vrid din resulterande grupp av former till en sammansatt väg (Kontroll-8), sätt fyllfärgen till R = 57 G = 181 B = 74, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det vänstra fönstret, klicka på ok knappen, och sedan gå igen till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det högra fönstret och klicka sedan på det ok knapp.

Steg 4

Gör en ny kopia av din gula sammansatta väg (Control-C> Control-F), ta det framåt (Skift-Control-]), och ersätt den befintliga fyllfärgen med vit.

Välj din vita sammansatta väg tillsammans med den som gjordes i föregående steg, gå till Genomskinlighet panelen och klicka på det Gör mask knapp.

Steg 5

Välj din röda sammansatta väg tillsammans med den gröna rektangeln och lägg till kopior framför (Control-C> Control-F). Ta med dessa två kopior till framsidan (Skift-Control-]) och klicka sedan på Minus Front knapp från Stigfinnare panel.

Vrid din resulterande grupp av former till en sammansatt väg (Kontroll-8), sätt fyllfärgen till R = 0 G = 146 B = 69, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det vänstra fönstret, klicka på ok knappen, och sedan gå igen till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det högra fönstret och klicka sedan på det ok knapp.

Steg 6

Gör en ny kopia av din röda sammansatta väg (Control-C> Control-F), ta det framåt (Skift-Control-]), och ersätt den befintliga fyllfärgen med vit.

Välj din vita sammansatta väg tillsammans med den som gjordes i föregående steg, gå till Genomskinlighet panelen och klicka på det Gör mask knapp.

Steg 7

Välj din rosa sammansatta väg längs med den gröna rektangeln, och lägg till kopior framför (Control-C> Control-F). Ta med dessa två kopior till framsidan (Skift-Control-]) och klicka sedan på Minus Front knapp från Stigfinnare panel.

Vrid din resulterande grupp av former till en sammansatt väg (Kontroll-8), sätt fyllfärgen till R = 0 G = 104 B = 55, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det vänstra fönstret, klicka på ok knappen, och sedan gå igen till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det högra fönstret och klicka sedan på det ok knapp.

Steg 8

Gör en ny kopia av din rosa sammansatta väg (Control-C> Control-F), ta det framåt (Skift-Control-]), och ersätt den befintliga fyllfärgen med vit.

Välj den här vita sammansatta sökvägen tillsammans med den som gjordes i föregående steg, gå till Genomskinlighet panelen och klicka på det Gör mask knapp.

5. Hur man utformar dina sammansatta vägar

Steg 1

Välj din blå sammansatta väg och fokusera på Utseende panel (Fönster> Utseende). Välj fyllningen, ersätt den befintliga färgen med R = 117 G = 181 B = 32, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i följande bild, klicka på ok knappen och gå sedan till Effekt> Stylize> Outer Glow. Ange de attribut som visas nedan och klicka sedan på det ok knapp.

Steg 2

Välj din gula sammansatta sökväg och fokusera på Utseende panel. Välj fyllningen, ersätt den befintliga färgen med R = 57 G = 181 B = 74, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.

Steg 3

Välj din röda sammansatta sökväg och fokusera på Utseende panel. Välj fyllningen, ersätt den befintliga färgen med R = 0 G = 146 B = 69, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i följande bild och klicka sedan på ok.

Steg 4

Välj din rosa sammansatta väg och fokusera på Utseende panel. Välj fyllningen, ersätt den befintliga färgen med R = 0 G = 104 B = 5, och sedan gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.

Steg 5

Se till att din mörkare sammansatta sökväg fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning med hjälp av Lägg till ny fyllning knappen och välj sedan den. Ställ in färgen till R = 0 G = 84 B = 35, och sedan gå till Effekt> Path> Offset Path. Ange en -7 px Offset och klicka sedan på det ok knapp.

6. Hur man lägger till skuggning och en subtil struktur

Steg 1

Välj din gröna ruta, gör 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. Välj fyllningen, ändra dess Blandningsläge till Mjukt ljus, och ersätt sedan den befintliga färgen med den radiella gradienten som visas i följande bild. Tänk på att den gula nollpunkten från Lutning panel (Fönster> Gradient) står för Opacitet procentsats.

Steg 2

Kontrollera att torget som lagts till i föregående steg fortfarande är markerat, 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 ställ färgen till svart (R = 0 G = 0 B = 0). Sänka dess Opacitet till 10%, ändra Blandningsläge till Mjukt ljus, och sedan gå till Effekt> Konstnärligt> Filmkorn. Ange attributen som visas i följande bild 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.

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.