Quick Tips: Hvordan lage en Vector Node Design Rundt en Shape
I det følgende opplæringen vi skal se på hvordan du kan lage en vektor bane design rundt en form, ligner på node elementene du vil se på noen vektor program. Vi skal jobbe i Adobe Illustrator med utseendet panel og et mønster Brush å lage dette design som er en del av Tuts + Workshop: Alphabet Design Challenge
Trinn 1
Åpne Adobe Illustrator og trykke Command + N for å opprette et nytt dokument. Skriv inn 600 i bredde og høyde boksene klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at " Juster nye objekter til Pixel Grid " boksen er merket av før din klikker OK.
Trinn 2
Bruke Type Tool (T), legge til en enkel " V ". Satt sin farge på R = 255 G = 222 B = 23, kan du bruke " Script MT Bold " skrift med størrelsen satt til 400pt deretter gå til Type > Lag Outlines (Shift + Ctrl + O). Flytt til Lag-panelet og opp gruppe (Shift + Ctrl + G) den resulterende formen.
Trinn 3
Velg den formen laget i forrige trinn, og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og ta tak i Direct Selection Tool (A). Hold Shift, klikk på ankerpunktet markert i det andre bildet og trykk på Delete-tasten på tastaturet. Til slutt bør du få det lille forankringspunkt fra tredje bildet.
Trinn 4
Velg det ankerpunkt fra forrige trinn, fokus på Utseende panel og legge en hvit strek. Velg det, gjør det 3pt bredt og gå til Effect > Konverter til figur > Rektangel. Skriv inn de data som vises nedenfor, klikk på OK og gå tilbake til Utseende panel.
Legg til en ny strek for denne forankringspunkt ved hjelp av Legg til ny Stroke knappen fra bunnen av Utseende panel. Velg det, gjør det 1PT bred, sette farge på svart og gå til Effect > Konverter til figur > Rektangel. Tast inn dataene vist i følgende bilde og klikk på OK. Sørg for at dette forankringspunkt er likevel valgt og bare dra den inn i Fargeprøver-panelet. Dette vil lagre det som et mønster. Dobbeltklikk på dette nye mønsteret og gi den navnet " Start-& End Tile ". Vi trenger den senere når vi skal skape et mønster Brush.
Trinn 5
Velg det gule form og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien, ta tak i Direct Selection Tool (A), hold Shift, klikk på ankerpunktet markert i det andre bildet og trykk på Delete-tasten på tastaturet. Igjen, bør du ende opp med et enkelt ankerpunkt. Deretter må du kopiere de egenskaper som brukes i forrige trinn og lime dem inn i denne nye ankerpunkt. Du kan enkelt gjøre det ved hjelp av target-ikonet. Flytt til Lag-panelet, fokus på høyre side, og du vil merke at hver figur kommer med en liten grå sirkel, det er et mål ikon. Hold Alt, klikk på målet ikonet som står for ankerpunkt redigeres i forrige trinn, og dra på målet ikonet som står for denne nye ankerpunkt.
Trinn 6
Hold fokus på ditt gule form og gjenta teknikken nevnt i forrige trinn for resten av ankerpunktene.
Trinn 7
Bruke rektangel Tool (M), klikker du bare på artboard. Skriv inn fem i bredden boksen og en i høyden og klikker på OK. Dette bør opprette en 5 av 1px rektangel. Velg det, fyll den med svart, åpner Børster panelet (Vindu > Børster) og klikk på knappen Ny pensel for. Sjekk Pattern Brush og klikk OK. Velg et navn for penselen deretter flytte ned til Tile bokser. Velg Start og End Fliser og tilsett " Start-& End Tile " mønster. Du bør finne det i listen under flisen boksene. Til slutt klikker OK, og du bør finne din nye mønster pensel inne i Børster panel. Når du har fått dette mønsteret pensel kan du fjerne den svarte firkanten fra Lag-panelet.
Trinn 8
Fokus på undersiden av din gul vektor banen. Bruke Pen Tool (P), tilsett noen enkle baner for de nederste festepunktene som vist i det første bildet. Velg alle tre baner og erstatte den svarte slag med mønsteret pensel laget i forrige trinn. Til slutt ting skal se ut i det andre bildet.
Trinn 9
Deretter må du redigere ankerpunktene som du har lagt de mønstrede baner. Velg ett av disse festepunktene og fokus på utseendet panel. Først slette hvite hjerneslag. Deretter velger du svart strek, øke sin størrelse til 3pt deretter åpne eksisterende rektangel effekt og redigere det som vist i følgende bilde. Flytt til lagpanelet og bruke disse målikoner å legge de samme egenskapene for de andre to ankerpunkter.
Step 10
Velg det gule stien, fokus på Utseende panel og legge til en annen fylling ved hjelp av Legg til ny Fyll knappen. Velg denne nye fyll, endre Blending Mode til Soft Light, senk Opacity til 70%, tilsett lineær gradient vist nedenfor, og gå til Effect > Sti > Offset Path. Skriv inn et -3px Offsettrykk, og klikk OK. Hold fokus på Utseende panel, legge til et slag for denne formen, gjør det svart og 1pt bred. Den gule null fra gradient bildet står for Opacity prosentandel.
Trinn 11
Kontroller at gul vektor banen er fortsatt valgt og fokusere på Utseende panel. Velg den gule fyll og gå til Effect > Sti > Offset Path. Skriv inn et 0.5px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Skriv inn de data som vises nedenfor, klikk på OK og gå tilbake til Utseende panel. Legg en annen fylling for denne formen, dra den i bunnen av Utseende panel og sette sin farge på R = 255 G = 242 B = 77. Reselect din " V " sti, sørg for at det ikke fyll eller hjerneslag er valgt (i Utseende panel) og gå til Effect > Stilisere > Drop Shadow. Tast inn dataene som vises i venstre vindu, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast inn dataene som vises i vinduet til høyre og klikk på OK
Trinn 12
Gå til Rediger >.; Preferanser > Generell og angir Keyboard Increment på 0.25px. Bruke rektangel Tool (M), opprette en 12px kvadrat, fyll den med R = 203 G = 203 B = 203 og duplisere den (Ctrl + C > Control + F). Velg denne kopien og traff pil venstre og pil opp en gang for å flytte den 0.25px opp og til venstre. Reselect begge rutene, åpner Pathfinder-panelet og klikk på Minus Front-knappen. Velg den resulterende banen, slå den inn i et mønster deretter fjerne det fra Lag-panelet.
Step 13
Med rektangel Tool (M), lage en form av størrelsen på artboard, fyll den med R = 250 G = 250 B = 250 deretter sende den til å sikkerhets (Shift + Ctrl + [).
Trinn 14
Velg det rektangelet gjort i forrige trinn, fokus på Utseende panel og legge til en annen fylling. Velg den, legge mønsteret laget i tolvte trinnet og du er ferdig.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut. Jeg håper du er inspirert til å ta del i våre siste Tuts + Workshop:. Alphabet Design Challenge Anmeldelser