Så här skapar du en Blueprint Text Effect i Adobe Illustrator

Vad du ska skapa

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

Till att börja med lär du dig hur du skapar ett enkelt rutnät och hur du skapar de former som kommer att utgöra dina mönsterborstkomponenter. Därefter kommer du att lära dig hur man sparar och byter namn på mönster och hur man sparar en ganska enkel mönsterborste. Genom att använda enkla slag, grundläggande blandningsmetoder och flera Transform-effekter, kommer du att skapa pappersbakgrunden.

När du fortsätter läser du hur man skapar en verklig texteffekt och hur man gör jobbet enklare med grafiska stilar. Slutligen lär du dig att skapa en enkel bit krita med hjälp av 3D Extrude & Bevel-effekten, några linjära gradienter och Utseendepanelen.

För mer inspiration kan du alltid hitta en mängd olika grafiska stilar (inklusive grafiska grafiska stilar) på Envato Market.

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 600 i rutorna bredd och höjd 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 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> 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.

2. Skapa och spara en mönsterborste

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 = 255 G = 0 B = 7. Flytta till din tavla och helt enkelt skapa en 63 px kvadrat - rutnätet och Snap to Grid funktionen bör göra det enklare.

Se till att din nyskapade form förblir vald, öppna Genomskinlighet panel (Fönster> Genomskinlighet) och sänka Opacitet till 10%.

Steg 2

Använda Rektangelverktyg (M), skapa en 30 x 3 px form, fyll den med svart och placera den exakt som visas på bilden nedan. Återigen, nätet och Snap to Grid funktionen kommer att underlätta detta.

Steg 3

Använda Rektangelverktyg (M), skapa en 3 x 15 px form, fyll den med svart och placera den som visas på den första bilden.

Fokusera på den översta sidan av den här nya rektangeln och välj Direktmarkeringsverktyg (A). Välj båda ankarpunkterna och gå till Objekt> Path> Average (Alt-Control-J). Kolla Både ruta och klicka på ok knappen, och din rektangel blir en triangel, som visas i den andra bilden.

Håll fokus på de redigerade ankarpunkterna, växla till Ta bort ankarpunkter (-), och klicka helt enkelt på den punkten för att ta bort ett av de två överlappande ankarpunkterna.

Steg 4

Se till att din triangel fortfarande är vald och gå till Objekt> Warp> Bulge. Ange attribut som visas nedan, klicka på ok knappen och gå sedan till Objekt> Expand Utseende.

Duplicera den resulterande formen (Control-C> Control-V), välj kopian, rotera den 90 grader, och placera den så som visas i den andra bilden.

Steg 5

Håll fokus på dina två trianglar och välj Direktmarkeringsverktyg (A). Välj de två ankarpunkterna som markeras i den första bilden, fokusera på alternativfältet och skriv in 0,2 px i det Corners låda.

Funktionen Live Corners är endast tillgänglig för CC-användare. Den bästa lösningen att ersätta denna effekt skulle vara Runda varje hörn skript som kan hittas i den här artikeln: 20 Gratis och Användbara Adobe Illustrator Scripts. Spara det på hårddisken, återgå till Illustrator och ta tag i Direktmarkeringsverktyg (A). Välj samma två ankarpunkter och gå till Arkiv> Skript> Annat skript. Öppna Round Any Corner Script, ange a 0,2 radie och klicka ok.

Steg 6

