Hur man skapar en ben text effekt i Adobe Illustrator

Vad du ska skapa

I följande steg lär du dig att skapa en enkel bentexteffekt i Adobe Illustrator. 

Till att börja med lär du dig att skapa ett enkelt rutnät och hur du skapar flera pixelformade former. Med hjälp av avrundade hörnseffekten och några grundläggande vektorformbyggnadstekniker lär du dig hur du skapar huvudbenformen. Att fortsätta lär dig hur man sparar och använder en konstborste. För den sista handen kommer du att lära dig hur du lägger till Drop Shadow-effekter och en enkel bakgrund.

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 breddlåda och 600 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 och galler, och skriv in 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 av 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 benformen och mönsterborsten

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 = 253 G = 241 B = 193. Flytta till din tavla och helt enkelt skapa en 25 x 105 px rektangel - rutnätet och Snap to Grid funktionen bör hjälpa.

Fokusera på den nedre sidan av denna rektangel och byt till Direktmarkeringsverktyg (A). Välj rätt ankarpunkt och dra den 5 px till vänster, och välj sedan vänsterförankringspunkten och dra den 5 px upp och 5 px till höger.

Steg 2

Håll fokus på undersidan av din befintliga form. Använda Rektangelverktyg (M), skapa en 30 x 35 px form och placera den som visas i den första bilden. Fokusera på den vänstra sidan av den här nya rektangeln och välj Lägg till Anchor Point Tool (+). Klicka bara på den punkt som markeras med blå för att lägga till en ny ankarpunkt för din form.

Byt till Direktmarkeringsverktyg (A), välj den nyligen tillförda ankarpunkten och dra den 15 px till vänster. Flytta till höger om denna form och se till att Direktmarkeringsverktyg (A) förblir aktiv. Välj toppankeringspunkten och dra den 10 px ner, och välj sedan den nedre ankarpunkten och dra den 10 px upp och 5 px till vänster.

Steg 3

Använda Rektangelverktyg (M), skapa en 25 px kvadrat och placera den som visas i den första bilden. Fokusera på undersidan av den här nya formen, välj Lägg till Anchor Point Tool (+) och lägg till en ny ankarpunkt som visas nedan.

Håll fokus på din ruta och växla till Direktmarkeringsverktyg (A). Välj först den nedre vänstra ankarpunkten och dra den 10 px upp och 5 px till vänster. Flytta till den nedre högra ankarpunkten och dra den 5 px upp och välj sedan den högra ankarpunkten och dra den 5 px upp och 10 px till vänster.

Steg 4

Använda Rektangelverktyg (M), skapa en 40 x 30 px form och placera den som visas i den första bilden. Välj Lägg till Anchor Point Tool (+) och lägg till de två ankarpunkterna nedan.

Håll fokus på den här nya rektangeln och växla till Direktmarkeringsverktyg (A). Välj först den nedre vänstra ankarpunkten och dra den 5 px upp. Flytta till den högra ankarpunkten och dra den 10 px till vänster, och välj sedan den övre vänstra ankarpunkten och dra den 5 px till höger.

Steg 5

Använda Rektangelverktyg (M), skapa en 35 px kvadrat och placera den som visas i den första bilden. Välj Lägg till Anchor Point Tool (+) och lägg till de två ankarpunkterna nedan.

Håll fokus på din ruta och växla till Direktmarkeringsverktyg (A). Välj först den nedre högra ankarpunkten och dra den 10 px upp och 5 px till vänster. Flytta till den högra ankarpunkten och dra den 5 px ner och välj sedan den övre vänstra ankarpunkten och dra den 25 px ner.

Steg 6

Välj alla former som hittills gjorts, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Förena knapp. Se till att den resulterande formen är fylld med R = 253 G = 241 B = 193 och gå vidare till nästa steg.

Steg 7

Se till att din form fortfarande är vald och gå till Effekt> Stylize> Avrundade hörn. Ange en 5 px Radius, klick ok, och sedan gå till Objekt> Expand Utseende.

Steg 8

Välj Penverktyg (P) och skapa tre enkla trianglar som visas i den första bilden. Välj alla former som hittills gjorts och klicka på Minus Front knapp från Stigfinnare panel.

Steg 9

Se till att din form är vald, öppna borstar panel (Fönster> Penslar) och klicka på det Ny borste knapp. Välj Konstborste rutan och klicka sedan på ok. Välj ett namn för din pensel, dra det Bredd skjutreglaget till 50%, ange resten av attributen som visas i följande bild och klicka sedan på ok knapp.

3. Hur man skapar texteffekten

Steg 1

Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj Bonez-teckensnittet och ställ sedan in storleken på 150 px och spårningen till 100. Klicka bara på din tavla och lägg till lite text. Gör det svart (R = 0 G = 0 B = 0) och sänka dess Opacitet till om 30%.

Steg 2

Inaktivera nätet (Kontrollera-") och Snap to Grid (Skift-kontroll-").

Välj Borstverktyg (B) och välj din konstborste från borstar panel. Använd den svarta texten som en grov referens och börja ritningsvägar för att skapa första bokstaven.

Steg 3

Flytta till nästa bokstäver och använd samma konstborste. När du är färdig, radera den texten.

Steg 4

Välj alla banor som hittills gjorts och gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i följande bild och klicka sedan på ok.

Steg 5

Se till att alla dina banor fortfarande är markerade, Grupp dem (Kontroll-G) och sedan gå till Effekt> Stylize> Drop Shadow. Ange attribut som visas nedan och klicka sedan på ok.

4. Hur man skapar bakgrunden

Steg 1

Välj Ellipsverktyg (L) och klicka helt enkelt på din tavla för att öppna Ellips fönster. Ställ in Bredd till 600 px och den Höjd till 360 px och klicka sedan på ok. Fyll den resulterande formen med R = 235 G = 107 B = 38 och skicka det till baksidan (Skift-Control- [).

Se till att den här orangeformen förblir vald och öppna Justera panel (Fönster> Justera). Ställ in anpassningen till Artboard (öppna menyn Fly-out 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 kommer i grund och botten få din valda form till mitten av tavlan.

Steg 2

Se till att din orange ellips fortfarande är vald och gå till Effekt> Förvräng & Transformera> Zig Zag. Ange attributen som visas i följande bild och klicka sedan på ok.

Steg 3

Välj Rektangelverktyg (M) och klicka helt enkelt på din tavla för att öppna Rektangel fönster. Ställ in Bredd till 860 px och den Höjd till 610 px och klicka sedan på ok. Fyll den resulterande formen med R = 39 G = 9 B = 62, skicka det till baksidan (Skift-Control- [), och glöm inte att centrera den.

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.