Lag et Wireframe Face med konvoluttforvrengningsverktøyet

Denne opplæringen er et svar på en forespørsel om en mer grundig leksjon om bruk av Illustrators Envelope Distort-funksjon med Rectangular Grid-verktøyet. Jeg demonstrerte grunnleggende teknikken i denne videoen. Sjekk ut om du har tid, hvis ikke, hoppe rett inn!


Trinn 1

Jeg foretrekker å bruke noen form for referanse når du tegner, da jeg ikke er veldig god på tegning fra minne eller fantasi. Så for å få de riktige proporsjonene i et ansikt, bruker jeg dette bildet av en maske. Du kan bruke et bilde eller en skiss som referanse. Prøv å holde det enkelt og generisk for denne opplæringen.

Legg bildet på Artboard (File> Place). Dobbeltklikk på laget og lag det til et malelag, og opprett et nytt lag over det.


Steg 2

Ta en grov måling av ansiktet ved hjelp av måleverktøyet. Når du drar med måleverktøyet, vises informasjonspanelet automatisk. Husk bredden og høyden. Alternativt kan du tegne et rektangel rundt ansiktet og bruke målinger.


Trinn 3

Ta verktøyet Rektangulært rutenett og klikk en gang på tavlen. For bredde og høyde, skriv inn verdiene fra forrige trinn. Skriv inn en rekke horisontale og vertikale dividere for å gi deg et ganske tett rutenett, ca 10 piksler fra hverandre.


Trinn 4

Det nye rutenettet vil ha en fylling og strekk av ingen. Gi det et farget slag. Fargen spiller ingen rolle på dette punktet, bare noe som er lett å se.


Trinn 5

Hold rutenettet valgt, og gå til Objekt> Konvoluttforvreng> Lag med mesh. Skriv inn ca 5 rader og 6 kolonner. Du vil legge til noen Mesh linjer senere, så hold det enkelt for nå.


Trinn 6

Bruk Direct Selection-verktøyet (A), flytt de ytre punktene, slik at de justeres med ytre kantene på ansiktet. Du må justere noen av poengets håndtak for å få den ytre linjen til å følge formen. Det kan hende du må flytte noen av de tilstøtende punktene innover også.

Det kan bidra til å vise nettverket i kontrastmodus, for å sikre de jevneste kurver.

Du kan ende opp med noen linjer som henger ut over rammen av nettverket, men du kan håndtere dem senere.

Den opprinnelige formen skal se ut som bildet nedenfor.


Trinn 7

Flytt de to punktene over øynene, slik at masken begynner å ta på seg dimensjonen av øyekontakter. Hvis du vil at de skal være symmetriske, velg begge punktene (hold nede Skift-tasten når du velger) og flytt dem samtidig.


Trinn 8

Flytt punktene i nærheten av øynene slik at de justerer seg med toppen av øyevannene.


Trinn 9

Ta Mesh-verktøyet (U) og klikk på en vertikal nettlinje for å legge til en ny horisontal maskelinje under linjen du justerte i forrige trinn. Flytt de nye punktene og håndtakene slik at de passer til bunnen av øyet.


Trinn 10

Legg til to nye masker på begge sider av nesen. Denne gangen klikker du på en horisontal linje for å lage en vertikal en. Ved hjelp av Mesh-verktøyet, hold nede Alternativ / Alt-tasten og klikk på den midterste vertikale linjen for å slette den.

Som før, flytt poengene og håndtakene for å følge nesekurver. Flytt punktene på linjen under nesen for å begynne å forme munnen.


Trinn 11

Dette er den grunnleggende prosessen for å danne bildet. Hold bevegelse poeng og linjer for å følge ansiktets konturer. Legg til en ny maskelinje på steder der du trenger mer detaljer. Som med et vanlig Gradient Mesh, påvirker det poengene ved siden av hver gang du flytter ett punkt.

Så du vil sannsynligvis ha mye forsøk og feil når du fortsetter å jobbe. Du kan få skarpe hjørner som i bildet nedenfor. Avhengig av hvor de faller, kan disse hjørnene hjelpe til med å definere bildet ditt, som i området under nesen. Andre ganger vil du at de skal gå vekk, og du må gjøre mikrojusteringer til de omkringliggende punktene for å bli kvitt dem.

For å gjøre bildet så symmetrisk som mulig, tegne guider og linje opp punktene på venstre og høyre side.


Trinn 12

Fortsett å legge til nye maskelinjer etter behov, og bevegelige punkter. Du kan komme til et punkt der du har for mange maskelinjer og vil slette en eller to. Det er helt fint - det er vanskelig å slutte å tweak og besatt over hver linje og kurve.

Hvis du skulle ønske å endre fargen på rutenettet og fortsatt kunne redigere nettverket, går du til Objekt-menyen og velger Konvolutt forvreng> Rediger innhold. Når du er ferdig, gå tilbake og velg Rediger konvolutt.


Trinn 13

Når du er fornøyd med bildet ditt, kan du utvide effekten ved å gå til Objekt> Utvid. Rutenettet blir utvidet til deres manipulerte former. Du kan nå rydde opp noen linjer som henger utenfor kantene, og selvfølgelig kan du få tak i strekkene.


Trinn 14

Hvis du vil gi bildet en gradientfylling, må du skissere strekkene ved å gå til Objekt> Sti> Oversiktstrekk. Du kan også eksperimentere med forskjellig bakgrunn og andre effekter.


Konklusjon

Mye mer arbeid kan gjøres med denne illustrasjonen, men nå som du vet det grunnleggende, kan du starte med et strammere rutenett eller et annet mønster. Konvoluttforvrengning gir deg fleksibilitet til å presse, trekke, vri og forme ethvert vektorobjekt til ditt hjertes innhold.