Share
Vad du ska skapaI följande steg lär du dig hur du skapar en retrokromtexteffekt i Adobe Illustrator.
Till att börja med lär du dig att skapa ett enkelt rutnät och hur du skapar en mörk bakgrund. Med hjälp av det rektangulära rutverktyget och några grundläggande blandtekniker lär du dig hur du lägger till ett subtilt rutnät till din bakgrund.
Med full nytta av Utseendepanelen och med ett snyggt teckensnitt från Envato Elements lär du dig hur du skapar din fullt redigerbara retrokromtexteffekt. Slutligen lär du dig hur du lägger till en subtil textur för hela din design.
För mer inspiration om hur du justerar eller förbättrar din slutliga texteffekt kan du hitta många resurser på GraphicRiver.
Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i breddlåda och 450 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 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.
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 = 7 G = 9 B = 21. Flytta till din tavla och helt enkelt skapa en 860 x 460 px rektangel - nätet och funktionen Snap to Grid ska göra det enklare.
Nu måste du centrera din rektangel. Se till att denna form förblir vald och öppna Justera panel (Fönster> Justera). Välj Rikta mot Artboard (öppna menyn Flytt och gå till Visa alternativ om du inte kan se Anpassa till avsnittet som visas i följande bild) och klicka sedan enkelt på Horisontell inriktning Center och Vertikalt inriktningscentrum knappar. I slutändan ska din rektangel täcka hela tavlan.
Välj Rektangulärt rutverktyg och klicka helt enkelt på din tavla. Ange alla attribut som visas i följande bild och klicka sedan på ok.
Centrera denna nybyggda grupp av banor och fokusera på toppraden. Se till att det inte finns någon färg för fyllningen, ändra strokefärgen till R = 251 G = 85 B = 195, och ställa in Slagvikt till 2 px.
Se till att din grupp rosa banor stannar och välj Objekt> Path> Outline Stroke. Flytta till Stigfinnare panel (Fönster> Pathfinder) och klicka på Förena knapp. Fyll den resulterande formen med den radiella gradienten som visas nedan och sänk dess Opacitet till 25%. Tänk på att den gula nollpunkten från Lutning bilden står för Opacitet procentsats.
Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj Etna-typsnittet (eller någon fetstil som du föredrar), och ställ in storleken till 135 px och spårningen till 100. Klicka bara på din tavla, lägg till "KROM"bit text och gör den vit (R = 255 G = 255 B = 255).
Se till att texten fortsätter att vara vald och helt enkelt ta bort den vita fyllningsfärgen. Flytta till Utseende panel lägg till en ny fyllning för din text med hjälp av Lägg till ny fyllning knapp. Välj den nya fyllningen och använd den linjära gradienten som visas nedan. Tänk på att de blå siffrorna från Lutning bildstativ för Plats procentsats. När du är klar, spara den här lutningen inuti din rutor~~POS=HEADCOMP panel (Fönster> Färger).
Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Välj befintlig fyllning och gå till Effekt> Stylize> Inner Glow. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Välj den befintliga fyllningen och duplicera den med hjälp av Kopiera valda objekt knapp.
Fokusera på din bottenfyllning, ta bort det befintliga Inre glöd effekt, och sedan gå till Effekt> Path> Offset Path. Ange en 2 px förskjutning, klicka på det ok knappen och gå sedan till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det övre vänstra fönstret (i följande bild), klicka på ok knappen och använd sedan de andra tre Drop Shadow effekter som visas nedan.
Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och dra den mellan de befintliga två fyllningarna. Sänka dess Opacitet till 30% och ändra Blandningsläge till Färg bränna, Applicera den linjära gradienten som visas nedan och gå sedan till Effekt> Path> Offset Path. Ange en 1 px Offset sökväg och klicka sedan på ok.
Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en fjärde fyllning och dra den under befintliga fyllningar. Sänka dess Opacitet till 30%, sätt färgen på R = 251 G = 85 B = 195, och sedan gå till Effekt> Path> Offset Path. Ange en 12 px förskjutning, klicka på det ok knappen och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 30 px Radius och klicka sedan på ok.
Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Välj stroke, sätt dess färg till vit och öka Vikt till 2 px. Sänka dess Opacitet till 50% och ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en -1 px Offset och klicka sedan på ok.
Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panel och lägg till en andra stroke med hjälp av Lägg till ny stroke knapp.
Välj den här nya stroke och ändra dess Blandningsläge till Täcka över. Ställ in Vikt till 1 px, Applicera den linjära gradienten som visas i följande bild och gå sedan till Effekt> Path> Offset Path. Ange en -0,5 px förskjutning och klicka sedan på ok.
Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panel och lägg till en tredje stroke.
Dra det ovanför bottenfyllningen, ställ in Vikt till 6 px, och använd den linjära gradienten som visas i följande bild. Sänka dess Opacitet till 10%, ändra Blandningsläge till Mjukt ljus, och sedan gå till Effekt> Path> Offset Path. Ange en 3 px Offset, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 2 px och klicka sedan på ok.
Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och dra den till toppen av panelen.
Välj din nya fyllning och sätt färgen till svart (R = 0 G = 0 B = 0). Sänka dess Opacitet till 5% och ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en 2 px förskjutning, klicka på det ok knappen och gå sedan till Effekt> Skiss> Chrome. Ange attributen som visas i följande bild och klicka sedan på ok.
Välj Typverktyg (T) och fokusera på Karaktär panel. Välj Harlow Solid Kursiv typsnitt och ställa in storleken till 80 px. Klicka på din tavla och lägg till "retro"textstycke. Se till att texten inte har en färguppsättning för fyllningen eller för stroke, fokusera på Utseende panel, och lägg till en ny fyllning med samma Lägg till ny fyllning knapp. Välj den och använd den linjära gradienten som visas nedan.
Se till att din "retro"Texten är fortfarande vald, fortsätt att fokusera på Utseende panelen och lägg till en ny fyllning. Välj den och använd den linjära gradienten som visas nedan. Sänka dess Opacitet till 30%, ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning och klicka sedan på ok.
Använda Rektangelverktyg (M), skapa en ny 860 x 460 px rektangel och centrera den. Ställ fyllfärgen på svart, sänk den Opacitet till 5%, ä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å 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.
Accentsconagua