Hur man skapar en halv suddig texteffekt i Adobe Illustrator

Vad du ska skapa

Vi hedrar det tyska språket och kulturen i veckan i firandet av lanseringen av Tyska versionen av Envato Elements

I följande steg lär du dig hur du skapar en halv suddig texteffekt i Adobe Illustrator. 

Till att börja med lär du dig att skapa ett enkelt rutnät och hur du skapar bakgrunden. Därefter kommer du lära dig hur du skapar huvudtexten och hur du enkelt kan anpassa den. 

Med full nytta av Utseckningspanelen kommer du att lära dig hur du behåller din text redigerbar, men stilera och maskera den. Slutligen, med hjälp av tunna rektanglar tillsammans med lite mer maskering och blandningstekniker, lär du dig att lägga till subtil skuggning och höjdpunkter.

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 kommer att behöva

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

  • Robinson typsnitt

1. Så här ställer du in ett rutnät och skapar bakgrunden

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

Aktivera nätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 10 px, så helt enkelt gå till Redigera> Inställningar> Guider och galler, stiga på 10 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.

Steg 2

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 = 242 G = 242 B = 242.

Flytta till din tavla, skapa en 870 x 520 px forma och placera den som visas nedan - rutnätet och Snap to Grid kommer att underlätta det.

Steg 3

Använda Rektangelverktyg (M), skapa en 870 x 260 px forma och placera det som visas nedan. Fyll den här nya rektangeln med den radiella gradienten som visas nedan, sänk ner den Opacitet till 75%, och ändra Blandningsläge till Täcka över. Använd Gradient Tool (G) att sträcka din gradient som visas i följande bild.

2. Hur man skapar huvudtexten

Steg 1

Fokusera på din verktygsfält och sätt fyllfärgen till svart (R = 0 G = 0 B = 0). Öppna Karaktär panel (Fönster> Typ> Tecken), välj typsnittet Robinson Regular, och ställ in storleken till 250 px. Välj Typverktyg (T), klicka på din tavla och lägg till "UNSCHARF" bit text.

Se till att din textstycke förblir vald och öppna Justera panel (Fönster> Justera). Ställ in anpassningen till ritytan (öppna fly-out-menyn och gå till Visa alternativ om du inte kan se Anpassa till avsnittet som visas i följande bild) och klicka sedan på Horisontell inriktning Center och Vertikalt inriktningscentrum knappar. Detta bör flytta din text till mitten av tavlan.

Steg 2

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.

Öppna 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 = 41 G = 171 B = 226. Se till att texten är vald och träffad Kontroll-C att kopiera den. Du behöver några kopior av den här texten i följande steg.

3. Hur man skapar den suddiga halvan av texten

Steg 1

Se till att texten är vald och fokusera på Utseende panel. Välj fyllningen, sänk dess Opacitet till 50%, och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 10 px och klicka ok.

Steg 2

Se till att texten fortsätter att vara vald, fortsätt fokusera på Utseende panel och lägg till en ny fyllning med hjälp av Lägg till ny fyllning knapp.

Välj den här nya fyllningen och sätt färgen till svart. Sänka dess Opacitet till 25% och ändra Blandningsläge till Mjukt ljus, och sedan gå till Effekt> Förvrängning> Glas. Ange de attribut som visas nedan, klicka på ok, och gå till Effekt> Stylize> Fjäder. Ställ in Radie till 15 px och klicka ok.

Steg 3

Se till att texten fortsätter att vara vald, fortsätt fokusera på Utseende panelen och lägg till en tredje fyllning med samma sak Lägg till ny fyllning knapp.

Välj den här nya fyllningen, dra den under de andra två fyllningarna och använd den linjära gradienten som visas nedan (den gula nollpunkten från Lutning bilden står för Opacitet av den skjutreglaget). Sänka dess Opacitet till 30% och gå till Effekt> Förvräng & Transformera> Transformera. Ange de attribut som visas nedan, klicka på ok, och gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra ned de nedre punkterna som visas i följande bild, klicka ok, och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 10 px och klicka ok.

Steg 4

Välj Rektangelverktyg (M), skapa en 870 x 260 px, fyll den med vit och lägg den som visas på den första bilden. Välj den här nya rektangeln tillsammans med din suddiga text, öppna Genomskinlighet panel (Fönster> Genomskinlighet) och klicka på Gör mask knapp.

4. Hur man skapar den andra hälften av texten

Steg 1

Träffa Kontroll-F för att enkelt lägga till en kopia av din blå text på samma plats. Välj Rektangelverktyg (M), skapa en 870 x 260 px, fyll den med vit och lägg den som visas på den första bilden.

Steg 2

Välj din vita rektangel tillsammans med den blå texten, gå till Genomskinlighet panel,och klicka på Gör mask knapp.

5. Hur man skapar de snygga höjdpunkterna

Steg 1

Välj Rektangelverktyg (M) och klicka helt enkelt på din tavla för att öppna Rektangel fönster. Ställ in Bredd till 870 px och den Höjd till 1 px, och klicka sedan på ok för att skapa din tunna rektangel.

Placera den här nya formen exakt som visas nedan, sätt fyllfärgen till vit (R = 255 G = 255 B = 255), och sänk sedan dess Opacitet till 75% och ändra Blandningsläge till Täcka över.

Steg 2

Träffa Kontroll-F att lägga till en ny kopia av din blå text som visas i den första bilden. Välj den, ersätt den blå med vit och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 10 px och klicka ok.

Steg 3

Välj din suddiga vita text tillsammans med den tunna vita rektangeln, gå till Genomskinlighet panel,och klicka på Gör mask knapp.

Steg 4

Välj Rektangelverktyg (M) och klicka igen på din tavla för att öppna Rektangel fönster. Ställ in Bredd till 870 px och den Höjd till 1 px, och klicka sedan på ok för att skapa din tunna rektangel.

Placera den här nya formen exakt som visas nedan, sätt fyllfärgen till svart och sänk sedan dess Opacitet till 50% och ändra Blandningsläge till Mjukt ljus.

Steg 5

Träffa Kontroll-F att lägga till en ny kopia av din blå text som visas i den första bilden. Välj det och ersätt det blå med vit.

Välj den här vita texten tillsammans med den tunna svarta rektangeln, gå till Genomskinlighet panel,och klicka på Gör mask knapp.

6. Hur man lägger till övergripande skuggning

Välj Rektangelverktyg (M), skapa en 870 x 520 px forma och placera den som visas nedan. Fyll den med den radiella gradienten som visas nedan och glöm inte att sänka den Opacitet till 30%.

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.