Shape-Building med VectorScribe

VectorScribe er en Illustrator-plugin-modul som vil endre måten du jobber med i din favoritt vektor tegneprogram. Etter at du har brukt det en stund, vil de gamle måtene med filkonstruksjon føles besværlig og kjedelig. VectorScribe er kraftig og intuitiv, men som alt, har den en læringskurve og tar litt vant til. Ikke la det avskrekke deg og mdash når du kjenner deg rundt dette verktøyet, du vil jobbe raskere, smartere og mer rent. La oss komme i gang!

Sponset innhold

Dette er en sponset anmeldelse eller giveaway av et produkt / en tjeneste som er spesielt relevant for våre lesere.


Trinn 1

VectorScribe kommer i to versjoner: Studio og Designer. I denne opplæringen vil jeg mest forholde seg til PathScribe-verktøyet, som er en del av Designer og Dynamic Curves-verktøyet, som finnes i VectorScribe Studio. Du kan laste ned en gratis syv-dagers prøveversjon her.


Steg 2

Som referanse bruker jeg en gammel bilannonse, som jeg har lagt på et malelag. Du kan selvsagt bruke en skisse, et bilde eller bare tegne av fantasien din.

Bruk rektangulærverktøyet (M) til å tegne et rektangel som i bildet nedenfor. Dette vil gi opp hetten og forsiden av bilen.


Trinn 3

Velg PathScribe-verktøyet. Begynn å dra det øverste segmentet av rektangelet. Du vil merke at banen begynner å kurve. Dra fra siden av segmentet (ikke midten), og hold nede Skift-tasten for å gjøre kurven symmetrisk. Dra den så den passer til kurven til bilens topp.

Allerede du kan forstå hvor mye effektiv PathScribe-verktøyet er. For å lage denne formen alene med Illustrator, må du tegne rektangelet, tegne en ellipse, deretter justere dem, og bruk Pathfinder til å fusjonere dem. Du må kanskje til og med rydde opp ekstra poeng. Med VectorScribe reduseres en 4-trinns prosess til bare to trinn, og er mye mer intuitiv og nøyaktig.

Merk: Hvis du drar en rett bane fra midten, mens du holder Shift-tasten, får du en annen oppførsel på hjørnehåndtakene, som du kan se i følgende sammenligning:


Trinn 4

Tegn et annet rektangel som dekker området på frontruten. Bruk Free Transform Tool (E), dra et øverste hjørne av rektangelet mens du holder nede Command + Shift + Option. Dette vil endre perspektivet, slik at resultatet er en trapesform, som i bildet nedenfor.

Som tidligere bruker du PathScribe-verktøyet for å lage en avrundet topp.


Trinn 5

Gå til Window> VectorScribe> Dynamic Corners Panel. Klikk deretter på panelet for å velge verktøyet.

Beveg deg over det øverste venstre hjørnet av trapesen. Begynn å dra med verktøyet Dynamic Corner, og du får øyeblikkelig visuell tilbakemelding på hjørnet. Juster den med kildebildet. Nå, alt du trenger å gjøre på høyre side, er å klikke på hjørnet og en kurve vil bli opprettet med samme radius som den du bare drar.

Igjen, alene med Illustrator, måtte disse kurvene tegnes manuelt, eller en kombinasjon av ellipser måtte brukes. VectorScribes dynamiske hjørner bruker en ekte radius, noe som gir bedre nøyaktighet enn det som kan oppnås for hånd. Jeg tror de ser også bedre ut.


Trinn 6

Bruk pennverktøyet til å tegne en 4-sidig polygon for vinduet. Bruk verktøyet Dynamiske kurver, dra rammene for å lage kurver.


Trinn 7

For grillen, ta en trapesform som før. Dra den øverste banen med PathScribe-verktøyet for å gjøre det bøyd. Gjør det samme med venstre og høyre side. Bruk verktøyet Dynamic Corners til å lage kurver, som i trinn 5.


Trinn 8

Tegn et rektangel rundt utsiden av lyskasthuset, som nedenfor. Ta verktøyet Dynamiske hjørner og tegne kurvene for begge øvre hjørner og nederst til venstre.

Bytt til PathScribe-verktøyet og dra en kurve innover, mellom punktene på venstre kant, som vist.


Trinn 9

Bruk fortsatt PathScribe-verktøyet, velg punktet øverst på kurven du nettopp har laget. Hvis PathScribe-panelet ikke er synlig, gå til Window> VectorScribe> PathScibe Panel for å vise det. Klikk på glatt punktikonet på panelet, som i bildet nedenfor. Igjen kan du se hvordan VectorScribe gjør en slik justering raskere og mer nøyaktig.


Trinn 10

For innsiden av lyshuset, tegne et rektangel som før, og juster hjørnene med Dynamic Corners-verktøyet.


Trinn 11

Her er det vi har så langt. Du vil legge merke til de røde merknadene på kurvene. Disse indikerer kurvens "dynamiske" status. Du kan tenke på "dynamisk" på samme måte som Illustrator bruker ordet "live".

I dette tilfellet kan alle dynamiske hjørner radiene endres, enten ved å dra med verktøyet, eller ved å skrive inn en verdi i panelet. Selv om du beveger hjørneposisjonen, opprettholder kurvradiusen. Hvis du holder nede Alternativ / Alt-tasten mens du plasserer kurven, ser du en indikasjon på kurvenes opprinnelige, ikke-buede sti, og du kan alltid gå tilbake til den vinkelen ved å velge Fjern valgte hjørner fra panelets fly-meny. Alternativt kan du bare dra med verktøyet Dynamic Corners utover det opprinnelige punktet for å gå tilbake til et rett hjørne.


Trinn 12

For støtfangeren tegner du rette segmenter med pennverktøyet, og legger deretter til kurver med Dynamic Curves-verktøyet. Vi skal bare tegne halvparten, så reflektere og kopiere for en symmetrisk form.

Gjør stroke mye tykkere, og legg til en avrundet hette.


Trinn 13

Gå til Objekt> Sti> Oversiktstrekk. Bytt fylling og strekk hvis du ønsker det, ved å trykke Shift + X.

Velg sluttpunktet og klikk på Uttrekk håndter-ikonet på PathScribe-panelet, som i bildet nedenfor.

Dette er det samme som å klikke på punktet med verktøyet Konverter anker. I dette tilfellet, hvor vi har et enkelt poeng å konvertere, er det ingen fordel å bruke PathScribe-funksjonen. Men forestill deg å ha en buet blomstform med mange kronblad som du vil konvertere. Å kunne gjøre det med ett klikk, ville spare mye tid!


Trinn 14

Bruk Reflect-verktøyet til å vende halvt støtfangeren horisontalt mens du kopierer det. Slå sammen de to figurene for å fullføre støtfangeren


Konklusjon

Jeg har nettopp riper overflaten av hva denne pakken med verktøy kan gjøre. VectorScribe er rik på funksjoner, i et intuitivt, kjent grensesnitt. Mer enn noen få ganger har jeg brukt et verktøy eller klikket på en knapp og tenkte, "Wow, det var slik Illustrator burde ha jobbet hele tiden."

Jeg håper denne opplæringen oppfordrer deg til å prøve det og ha noen "A-ha!" øyeblikk av deg selv. Bildet nedenfor viser den endelige vektorbilen, etter å legge til farger og noen få detaljer. Ha det gøy å lage din egen.