Share
I följande steg lär du dig att vrida enkel hängande teckenillustration i Adobe Illustrator. Till att börja med behöver du bara en enkel rektangel. Med full nytta av Utseendepanelen lägger vi till färger, höjdpunkter och lite enkel skuggning för denna rektangel. När du har ditt huvudstycke ska vi skapa resten av formerna med hjälp av grundläggande verktyg och effekter tillsammans med några enkla vektorkonstbyggnadstekniker.
Hit Command + N för att skapa ett nytt dokument. Ange 600 i rutan bredd och höjd och klicka sedan på knappen Avancerat. Välj RGB, Screen (72ppi) och se till att rutan "Justera nya objekt till pixelnät" inte är markerad innan du klickar på OK.
Aktivera rutnätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Till att börja med behöver du ett rutnät var 5px. Gå bara till Redigera> Inställningar> Guider> Grid, ange 5 i rutnätet varje ruta och 1 i rutan Indelningar. Du bör också öppna Info-panelen (Fönster> Info) för en live 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> Enhet> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Med hjälp av rektangelverktyget (M) skapar du en form av 400 till 250 px och fyller den med den linjära gradienten som visas nedan. Se till att den här nya rektangeln är vald och öppna panelpanelen Utseende (Fönster> Utseende). Markera befintlig fyllning från Utseendepanelen och gå till Effekt> Stylize> Inner Glöd. Ange egenskaperna som visas i följande bild och klicka på OK. Flytta till panelen Lager, dubbelklicka på formen i det här steget och namnge den "huvud".
Se till att formläget i föregående steg fortfarande är markerat, fokusera på Utseendepanelen och lägg till ett 3-takt slag. Välj den, sätt färgen på R = 200, G = 200, B = 200, rikta in den till insidan och gå till Effekt> Sti> Förskjutningsväg. Ange en -16px Offset, klicka på OK och gå till Effect> Stylize> Rounded Corners. Ange en 8px radie, klicka på OK och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i följande bild och klicka på OK.
Kontrollera att "huvud" fortfarande är markerat, fokusera på Utseendepanelen och lägg till en ny fyllning med knappen Lägg till ny fyllning (pekad av den blå pilen i följande bild). Välj den här nya fyllningen, dra den längst upp i Utseendepanelen, lägg till den linjära gradienten som visas nedan och gå till Effekt> Sti> Förskjutningsväg. Ange en -19px Offset, klicka på OK och gå till Effect> Stylize> Rounded Corners. Ange en 5px radie och klicka på OK.
Se till att "huvud" fortfarande är markerat, fokusera på Utseendepanelen, välj den fyllning som lagts till i föregående steg och klicka sedan på knappen Lägg till ny fyllning. Välj den här nya fyllningen, sätt dess färg på R = 29, G = 67, B = 122 och gå till Effekt> Sti> Förskjutningsväg. Ange en -20px Offset, klicka på OK och gå till Effect> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Effekt> Stylize> Inner Glow. Ange egenskaperna som visas i följande bild och klicka på OK.
Se till att "huvud" fortfarande är markerat, fokusera på Utseendepanelen, välj den fyllning som lagts till i föregående steg och tryck på knappen "Kopiera vald objekt" (pekad av den blå pilen i följande bild). Självklart kommer detta att lägga till en kopia av den valda fyllningen. Markera den, ta bort den befintliga Inner Glow-effekten och ersätt sedan den plana färgen med den radiella gradienten som visas nedan. Den gula nollpunkten från gradientbilden står för opacitetsprocent.
Se till att "huvud" fortfarande är markerat, fokusera på Utseendepanelen, välj den fyllning som har lagts till i föregående steg och klicka på knappen "Dubbla markerad artikel". Välj den här nybildade fyllningen och ersätt den radiella lutningen med en platt svart. Sänk också sin opacitet till 5%, ändra blandningsläget för att multiplicera och gå till Effect> Artistic> Film Grain. Ange egenskaperna som visas i följande bild och klicka på OK.
Se till att "huvud" fortfarande är markerat, fokusera på Utseendepanelen och lägg till tre nya slag genom att använda knappen Lägg till ny stroke (pekad av den blå pilen i följande bild). Dra dessa nya slag i toppen av Utseendepanelen och ställ in deras färg vid R = 209, G = 211, B = 212. Välj den undre, sänk dess opacitet till 25%, sätt in vikten vid 5pt och rikta in den till insidan. Flytta upp till nästa stroke, sänk dess opacitet till 25%, sätt strokevikt vid 3pt och rikta in det till insidan. Slutligen, välj toppslaget, sänk dess opacitet till 75%, sätt slagvikt vid 1pt och rikta in det till insidan.
Återställ din "huvud" form, fokusera på Utseendepanelen, se till att ingen fyllning eller stroke är vald och gå till Effekt> Stylize> Avrundade hörn. Ange en 10px radie, klicka på OK och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det första fönstret, klicka på OK och lägg sedan till de andra två Drop Shadow-effekterna som visas i följande bild.
Med hjälp av rektangelverktyget (M) skapar du en form av 200 till 90 px och placerar den som visas på den första bilden. Ställ fyllfärgen på ingen, men lägg till en 3pt slagvikt och ställ in färgen vid R = 147, G = 149, B = 152. Kontrollera att den här nya rektangeln är vald och gå till Objekt> Ban> Lägg till ankarepunkter. Byt till verktyget Delete Anchor Point (-) och klicka helt enkelt på de två ankarpunkterna som markeras i den andra bilden för att ta bort dem. I slutet ska din form se ut i den tredje bilden. Se till att det är valt och gå till Objekt> Ban> Radera streck. Skicka den resulterande formen tillbaka (SHIFT + CTRL + [).
Välj den form som gjordes i föregående steg, fokusera på Utseendepanelen och lägg till en ny fyllning med knappen Lägg till ny fyllning. Välj den här nya fyllningen och använd den linjära gradienten som visas i den första bilden. Kom ihåg att den gula nollpunkten från gradientbilden står för opacitetsprocent. Fortsätt fokusera på denna form, återgå till Utseendepanelen och lägg till en tredje fyllning med samma Lägg till ny fyllningsknapp. Välj den här nya fyllningen och använd den radiella gradienten som visas i den andra bilden.
Återmarkera formen redigerad i föregående steg, fokusera på Utseendepanelen och lägg till en ny fyllning. Markera den, sätt färgen till vit, sänka dess opacitet till 25% och gå till Objekt> Path> Offset Path. Ange en -1px Offset och klicka på OK. Återgå till Utseendepanelen, se till att ingen fyllning eller stroke är vald, lägg sedan till de två Drop Shadow-effekterna som visas i följande bild.
För följande steg behöver du ett rutnät var 1px. Så gå till Redigera> Inställningar> Guider och galler och ange 1 i rutnätet varje ruta. Använd rektangulärverktyget (M) genom att skapa en form av 4 till 10 px, fyll den med den linjära gradienten som visas nedan och placera den som visas i följande bild.
Kontrollera att formen som gjordes i föregående steg förblir vald och fokusera på Utseendepanelen. Först lägg till två slag genom att använda knappen Lägg till ny stroke. Välj den nedersta, sätt färgen på vit, gör den 0,5pt bred och rikta in den till insidan. Flytta till nästa stroke, sätt färgen på R = 167, G = 169, B = 172, gör den 0.25pt bred och rikta in den till insidan. Håll fokus på Utseendepanelen, se till att ingen fyllning eller stroke är vald och gå till Effekt> Stylize> Avrundade hörn. Ange en rad med 2px, klicka på OK och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det vänstra fönstret, klicka på OK och gå igen till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det högra fönstret och klicka på OK.
Använd Ellipse Tool (L) genom att skapa en 2px cirkel och placera den som visas på den första bilden. Fyll den med den linjära gradienten som visas nedan och sänk dess opacitet till 75%. Fortsätt med Ellipse Tool (L), skapa en 6px cirkel, placera den som visas i den andra bilden och sätt fyllfärgen vid R = 130, G = 130, B = 130. Skicka den här nya formen tillbaka (SHIFT + CTRL + [) och gå till Effect> Blur> Gaussian Blur. Ange en 5px radie och klicka på OK.
Med hjälp av typverktyget (T) lägger du till vita textstycken. Använd textegenskaperna som visas i följande bild och ställ sedan in blandningsläge vid Soft Light. Här är "PwMarker" teckensnittet och här är "Marker SD Italic" teckensnitt.
Till sist, låt oss lägga till en enkel bakgrund. Använd Rektangelverktyget (M) genom att skapa en form på storleken på din Artboard, Skicka den till Tillbaka (SHIFT + CTRL + [) och ställ in färgen vid R = 239, G = 245, B = 249. Lägg till en ny fyllning för den här nya rektangeln, välj den och använd den radiella gradienten som visas i följande bild.
Återställ den form som gjordes i föregående steg, fokusera på Utseendepanelen och lägg till en tredje fyllning. Gör det svart, sänk dess opacitet till 15%, ändra blandningsläge till Multiplicera och gå till Effekt> Sketch> Notepapir. Ange de data som visas nedan och klicka på OK. Håll fokus på Utseendepanelen och lägg till en fjärde fyllning för denna form. Du behöver ett inbyggt mönster för denna nya fyllning. Flytta till fönstret Fönstret, öppna fönstret och gå till Öppna fönstret Bibliotek> Mönster> Grundläggande grafik> Grundläggande Graphics_Textures. Detta borde öppna ett nytt fönster med en enkel uppsättning inbyggd mönster. Du behöver bara "Diamond" -mönstret. Se till att din bakgrundsrektangel fortfarande är vald och återgå till Utseendepanelen. Välj den fjärde fyllningen, lägg till "Diamond" -mönstret, sänk dess opacitet till 10%, ändra blandningsläget till Multiplicera och gå till Effect> Artistic> Film Grain. Ange egenskaperna som visas i följande bild och klicka på OK.
Nu är ditt arbete gjort. Så här ska det se ut. Använd gärna en annan uppsättning färger för de blå fyllningarna som utgör "huvud" -formen. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt.
Accentsconagua