I följande steg lär du dig att skapa en grunge, vintagetexteffekt i Adobe Illustrator. Till att börja med lär du dig hur du skapar ett enkelt rutnät och hur du skapar ett ganska grundläggande mönster. Därefter kommer du att lära dig hur du skapar en subtilt strukturerad bakgrund med hjälp av ett inbyggt mönster, filmkornseffekten och vissa blandningstekniker. Slutligen lär du dig hur du skapar den fullständigt redigerbara texteffekten med Utseendepanelen och flera fyllningar och effekter, tillsammans med ditt sparade mönster och en inbyggd konstborste.
För mer inspiration om hur du justerar eller förbättrar din slutliga texteffekt kan du hitta många resurser på GraphicRiver.
Följande tillgångar användes vid framtagningen av denna handledning:
Träffa Kontroll-N att skapa en Nytt dokument. Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i Bredd och Höjd lådor och klicka sedan på det 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.
Aktivera Rutnät (Visa> Visa rutnät) och den Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 1 px, så helt enkelt gå till Redigera> Inställningar> Guider> Grid, och skriv in 1 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åttenheterna till pixlar från Redigera> Inställningar> Enheter. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Välj Rektangelverktyg (M) och fokusera på din verktygsfält. Ta bort färgen från Stroke och välj sedan Fylla och ställa in sin färg till R = 87 G = 174 B = 217.
Flytta till din tavla och helt enkelt skapa en 15 px kvadrat - rutnätet och Snap to Grid funktionen bör göra det enklare.
Återgå till verktygsfältet, ta bort Fylla färg och välj sedan Stroke och ställa in sin färg till R = 47 G = 47 B = 47. Välj Penverktyg (P), skapa en 25 px horisontell väg och placera den exakt som den visas i den första bilden.
Se till att den här nya sökvägen förblir vald, var noga med att Stroke vägert är inställd på 1 px, och växla sedan till Direktmarkeringsverktyg (A). Välj rätt ankarpunkt och dra det helt enkelt 25 px upp som visas i den andra bilden.
Se till att din svarta sökväg fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Dra det Flytta-Vertikal skjutreglaget till 5 px, stiga på 5 i kopior rutan och klicka sedan på ok.
Se till att din svarta sökväg är vald och gå till Objekt> Expand Utseende. Därefter, gå till Objekt> Path> Outline Stroke och sedan träffa Kontroll-8 (eller gå till Objekt> Sammansatt sökväg> Gör) för att göra din grupp av svarta former till en sammansatt sökväg.
Välj din blå ruta och lägg till en Kopia på samma plats (Control-C> Control-F). Välj den här färska kopian tillsammans med den svarta sammansatta sökvägen, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Korsas knapp.
Återmarkera din blå kvadrat och helt enkelt ta bort färgen från Fylla för att göra den osynlig. Välj alla former som hittills gjorts och dra dem inuti rutor~~POS=HEADCOMP panel (Fönster> Färger) för att rädda dem som ett mönster. När du väl kan se detta mönster, känner du dig fri Radera de valda formerna från din tavla.
Använda Rektangelverktyg (M), skapa en 860 px kvadrat och Fylla det med R = 117 G = 177 B = 169, se till att det täcker hela din tavla.
Se till att din ruta fortfarande är vald, fokusera på Utseende panel (Fönster> Utseende) och lägg till en sekund Fylla använda Lägg till ny fyllning knapp.
Välj det här nya Fylla och se till att färgen är svart. Sänka dess Opacitet till 5%, ändra Blandningsläge till Multiplicera, och sedan gå till Effekt> Konstnärligt> Filmkorn. Ange attributen som visas i följande bild och klicka sedan på ok.
Fokusera på rutor~~POS=HEADCOMP panel, öppna menyn Fly-out, och gå till Öppna Swatch Library> Mönster> Basic Graphics> Basic Graphics_Textures för att öppna den uppsättningen inbyggda mönster. Se till att din ruta fortfarande är vald, återgå till Utseende panelen och lägg till en tredje fyllning med samma sak Lägg till ny fyllning knapp.
Välj det här nya Fylla och lägg till Diagonala linjer mönster från den uppsättningen. Sänka dess Opacitet till 30% och sedan gå till Effekt> Konstnärligt> Filmkorn. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj den amerikanska Captain-teckensnittet och ställ in storleken till 150 px. Öka Ledande till 180 px och den spårning till 150 px och klicka sedan på din tavla. Lägg till din text och gör den vit.
Se till att texten fortfarande är vald. Först, gå till rutor~~POS=HEADCOMP panel och helt enkelt ta bort den vita från Fylla. Detta gör din text osynlig.
Gå sedan till Utseende panel och lägg till en ny Fylla använder samma Lägg till ny fyllning knapp. Markera den och ange färgen till R = 237 G = 239 B = 192.
Se till att texten fortsätter att vara vald och fortsätt att fokusera på Utseende panel. Lägg till en sekund Fylla och dra den under den andra fyllningen.
Välj det här nya Fylla, sätt dess färg till R = 47 G = 47 B = 47, och gå till Effekt> Stylize> Avrundade hörn. Ange en 2 px Radius, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 8 px och klicka sedan på det ok knapp.
Se till att texten fortsätter att vara vald och fortsätt att fokusera på Utseende panel.
Välj toppen Fylla och gå till Effekt> Stylize> Avrundade hörn. Ange en 2 px Radius, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 5 px och klicka sedan på det ok knapp.
Se till att texten fortsätter att vara vald och fortsätt att fokusera på Utseende panel. Lägg till en tredje Fylla och dra den under de andra två fyllningarna.
Välj det här nya Fylla, lägg till ditt mönster från rutor~~POS=HEADCOMP panel och gå till Effekt> Stylize> Avrundade hörn. Ange en 2 px Radius, klick ok, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 13 px och klicka sedan på ok.
Se till att din textstycke förblir vald och fortsätt att fokusera på Utseende panel. Lägg till en fjärde Fylla och dra den över de andra fyllningarna.
Välj det här nya Fylla och ange färgen till R = 117 G = 177 B = 169. Sänka dess Opacitet till 15% och sedan gå till Effekt> Path> Offset Path. Ange en -8 px förskjutning, ställa in Fogar till Runda, och klicka på det ok knapp.
Därefter, gå till Effekt> Stylize> Avrundade hörn. Ange en 2 px Radius, klick ok, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 2 px, klick ok, och sedan gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 4 px Radius och klicka sedan på ok.
Slutligen behöver du en av de inbyggda konstborstarna. Gå till borstar panel (Fönster> Penslar), öppna utflyttningsmenyn och gå till Open Brush Library> Artistic> Artistic_ChalkCharcoalPencil.
Återmarkera din text och fokusera på Utseende panel. Välj stroke och sätt dess färg till R = 17 G = 17 B = 17. Lägg till Penna - Tunn konst borste och sedan gå till Effekt> Stylize> Avrundade hörn. Ange en 2 px Radius och klicka sedan på ok.
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.