Rask Tips Hvordan lage en Vector Node Design rundt en form

I den følgende opplæringen ser vi på hvordan du lager en vektorbaneutforming rundt en form som ligner på nodene du vil se i et vektorprogram. Vi jobber i Adobe Illustrator med Utseendepanelet og et mønsterbørste for å lage dette designet som er en del av Tuts + Workshop: Alfabet Design Challenge!


Trinn 1

Åpne Adobe Illustrator og klikk på Command + N for å opprette et nytt dokument. Skriv inn 600 i boksen bredde og høyde, og klikk deretter på Avansert-knappen. Velg RGB, Screen (72ppi) og pass på at "Juster nye objekter til pikselrutenett" -boksen ikke er slått på før du klikker OK.


Steg 2

Ved hjelp av Type Tool (T), legg til en enkel "V". Angi farge ved R = 255 G = 222 B = 23, bruk fonten "Script MT Bold" med størrelsen satt til 400pt og gå til Type> Opprett overskrifter (Shift + Control + O). Flytt til lagpanelet og Ungroup (Shift + Control + G) den resulterende formen.


Trinn 3

Velg formen som ble gjort i forrige trinn og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og ta direkte utvalgingsverktøyet (A). Hold Shift, klikk på ankerpunktet som er markert i det andre bildet, og trykk deretter på Slett-tasten fra tastaturet. Til slutt bør du få det lille ankerpunktet fra det tredje bildet.


Trinn 4

Velg ankerpunktet fra forrige trinn, fokus på Utseendepanelet og legg til et hvitt strekk. Velg den, gjør den 3pt bred og gå til Effect> Convert to Shape> Rectangle. Skriv inn dataene som vises nedenfor, klikk OK og gå tilbake til Utseendepanelet.

Legg til et nytt slag for dette ankerpunktet ved hjelp av knappen Legg til ny strekk fra bunnen av Utseendepanelet. Velg den, gjør den 1pt bred, sett fargen på svart og gå til Effect> Convert to Shape> Rectangle. Skriv inn dataene som vises i følgende bilde, og klikk OK. Pass på at dette ankerpunktet fremdeles er valgt, og bare dra det inn i svitsjepanelet. Dette vil lagre det som et mønster. Dobbeltklikk på dette nye mønsteret og nev det "Start & End Tile". Vi trenger det senere når vi lager en mønsterbørste.


Trinn 5

Velg den gule formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien, ta direkte utvalgingsverktøyet (A), hold Shift, klikk på ankerpunktet som er markert i det andre bildet, og trykk deretter Slett-tasten fra tastaturet. Igjen, bør du ende opp med et enkelt ankerpunkt. Deretter må du kopiere egenskapene som ble brukt i forrige trinn og lime dem inn på dette nye ankerpunktet. Du kan enkelt gjøre det ved hjelp av målikonet. Flytt til lagpanelet, fokus på høyre side, og du vil legge merke til at hver form kommer med en liten grå sirkel, det er et målikon. Hold Alt, klikk på målikonet som står for ankerpunktet redigert i forrige trinn, og dra til målikonet som står for dette nye ankerpunktet.


Trinn 6

Fortsett å fokusere på din gule form og gjenta teknikken som er nevnt i forrige trinn for resten av ankerpunktene.


Trinn 7

Ved hjelp av rektangelverktøyet (M) klikker du bare på tavlen. Skriv inn 5 i breddeboksen og 1 i høydeboksen, og klikk deretter OK. Dette skal skape et 5 x 1 x rektangel. Velg den, fyll den med svart, åpne børstepanelet (Vindu> Pensler) og klikk på Ny penselknappen. Sjekk mønsterbørste-knappen og klikk OK. Velg et navn for børsten din og flytt deretter ned til flisene. Velg Start og End Fliser og legg til "Start & End Tile" -mønsteret. Du bør finne den i listen under flisene. Til slutt klikker du OK, og du bør finne den nye mønsterbørsten i børstepanelet. Når du har fått dette mønsterbørsten, kan du fjerne det svarte rektangelet fra lagpanelet.


Trinn 8

Fokuser på bunnen av den gule vektorbanen din. Ved hjelp av pennverktøyet (P) legger du til noen enkle baner for nedre ankerpunkter som vist i det første bildet. Velg alle tre banene og erstatt den svarte streken med mønsterbørsten som ble gjort i forrige trinn. Til slutt skal ting se ut i det andre bildet.


Trinn 9

Deretter må du redigere ankerpunktene som du la til mønstrede baner. Velg ett av disse ankerpunktene og fokus på Utseendepanelet. Først sletter du det hvite strekket. Deretter velger du svart slag, øker størrelsen til 3pt, og åpner den eksisterende rektangel-effekten og redigerer den som vist i bildet nedenfor. Flytt til lagpanelet og bruk disse målikonene for å legge til de samme egenskapene for de to andre ankerpunktene.


Trinn 10

Velg den gule banen, fokus på Utseendepanelet og legg til en ny fylling ved hjelp av knappen Legg til ny fylling. Velg denne nye fyllingen, endre blandingsmodus til mykt lys, senk Opacity til 70%, legg til den lineære gradienten som vises nedenfor og gå til Effekt> Sti> Offset Path. Skriv inn en -3px Offset og klikk OK. Fortsett å fokusere på Utseendepanelet, legg til et slag for denne formen, gjør den svart og 1pt bred. Den gule nullen fra gradientbildet står for Opacity-prosentandel.


Trinn 11

Pass på at den gule vektorbanen din fortsatt er valgt, og fokus på Utseendepanelet. Velg den gule fyllingen og gå til Effekt> Sti> Offset-vei. Skriv inn en 0,5 px Offset, klikk OK og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som vises nedenfor, klikk OK og gå tilbake til Utseendepanelet. Legg til en ny fylling for denne formen, dra den i bunnen av Utseendepanelet og sett fargen på R = 255 G = 242 B = 77. Velg "V" -banen din, kontroller at ingen fylling eller strekk er valgt (i Utseendepanelet) og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det venstre vinduet, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det høyre vinduet, og klikk OK.


Trinn 12

Gå til Rediger> Innstillinger> Generelt og sett inn tastaturinnhøyningen på 0,25 px. Bruk Rectangle Tool (M), opprett en 12px-firkant, fyll den med R = 203 G = 203 B = 203 og dupliser den (Control + C> Control + F). Velg denne kopien og trykk på venstre pil og pil opp en gang for å flytte den 0.25px opp og til venstre. Velg begge feltene, åpne Pathfinder-panelet og klikk på Minus Front-knappen. Velg den resulterende banen, gjør den til et mønster, og fjern det fra Lagpanelet.


Trinn 13

Med rektangulærverktøyet (M), lag en form på størrelsen på tavlen, fyll den med R = 250 G = 250 B = 250 og send den til baksiden (Shift + Control + [).


Trinn 14

Vellgjør rektangelet som ble gjort i forrige trinn, fokus på Utseendepanelet og legg til en ny fylling. Velg den, legg til mønsteret i tolvte trinnet, og du er ferdig.


Konklusjon

Nå er arbeidet ditt gjort. Slik ser det ut. Jeg håper du er inspirert til å delta i vår siste Tuts + Workshop: Alfabet Design Challenge.