Hur man illustrerar en stavladdare i Illustrator

Vad kan man säga om en stegladder? En stegladder kan representeras som ett koncept som visar utvecklingen av designers färdigheter och förbättring av deras kreativitet. Därför är det hög tid att gå steg för steg i att avbilda den slutliga bilden av denna handledning. Följ med, samtidigt som du skapar ditt eget slående och fantastiska konstverk med en professionell vektor arbetsflöde i Adobe Illustrator.


Steg 1

Ta rektangelverktyget (M) och illustrera en bakgrund för din stegladdare.

Ta nu pennverktyget (P) och skissera en väg för att representera den främre metalliska delen av stegen.

Gå till Objekt> Expand. Gå sedan till Objekt> Ungroup. Låsa den resulterande banan i paletten Lager och spara den som "Huvudröret" för vidare användning i handledningen. Det kommer snart att användas som urklippsbana.


Steg 2

Ta nu rektangulärverktyget (M) och skapa en rektangulär bana med en höjd som är ungefär lika med tjockleken på den (crimson) sökvägen som just illustrerats. Ändra sedan rektanglens opacitet.

Gå nu till Objekt> Skapa Gradient Mesh och ange antalet kolumner i dialogrutan.

Gå till Objekt> Transformera> Rotera för att definiera vridningsvinkeln för nätet för att placera den över den crimson banan så exakt som möjligt.

Placera nätet över slutet av den rynka vägen.


Steg 3

Ta lassoverktyget (Q) och välj alla nodar i gradientnätet, förutom de två lägsta.

Ta tag i Direct Selection Tool (A) och flytta nätnoden uppåt.

Välj sedan masknoderna som ligger utanför gränsen för den crimson vägen.

Ta nu Rotate Tool (R) och gör en rotation, som visas i den hjälpsamma figuren nedan.

Upprepa dessa åtgärder för att sträcka nätet på den crimson banan. Därefter byt nätets opacitet till 100%.


Steg 4

Ta maskverktyget (U) och lägg till maskslinjerna. Ändra masknodernas färger till grå med olika ljusstyrkor för att representera ljusfördelningen på ett metallrör exakt. Och gräva nätet med en klippmask genom att gå till Objekt> Clipping Mask> Make (Command + 7). Använd den crimson vägen som gjordes i det första steget som en urklippsbana.

Blås upp konstverket och fokusera din uppmärksamhet på toppen av stegen.

Om du inte gillar ditt resultat hittills, låt oss fortsätta förbättra det. Du kan använda Art penslarna för den här operationen ...


Steg 5

Ta ellipsverktyget (L) och skissera en horisontell elliptisk bana fylld med svart som visas nedan.

Gå till Objekt> Transformera> Skala och ange värdena som visas i diagrammet nedan. Klicka på knappen Kopiera efter det.

Ändra opaciteten av den största ellipsen till 0.

Gå till Objekt> Blanda> Blandningsalternativ. Ställ in avståndet till angivna steg och mängden steg till cirka 100.

Välj sedan båda ellipserna och gå till Objekt> Blanda> Gör (Command + Alt + B). Du borde få samma bild som nedan.


Steg 6

Dra och släpp den mottagna blandningen i paletten Penslar. Välj alternativet Art Brush i dialogrutan.

Ställ in artiklarna för borsten enligt bilden nedan och namnge borsten som "Svart borste".

Illustrera den analoga konstborsten med namnet "Vit pensel".


Steg 7

Bild en stig i toppen av stegen, använd den "vita borsten" enligt den i enlighet med ljusfördelningsprincipen, ändra slagvikt och opacitet av det, enligt vad som behövs i ditt eget konstverk. Skär nu vägen med en motsvarande klippmask (samma som användes ovan).

Applicera "Black brush" på följande två vägar för att understryka gränserna för stegets metallrör. Dessa vägar bör vara tillräckligt tunna.


Steg 8

Lägg till en av de svarta metallrören till stegen och fyll den med en vinklad linjär gradient.

Applicera den "svarta borsten" på den visade banan, som ligger på höger sida av ryggröret. Ändra strokesvikt och opacitet av det efter behov. Skär sedan vägen med hjälp av klippmaskinen.

Rita den andra bakbenet på stegen på samma sätt.


Steg 9

Nu borde vi ansluta rören till varandra med hjälp av anslutningsdetalj. Ta pennverktyget (P) och illustrera visad detalj över rörens kopplingspunkt. Det måste vara bredare än rörens bredd. Se bilden nedan för referens. Fyll detaljerna med en vinklad linjär gradient.

Kopiera det och klistra in i bakåt (Kommando + C då Kommando + B). Låsa den ursprungliga detaljerna i paletten Lager. Ta nu Direct Selection Tool (A) och ändra formen på kopian för att ansluta den till rören. Fyll kopian med en annan vinklad linjär gradient. Du borde få följande resultat.


Steg 10

Illustrera en anslutningsbult med hjälp av Ellipse Tool (L), och fyll den med en radiell gradient som visas.

Rita ytterligare anslutningsbultar.

Låt anslutningsdetaljerna vara metalliska. Så ska vi skapa ljusa fläckar över det, genom att använda "vit pensel". Se bilden nedan för referens.

Producera den andra anslutningsdetalj på samma sätt.


Steg 11

Illustrera ett tvärgående rör över stegen och fyll det med en vinklad linjär gradient.