Inaktivera Snap to Grid (Kontrollera-"). Välj Borstverktyg (B), öppna borstar panel (Fönster> Penslar) och välj din 3 pt. Runda kalligrafisk pensel.

Flytta till din tavla och dra några vågiga vägar längs kanterna på dina svarta former, ungefär som visas i följande bild. Se till att dina vägar inte täcker en stor del av dina svarta former.

Steg 7

Välj de två banorna som går längs din längre svarta form och gå till Objekt> Path> Outline Stroke. Välj de resulterande formerna tillsammans med den svarta formen som ligger i ryggen, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Minus Front knapp.

Steg 8

Flytta till de andra två svarta formerna och upprepa tekniken som nämns i föregående steg.

Steg 9

Ta en närmare titt på dina svarta former och gör de skarpa ankarpunkterna lite mjukare.

Steg 10

Aktivera Snap to Grid (Kontrollera-"). Använda Rektangelverktyg (M), skapa en 3 px svart kvadrat och placera den enligt bilden nedan.

Steg 11

Välj din röda rektangel, fokusera på Genomskinlighet panel och sänka Opacitet till 0%.

Välj nu samma rektangel tillsammans med de tre svarta formerna som markeras i följande bild och dra dem helt enkelt inuti rutor~~POS=HEADCOMP panel (Fönster> Färger) för att rädda dem som ett mönster. Se till att det nyligen tillagda mönstret är valt, öppna spridningspanelen från rutor~~POS=HEADCOMP panel och gå till Alternativ för swatch. Byt namn på ditt mönster "Hörn"och klicka på det ok knapp.

Steg 12

Välj den svarta formen markerad i följande bild och klicka på Ny borste knapp från borstar panel. Kolla Mönsterborste knappen och klicka sedan på ok knappen för att öppna Mönsterborstalternativ knapp.

Välj ett namn för din nya pensel, dra den Skala skjutreglaget till 70%, Välj nyanser för Färgningsmetod, och fokusera sedan på Bricka lådor. Välj först Yttre hörnet kakel och lägg till din "Hörn"mönster från den listan, och öppna sedan Innerhörn och välj Auto Centrerad. När du är klar klickar du på ok knapp.

3. Skapa bakgrundsbakgrunden

Steg 1

För detta steg behöver du ett rutnät varje 10 px, så gå till Redigera> Inställningar> Guider och galler och skriv in 10 i Gridline varje låda.

Använda Rektangelverktyg (M), skapa en 620 px kvadrat, fyll den med R = 33 G = 61 B = 150 och se till att den täcker hela din tavla som visas i följande bild.

Steg 2

Kontrollera att den blå rutan fortfarande är vald, 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, sätt färgen till svart och gå sedan till Effekt> Konstnärligt> Filmkorn. Ange attribut som visas nedan, klicka på ok knappen och återgå till Utseende panel. Klicka på "Opacitet"bit text som står för din svarta fyllning för att öppna Genomskinlighet fly-out-panelen och sedan sänka Opacitet till 7% och ändra Blandningsläge till Multiplicera.

Steg 3

Använda Penverktyg (P), skapa en 620 px vertikal väg och placera den enligt bilden nedan. Se till att den här sökvägen förblir vald och fokusera på Utseende panel.

Kontrollera först att det inte finns någon färg för fyllningen och välj sedan stroke. Gör den vit, sänk den Opacitet till 40%, och ändra Blandningsläge till Täcka över. Gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Move-Horisontell skjutreglaget till 0,5 px, Klicka på ok knappen och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Den här gången drar du Move-Horisontell skjutreglaget till 50 px och skriv in 12 i den botten kopior låda.

Steg 4

Se till att din vertikala sökväg 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.

Markera den här nya stroke och se till att färgen är inställd på vit. Sänka dess Opacitet till 30% och ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra Move-Horisontell skjutreglaget till 0,5 px, Klicka på ok knappen och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Den här gången drar du Move-Horisontell skjutreglaget till 5 px och skriv in 120 i den botten kopior låda.

Steg 5

Använda Penverktyg (P), skapa en 620 px horisontell bana och placera den enligt bilden nedan. Se till att den här sökvägen förblir vald och fokusera på Utseende panel.

Kontrollera först att det inte finns någon färg för fyllningen och välj sedan stroke. Gör den vit, sänk den Opacitet till 40%,och ändra Blandningsläge till Täcka över. Gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 0,5 px, Klicka på ok knappen och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Den här gången drar du Flytta-Vertikal skjutreglaget till 50 px och skriv in 12 i den botten kopior låda.

Steg 6

Se till att din horisontella sökväg fortfarande är vald, fortsätt fokusera på Utseende panel och lägg till en andra stroke med samma Lägg till ny stroke knapp.

Markera den här nya stroke och se till att färgen är inställd på vit. Sänka dess Opacitet till 30% och ändra Blandningsläge till Täcka över, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 0,5 px, Klicka på ok knappen och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Den här gången drar du Flytta-Vertikal skjutreglaget till 5 px och skriv in 120 i den botten kopior låda.

4. Spara och använd grafiska stilar

Steg 1

Öppna Karaktär panel (Fönster> Typ> Tecken), välj Typverktyg (T), och klicka på din tavla. Lägg till "BLÅ"textstycke och använd Franklin Gothic Demi-teckensnittet med den storlek som är inställd på 150 pt. Välj en slumpmässig färg för din text och placera den ungefär som i bilden nedan.

Steg 2

Se till att din texttext fortfarande är vald, ta bort den befintliga fyllfärgen (vilket gör din text fullständigt osynlig) och fokusera på Utseende panel.

Lägg till en stroke och välj den. Ställ in Vikt till 0,5 px, ersätt den befintliga färgen med R = 233 G = 242 B = 248, och sedan gå till Effekt> Förvräng & Transformera> Roughen. Ange attribut som visas nedan och klicka på ok knapp.

Steg 3

Se till att din textdel fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en andra stroke och markera den. Lägg bara till din mönsterborste från borstar panel, och glöm inte att sätta sin färg på R = 233 G = 242 B = 248.

Med din textstycke fortfarande vald, öppna Grafiska stilar panel (Fönster> Grafiska stilar) och klicka på Ny grafisk stil knapp.

Steg 4

Välj om Typverktyg (T), Lägg till "SKRIVA UT"textstycke, placera det som visas i följande bild och använd samma typsnitt. När du är klar, använd bara din grafiska stil och saker ska äntligen se ut som den andra bilden.

Steg 5

Se till att din "SKRIVA UT"textstycke är fortfarande markerat och fokuserar på Utseende panel. Välj befintlig fyllning, sätt dess färg till R = 233 G = 242 B = 248 och sedan gå till Effekt> Stylize> Scribble. Ange attribut som visas nedan, klicka på ok knappen och återvänd sedan till Grafiska stilar panelen och klicka på det Ny grafisk stil knappen igen för att spara din andra grafiska stil.

Du behöver inte den nya grafiska stilen under hela handledningen, men kom ihåg att du alltid kan använda den för att snabbt använda attributen till någon form av text, form eller väg.

5. Skapa ett stycke krita

Steg 1

För detta steg behöver du ett rutnät varje 5 px, så gå till Redigera> Inställningar> Guider och galler och skriv in 5 i Gridline varje låda.

Använda Ellipsverktyg (L), skapa en 15 px cirkel, fyll den med gul och placera den som visas på den första bilden. Se till att den här nya formen förblir vald och gå till Effekt> 3D> Extrude & Bevel. Ange de attribut som visas nedan och klicka sedan på ok knapp.

Steg 2

Se till att din gula cirkel fortfarande är vald och gå till Objekt> Expand Utseende.

Välj den resulterande gruppen och träffa Skift-Control-G två gånger till Dela upp dessa former. Välj nu de två formerna som markeras i den första bilden och klicka på Förena knapp från Stigfinnare panel. Fyll den resulterande formen med den linjära gradienten som visas nedan och kom ihåg att de blå siffrorna från Lutning bildstativ för Plats procentsats.

Steg 3

Välj den återstående gula formen och ersätt den gula med den linjära gradienten som visas nedan.

Steg 4

Återmarkera de två formerna fyllda med linjära gradienter och skapa kopior framförControl-C> Control-F). Välj båda kopiorna och klicka på Förena knapp från Stigfinnare panel. Fyll den resulterande formen med svart.

Steg 5

Kontrollera att den svarta formen som gjordes i föregående steg förblir vald.

Först, slå Kontrollera-[ två gånger för att skicka din valda form bakom de två formerna fyllda med linjära gradienter och fokusera sedan på Utseende panel. Var säker på att hela banan är vald (klicka bara på "Väg"bit text från toppen av panelen) och sedan gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra dessa punkter ungefär som visas nedan och klicka sedan på ok knapp.

Steg 6

Se till att din svarta form fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj befintlig fyllning, sänk dess Opacitet till 15% och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 3 px Radius och klicka på ok knapp.

Steg 7

Se till att din svarta form fortfarande är vald, fortsätt att fokusera på Utseende panel och lägg till en ny fyllning. Välj den här nya fyllningen, sänk den Opacitet till 20% och ersätt den befintliga färgen med den linjära gradienten som visas nedan. Tänk på att den gula nollpunkten från Lutning bilden står för Opacitet procentsats.

6. Lägg till en penna och mörkera den övergripande illustrationen

Steg 1

Om du också vill lägga till en enkel penna till din illustration följer du den här enkla handledningen: Hur man skapar en detaljerad pennaillustration i Adobe Illustrator.

Steg 2

Slutligen duplicera den blå torget som utgör din bakgrund och ta kopien framåt med hjälp av Skift-Control-] tangentbordsgenväg.

Välj den här nya formen och tryck på D knappen från tangentbordet för att snabbt ersätta det befintliga Utseende attribut med standarden (vit fyllning och svart slag). Ta bort den svarta stroken och välj fyllningen. Sänka dess Opacitet till 40%, ändra Blandningsläge till Täcka över och ersätt den befintliga färgen med den radiella gradienten som visas nedan. Glöm inte att den gula nollpunkten från Lutning bilden står för Opacitet procentsats.

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.

Om du letar efter en annan planritningsinriktad handledning, kolla in denna snygga handledning från Ryan Quintal: Snabbtips: Hur man skapar en ritningsläge.