Share
Vad du ska skapaI följande steg lär du dig att skapa en grön, smal texteffekt i Adobe Illustrator.
Till att börja med lär du dig att skapa ett enkelt rutnät och hur du skapar en enkel bakgrund. Med full nytta av Utseendepanelen och med en snygg typsnitt kommer du att lära dig hur du skapar din fullständigt redigerbara, slimiga texteffekt.
När du fortsätter läser du hur du lägger till några subtila höjdpunkter och hur du snabbt väljer en massa former med liknande attribut. Slutligen kommer du att lära dig hur man sparar och använder en konstborste och hur man skapar ett roligt främmande öga med hjälp av grundläggande blandning och vektorkonstbyggnadsteknik.
För mer inspiration om hur du anpassar eller förbättrar din slutliga slumptexteffekt kan du hitta massor av resurser på Envato Market.
Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 800 i bredden och 600 i höjden rutan, och klicka sedan på Avancerad knapp. Välj RGB, Skärm (72ppi) och se till att Justera nya objekt till pixelnätet rutan är avmarkerad innan du klickar ok.
Aktivera Rutnät (Visa> Visa rutnät) och den 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> Grid, och skriv in 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 och hur det kan underlätta ditt arbete i den här korta handledningen 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> Allmänt. 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 ställ in färgen till R = 214 G = 150 B = 229.
Flytta till din tavla och helt enkelt skapa en 820 x 620 px rektangel som helt täcker din tavla enligt nedan - rutnätet och Snap to Grid funktionen bör göra det enklare.
Se till att din rektangel fortfarande är vald, ö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 här nya fyllningen och ersätt den befintliga färgen med den radiella gradienten som visas nedan. Tänk på att den gula nollpunkten från Lutning bilden står för Opacitet procent, och använd Gradient Tool (G) att sträcka din gradient grovt som visas i följande bild.
När du är klar, gå tillbaka till Utseende panelen och klicka på "Opacitet"textstycke som står för din nya fyllning för att öppna Genomskinlighet utflödespanel. Ställ in Blandningsläge till Täcka över och behåll Opacitet på 100%.
Öppna Karaktär panel (Fönster> Typ> Tecken) och välj Typverktyg (T). Klicka bara på din tavla och fokusera på Karaktär panel. Välj typsnittet Spillat bläck, sätt storleken till 150 px, och lägg sedan till din "GRÖN"bit text.
Se till att din texttext stannar och ta bort den befintliga fyllfärgen, vilket gör din text osynlig. Fokusera på Utseende panelen och lägg till en ny fyllning med samma sak Lägg till ny fyllning knapp. Markera den och ange färgen till R = 115 G = 191 B = 69. Kopiera nu den här texten (Control-C> Control-V), byta ut "GRÖN"med"VÄRLD", och placera det ungefär som visas i den andra bilden.
Välj din "GRÖN"textstycke, fokus 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, dra den under den gröna, sätt dess färg till R = 115 G = 191 B = 69, och sedan gå till Effekt> Path> Offset Path. Ange en 10 px Offset, ställa in Fogar till Runda, och klicka sedan på ok knapp. I slutet ska sakerna se ut som följande bild.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel. Välj bottenfyllningen och duplicera den med hjälp av Kopiera valda objekt knapp.
Välj den nyligen tillförda fyllningen och ersätt den befintliga färgen med den linjära gradienten som visas nedan. Kom ihåg att den gula nollpunkten från Lutning bilden står för Opacitet procentsats. Återgå till Utseende panelen, kontrollera att fyllningen som läggs till i det här steget fortfarande är markerat och öppna Genomskinlighet utflödespanel. Sänka Opacitet till 30% och ändra Blandningsläge till Mjukt ljus.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Välj toppfyllningen och 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 lägg sedan till de andra två Drop Shadow effekter som visas nedan.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den ovanför befintliga. Se till att den förblir vald, sätt på färgen till R = 115 G = 191 B = 69, och sedan gå till Effekt> Stylize> Inner Glow. 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> Inner Glow. Den här gången anger du attributen som visas i det högra fönstret, klickar du på ok knappen och gå sedan till Effekt> Stylize> Drop Shadow. Ange de egenskaper som visas nedan och klicka sedan på det ok knapp.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den ovanför befintliga. Fyll den med den linjära gradienten som visas nedan, sänk dess Opacitet till 10%, ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en -3 px Offset och klicka på det ok knapp.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den ovanför befintliga. Gör den vit, sänk den Opacitet till 20%, ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en -15 px Offset, Klicka på ok knappen och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 5 px och klicka ok.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den ovanför befintliga. Fyll den med den linjära gradienten som visas nedan, sänk dess Opacitet till 10%, ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en -10 px Offset och klicka på det ok knapp.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den ovanför befintliga. Gör den vit, sänk den Opacitet till 5%, ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en -20 px förskjutning och klicka sedan på det ok knapp.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den till botten av panelen, under resten av fyllningarna. Gör det svart, sänk dess Opacitet till 15%, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 10 px, Klicka på ok knappen och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 20 px och klicka sedan på det ok knapp.
Se till att din "GRÖN"textstycke är fortfarande markerat och fortsätt att fokusera på Utseende panel.
Lägg till en sista fyllning och dra den till undersidan av panelen. Gör det svart, sänk det Opacitet till 15%, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Den här gången drar du Flytta-Vertikal skjutreglaget till 30 px, Klicka på ok knappen och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 15 px och klicka sedan på det ok knapp.
Nu måste du kopiera de egenskaper som används för din "GRÖN"bit text och klistra in dem på den andra texten.
Gå till Skikten panel (Fönster> Lager), fokusera på höger sida, och du märker att varje form kommer med en liten grå cirkel, en målikon. Håll Alt nyckel, klicka på målikonen som står för din "GRÖN"bit text och dra i cirkeln som står för din"VÄRLD"bit text.
I slutet ska sakerna se ut som följande bild.
För nästa steg behöver du ett rutnät varje 1 px, så gå till Redigera> Inställningar> Guider och galler och skriv in 1 i Gridline varje låda.
Använda Ellipsverktyg (L), skapa en massa 1 px, 2 px, och 3 px cirklar, fyll dem alla med vitt och sprida dem över den övre halvan av din text, ungefär som visas i den första bilden.
När du är klar väljer du en av dessa cirklar och använder Välj> Samma> Fyll färg Kommando att snabbt välja alla dina vita cirklar. Flytta till Utseende panel, sänka Opacitet till 15%, och ändra Blandningsläge till Täcka över.
Återigen, använd Ellipsverktyg (L) att skapa en ny uppsättning av 1 px, 2 px, och 3 px cirklar. Den här gången fyller du dessa former med svart och sprider dem över den nedre halvan av din text, ungefär som det visas i den första bilden.
När du är klar väljer du alla dina svarta cirklar med samma Välj> Samma> Fyll färg kommando. Flytta till Utseende panel, sänka Opacitet till 15%, och ändra Blandningsläge till Täcka över.
Använda Rektangelverktyg (M), skapa en 6 x 50 px forma och fylla den med R = 0 G = 146 B = 69.
Fokusera på den översta sidan av den här nya rektangeln och välj Direktmarkeringsverktyg (A). Välj vänster ankarpunkt och dra den 2 px till höger och välj sedan rätt ankarpunkt och dra den 2 px till vänster.
Håll fokus på din fräscha gröna form, se till att den är vald och gå till Effekt> Warp> Arc. Ange attribut som visas nedan, klicka på ok knappen och gå sedan till Effekt> Warp> Flagga. Ange igen de egenskaper som visas nedan, klicka på ok knappen och gå sedan till Objekt> Expand Utseende.
Inaktivera Snap to Grid (Skift-kontroll-") och sedan gå till Redigera> Inställningar> Allmänt och se till att Tangentbordsökning är satt till 1 px.
Se till att din gröna form är vald och gör två exemplar framför (Control-C> Control-F> Control-F). Välj den översta kopian och flytta den 1 px till vänster med vänsterpilknappen. Återmarkera båda kopiorna i det här steget, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Minus Front knapp.
Fyll den nyformade formen med den linjära gradienten som visas nedan, sänk dess Opacitet till 30%, och ändra Blandningsläge till Mjukt ljus.
Återställ din gröna form och gör två nya kopior framför (Control-C> Control-F> Control-F). Återigen, välj den översta kopian och den här gången flytta den 1 px till höger med högerpil på tangentbordet. Återmarkera båda kopiorna i det här steget och klicka på detsamma Minus Front knapp från Stigfinnare panel.
Fyll den nyformade formen med den linjära gradienten som visas nedan, sänk dess Opacitet till 40%, och ändra Blandningsläge till Täcka över. Tänk på att det blå numret från Lutning bilden står för Plats procent och att du enkelt kan lägga till nya lutningsreglage helt enkelt genom att klicka på lutningsfältet.
Återställ din gröna form, fokusera på Utseende panel och ersätt den befintliga färgen med den linjära gradienten som visas nedan.
Håll fokus på Utseende panel, lägg till en andra vit fyllning, placera den ovanför den andra fyllningen och se till att den fortfarande är vald. Sänka dess Opacitet till 15%, ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning och klicka på det ok knapp.
Aktivera Snap to Grid (Kontrollera-"). Använda Ellipsverktyg (L), skapa en 24 px cirkel, placera den som visas i den första bilden och fyll den med den linjära gradienten från följande bild.
Se till att Ellipsverktyg (L) förblir aktiv, skapa en 22 px cirkel, fyll den med R = 115 G = 191 B = 69, och placera det som visas i den andra bilden.
Skapa sedan en 21 px cirkel, fyll den med R = 86 G = 177 B = 58, och placera den som visas i den tredje bilden.
Slutligen skapa en 20 px cirkel, fyll den med en slumpmässig gul och placera den som visas i den slutliga bilden. Stör inte för att få en färg som liknar den som kan ses nedan.
Välj din gula cirkel och gör en kopia framförControl-C> Control-F). Använda Ellipsverktyg (L), skapa en 19 px cirkel och placera den enligt bilden nedan. Välj den här nya formen tillsammans med kopian som gjorts för några minuter sedan och klicka på Minus Front knapp från Stigfinnare panel.
Fyll den nyformade formen med R = 41 G = 171 B = 226 och sänka dess Opacitet till 15%.
Välj din gula cirkel och gör en ny kopia framförControl-C> Control-F). Använda Ellipsverktyg (L), skapa en 18 px cirkel och placera den enligt bilden nedan. Välj den nya formen tillsammans med kopian som gjordes för några minuter sedan och klicka igen samma sak Minus Front knapp från Stigfinnare panel.
Fyll den nyformade formen med R = 41 G = 171 B = 226 och sänka dess Opacitet till 15%.
Återmarkera dina gula cirklar och ersätt den befintliga färgen med den radiella gradienten som visas nedan. Glöm inte att du kan använda Gradient Tool (G) för att enkelt justera din lutning.
Använda Ellipsverktyg (L), skapa en 10 px cirkel och fyll den med R = 41 G = 171 B = 226, och skapa sedan en 4 px cirkel och gör den svart. Placera dessa två former som visas i den första bilden och se till att Ellipseverktyg förblir aktiv.
Lägg till en 2 px cirkel och a 4 px cirkel och placera dem enligt bilden i den tredje bilden. Fyll båda formerna med vit och sänk dem Opacitet till 70%.
Välj de tre huvudformerna som gör ditt öga (markerad i den första bilden) och duplicera dem (Control-C> Control-F). Välj bara kopiorna och klicka på Minus Front knapp från Stigfinnare panel. Fyll den resulterande formen med svart.
Håll fokus på den svarta formen som gjordes i föregående steg. Gå till Skikten panel (Fönster> Lager), öppna det befintliga lagret och dra din svarta form under resten av de former som utgör ögat.
Se till att din svarta form är vald och gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra de övre punkterna ungefär som visas nedan, klicka på det ok knappen och gå sedan till Objekt> Expand Utseende.
Se till att din svarta form är vald och fokusera på Utseende panel. Välj först den befintliga fyllningen, sänk den Opacitet till 10%, och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 5 px Radius, Klicka på ok knappen och återgå till Utseende panel.
Lägg till en ny fyllning och se till att den går över den befintliga. Välj den, sänk ner Opacitet till 10%, och ersätt den befintliga färgen med den linjära gradienten som visas nedan.
Använda Ellipsverktyg (L), skapa en 10 x 2 px form och fyll den med svart.
Välj den här formen, öppna borstar panel (Fönster> Penslar) och klicka på Ny borste knapp. Kolla Konstborste knappen och klicka på ok knappen för att öppna Konstborstalternativ fönster. Välj ett namn för din pensel, skriv in alla attribut som visas nedan (se till att du ställer in Färgningsmetod till nyanser) och klicka sedan på det ok knapp för att lägga till din nya pensel inuti borstar panel.
Inaktivera Snap to Grid (Kontrollera-") och välj Borstverktyg (B).
Välj din konstborste från borstar panel och fokus på ögat. Rita bara en böjd bana längs ögatets botten som visas nedan och sätt in färgen till R = 217 G = 224 B = 33.
Välj alla former som gör ditt öga och Grupp dem som använder Kontroll-G tangentbordskommando. Gruppering av former gör det mycket enklare för dig att välja en massa olika former med ett enkelt klick.
Slutligen gör ungefär tre kopior av din ögongrupp och placera dem ungefär som visas i följande bild. Gärna lägga till så många kopior som du önskar eller kanske ändra storlek på några av grupperna.
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 en bra inspirationskälla på Envato Market med intressanta lösningar för att förbättra din design.
Accentsconagua