Dra nu följande elliptiska väg i den vänstra änden av detta rör. Fyll ellipsen med en radiell gradient. Observera att ellipsens längdaxel ska gå längs konturen i "Huvudröret", vilket illustrerades i det första steget. Följ det hjälpsamma diagrammet nedan.

Välj "Huvudröret", Kopiera det och klistra in på framsidan (Kommando + C då Kommando + F). Välj ellipsen över den (som just skapades), Kopiera den och Klistra in i fronten också. Därefter väljer du båda kopiorna av banorna, går till paletten Pathfinder och klickar på Intersect-knappen där.

Beskär nu ellipsen med den resulterande sökvägen genom att gå till Objekt> Klippmask> Gör (Command + 7).


Steg 12

Kopiera det tvärgående röret och klistra in det på framsidan (Kommando + C då Kommando + F). Kopiera bara den resulterande klippningen och klistra in den också. Välj dessa nya kopior. Ta formverktyget (Shift + M) och dra musen över banorna från vänster till höger, som visas i diagrammet nedan. Eller använd paletten Pathfinder för denna operation.

Ta bort de onödiga vägarna efter det. Och använd den resulterande banan som en klippmask för det tvärgående röret. Sammantaget borde du få effekten av att sätta in det tvärgående röret i "Huvudröret".


Steg 13

Illustrera nästa tvärgående rör på samma sätt. Se bilderna nedan för referens.


Steg 14

Nästa steg kommer att ägnas åt att skapa stegen (ordspråk). Se den stegstil vi skapar nedan.

Om du vet hur du ska uppnå detta, gör det utan hjälp. Annars bör du noga läsa nästa del av handledningen. Först illustrera en skjuvad ringformad bana fylld med en vinklad linjär gradient som visas.

Kopiera den och klistra in på framsidan (Kommando + C då Kommando + F), fyll den med svart och flytta den lite uppåt.

Kopiera den igen och klistra in på framsidan (Kommando + C då Kommando + F), fyll den med en vinklad linjär gradient och skapa en tjocklek på steget med hjälp av Pen Tool (P).

Skapa nu en ljusgrå väg över den.


Steg 15

Vi använder "Black brush" för att skapa skårorna på steget. Låt oss se hur det här fungerar. I början skissar du en liten bana med hjälp av pennverktyget (P) på höger sida av steget och applicerar sedan den "svarta borsten" på den. Ändra banans slagvikt för att skapa bilden som visas nedan.

Illustrera samma väg med samma teknik på vänstra sidan av steget.


Steg 16

Gå till Objekt> Blanda> Blandningsalternativ, ställa in Spacing till Specificerade steg och antalet steg till cirka 50.

Markera båda banorna och gå till Objekt> Blanda> Gör (Kommando + Alt + B).

Ändra opacitet av blandningen om det behövs och beskär det med en urklippsbana.

Beskära steget med en urklippsbana också.


Steg 17

Illustrera en väg fylld med en linjär gradient, som visas i diagrammet nedan.

Rita nästa liknande väg.

Ta nu pennverktyget (P) och dra ihop den laterala delen av anslutningsdetalj. Fyll den med en vanlig linjär gradient.

Kopiera det och klistra in på framsidan (Kommandot + C sedan Kommando + F) och fyll det med en vertikal gradient.

Och ändra blandningsläge för denna sökväg till Multiplicera i paletten Transparent.


Steg 18

Fäst den gröna detaljerna på "Huvudröret" med en anslutningsbult enligt bilden.

Applicera "White brush" till följande väg för att reproducera ljusfördelningen. Beskära banan med en motsvarande klippmask.

Illustrera rätt gröna detaljer.

Bild så många steg i stegen som du önskar.


Steg 19

Bild stegens toppplatta fylld med en vinklad linjär gradient.

Skissa nu en brun sidosti på topplattan för att lägga till volymen på den.

Ta tag i pennverktyget (P) och skapa en främre lateral del av plattan, fyll sedan den med mörkbrun.

Placera plattan i rätt läge.


Steg 20

Ta ellipsverktyget (L) och illustrera en elliptisk bana över slutet av ett ben.

Kopiera den och klistra in på framsidan (Kommando + C då Kommando + F), fyll i den med en annan färg, ändra opaciteterna för båda ellipserna. Gå sedan till Objekt> Transformera> Skala och minska kopieringen av ellipsen till benets storlek som visas.

Kopiera benröret och klistra in det framför (Kommando + C då Kommando + F), välj både: den här kopian och den lilla ellipsen, ta formverktyget (Shift + M) och dra musen över banorna som visas. Eller använd paletten Pathfinder för detta ändamål.


Steg 21

Ta bort de onödiga banorna och använd den resulterande banan som en klippmask för benröret.

Ändra opacitet av den röda ellipsen till 100% och ändra färgfyllningen till svart och skapa sedan en sökväg som illustreras nedan med hjälp av verktyget Form Builder (Shift + M) eller paletten Pathfinder.

Applicera "White brush" på följande vägar och skörda dem med en klippmask. Därefter producerar dessa stöddetaljer under alla benen.


Steg 22

Bilda skuggorna från benen med hjälp av blandningar. Se de hjälpsamma diagrammen nedan.


Slutsats

Den slutliga bilden är nedan. Jag hoppas att du har studerat de viktiga teknikerna i Adobe Illustrator i denna handledning och ha kul att tillämpa dem i ditt eget arbete.