Hvordan lage veier og jernbane spor på en Path

How å lage veier og jernbane spor på en bane

I denne opplæringen, vil vi gjøre en semi-realistisk vei og jernbane spor som faktisk består av en enkelt bane hver. Selv om det ser umulig, det er ikke noen børster og ikke behov for noen effekter som skal brukes, men du kan bruke noen effekt hvis du vil. Hemmeligheten er skjult i en vanskelig kombinasjon av flere slag. Fascinert? Les mer!



Final Bilde Forhåndsvisning

Nedenfor er det siste bildet vi skal jobbe mot. Vil ha tilgang til hele Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli Vector Plus for bare 9 $ i måneden

Tutorial Detaljer

Program
. Adobe Illustrator CS3

Vanskelighetsgrad:
nybegynner til middels

Beregnet Fullføringstidspunkt:
30 minutter

Innledning

Nylig ble jeg lage et kart i Adobe Illustrator som inkluderte et jernbanespor og en vei. Jeg hadde til å skape den dynamiske effekt, slik at både gjenstander kan lett forandre retning. Derfor bør de ha utgjort en bane hver. Selvfølgelig, min første tanke var å lage børster.

Likevel, jeg trodde det ville være litt av en utfordring å lage en vei og et jernbanespor uten bruk av børster eller altfor avhengig av effekter. Jeg ønsket hver og en til å bestå av en redigerbar bane. Etter ca 15 minutter arbeidet ble fullført. Jeg fant en fin måte å skape disse objektene ved hjelp av Utseende paletten og flere strøk påføres. Gleder meg til å dele denne informasjonen, så la oss komme i gang!

Del 1: Road

Veien er lett å lage, så la oss starte med det første. Åpne Adobe Illustrator og opprette et nytt dokument (Command + N), gjør det 1000px x 600 px, i RGB-modus

Trinn 1

Vi trenger en første vei til å begynne med -. Så la oss skape en rett linje (\\). Når effekten er klar vil vi lagre den og bruke den på en annen bane senere. Nå det viktigste er å forestille seg hvordan veien ser ut ovenfra.

Vi vil lage den med bare flere slag, slik at bredere strøk vil være på bunnen av stabelen, vil alle de andre legges over med thinest en på toppen. La oss gjøre basen først: lage din linje uten fyll med en 100 pkt bredt strøk. Dessuten gir det medium grå farge (# 666666 eller K = 60%). Dette vil være den viktigste vegbredde.

Trinn 2

Nå må vi gjøre veien grensen. Velg linjen, gå til Utseende panel (Shift + F6), og her får du se alle effekter brukt til det. Det er bare å fylle (ingen) og en grå slag som vi bare brukt.

Velg slag nå, og dra den til Ny-knappen (eller velg Legg til ny Stroke i flyout menyen). Den nye slag vil vises på toppen og det vil bli valgt. Endre farge til lysere grå (# 999999 eller K40%) og endre bredden til 112 pt. Til slutt, drar den nye slag under den første - her er grensen

Trinn 3

La oss lage en markering nå.. Med den valgte veien, legge til et nytt slag i Utseende-panelet. Endre den farge til hvit, og gi den 10 pt bredde. Nå gå til hjerneslag paletten og sjekk stiplet linje. Gjør slaget 80 pt med en avstand på 20 pt. Veien basis er klar.

Trinn 4

Selv om veien ser gjenkjennelig, tror jeg det virkelig mangler realisme. Så la oss legge litt volum. Velg linjen, gå til Utseende panel og legge til en ny strek. Gjør det 114 pr bred, # 666666 farger (eller K60%), fjerner Stiplet alternativet og dra den til bunnen av bunken. Nå er dette slag er den ytre side av veien grensen.

Trinn 5

For nå vil du ha fire slag i vegens Utseende panel. For den indre side av grensen, velger slag som er 112 pt bred (andre fra bunnen) og dra det til en ny knapp (ikke glem å velge veien her!). Gi den nye slag en mørkere grå farge (K = 70% eller # 4d4d4d) og 104 punkter bredde. Denne slag er rett på plass, slik at vi ikke trenger å flytte den.

Trinn 6

Hvis formålet er enkel navigering eller ikon design, ser denne veien OK for det. Men jeg vil gjerne legge til noen teksturen. Igjen, vet du hva du skal gjøre, velge veien, gå til Utseende-panelet, velger vår hoved grå 100 pt slag (det er den andre fra toppen) og legge til nye slag igjen. Dette er den siste - jeg lover. Nå endrer ikke det er bredde. Det vil være teksturen som dekker våre viktigste veibanen

Med denne nye slag valgt, går du til menyen Vindu >.; Fargeprøver Library > Patterns > Grunnleggende grafiske > Tekstur. I mønsteret bibliotek velge en uregelmessig tekstur som Mezzotint Dot. Effekten kan se for harde, så bare gå til Opacity panel og redusere hjerneslag Opacity til 15%. Du kan også være lurt å prøve andre teksturer fra dette biblioteket, som Mezzotint eller intrikate Surface, bare velge hva som ser best for deg.

Trinn 7

Til slutt, (med den valgte selvfølgelig veien) endre øverste markup hjerneslag er blending mode til Overlay slik at teksturen viser gjennom (eller det kan være lurt å bare redusere det Opacity til ca 70%). For nå har du 6 slag som du kan se i bildet nedenfor.

Trinn 8

For de av dere som ønsker mer realistiske resultater foreslår jeg at du lager ditt eget mønster med uregelmessig tekstur og erstatte Mezzotint slag med det. Jeg gjorde mine fra en grå firkant kjøre gjennom Raster Effekt av Texture > Korn, deretter utvidet, oppheves, live spores og lagret den i fargeprøver panel. Deretter velger veien tekstur slag og velge et nytt mønster swatch. Du kan også være lurt å justere det nye mønsteret slag opasitet (jeg gjorde det 30%).

Veien er klar! Nå kan du lagre resulterte virkning som en grafisk stil og bruke den til enhver sti. Du kan lage nytt svingete vei med Pen Tool (P), Ellipse Tool (L), eller noen annen form eller bane

Del 2:. Rail Track

Som du kanskje har gjettet, veien var ganske enkel i forhold til hva som er neste - jernbane spor. Det er ganske vanskelig å lage uten børster eller effekter for de som ikke er kjent med Illustrator hemmeligheter. Den vanskelige delen ligger i dobbel tråd av skinnene. Men jeg skal vise deg hvordan du gjør det med flere strøk bare.

Trinn 1

Igjen, tegne en linje (\\). La oss først gjøre en grunnleggende formen på jernbanespor. Gi din linje en medium brun slag farge (jeg brukte # a67c52 - uansett, vil vi erstatte det med tekstur senere) og tilordne den en bredde på 100 pt. Nå gå til Stroke paletten og gjøre den stiplede med 10 pt slag og en 10 pt gap. Ok, så disse er våre fremtidige tresviller (som er et rektangulært objekt brukt som base for jernbanespor, også kalt kryss bånd).

Trinn 2

Nå må vi gjøre skinnene . Med den valgte linjen, gå til Utseende palett og legge til en ny strek. Gi den grå farge (# 4d4d4d eller K = 70%), gjør det 60 punkter bred og fjern haken Stiplet i slag palett. Dette vil være våre rails. Jeg vet, det ser dårlig nå, men vær tålmodig og gå til neste trinn.

Trinn 3

For å faktisk gjøre skinnene, legge til et nytt slag til linjen. Gjør det rosa (eller noen annen levende farger) og 40 pt bred. Det bør være på topp. Denne slag vil fungere som en slags maske i Utseende paletten, og det vil ikke være synlig. Jeg bare gjorde det rosa å raskt velge det senere i Utseende-panelet.

Trinn 4

Her kommer den vanskelige delen. Pass på at den rosa hjerneslag er valgt (det må være etter forrige trinn) og gå rett til Opacity paletten (eller trykk Shift + Kommando + F10) og redusere Opacity til 0%.

Nå gå tilbake til Utseende panel og velg den øverste linjen som sier Path. Og nå tilbake til Opacity panel og klikk to ganger på alternativet Knockout konsernet, slik at det er kontrollert. Ta-da! Skinnene er klare! Den rosa strek er en maske nå å slå ut alle slag under. Nå kan du sette denne skinnegang på en bakgrunn, og det vil vise gjennom

Merk: Du kan legge merke til at endene på linjene ikke ser flott ut. For å fikse det endrer den rosa slag cap stil til rundet i Strek-panelet.

Trinn 5

Dessverre masken slått ut våre sviller også, så vi trenger å legge dem over. Duplicate bunnen brun strek, dra den på toppen av bunken og endre sin bredde til 40 pt. For nå har du 4 slag i Utseende-panelet: brun 100 pt (bunnsviller), grå 60 punkter (rails), rosa 40 punkter (maske), og brune 40 pt (øverst sviller). Gratulerer, er den grunnleggende skinne form klar!

Trinn 6

Nå vil vi legge til noen realistiske detaljer. La oss forbedre våre sviller først. Velg den nederste brune slag av jernbanespor og kopiere det. Nå velger den nederste av de samme to slag og endre sin farge til mørk brun (# 42210b). Nå endrer det er bredden til 102 pt.

Til slutt, gå til Strek paletten og endre verdiene av den stiplede linjen til 11 slag og 9 gap. Nå er alt du trenger å gjøre er å lage en kopi av dette slag og dra den 3 slag over for å plassere den under dine topp sviller. Selvfølgelig, endre det er bredde 40 pt.

Trinn 7

Skinnene mangler realisme også, så la oss velge den grå slag i midten av Utseende stabelen og kopiere det (kopien vises over). Endre den farge til en mørkere grå (# 333333 eller K = 80%) og gjøre det 44 pt bred. Dette er den indre side av skinnene. Kopiere den til å gjøre yttersiden og dra det under hoved rail slag. Endre bredden til 64 pt. Nå har du 8 slag

Trinn 8

Dette trinnet er unødvendig, men du kan gjøre det for å legge en mer detaljert -. De sluttet skinnene. Duplisere den grunnleggende rail slag (den grå med 60 punkter bredde). Gi den en mørkere grå farge (# 1a1a1a eller K90%) og gjøre det stiplede i Strek paletten med en pt slag og 200 pt gap.

Hvis du vil legge felles barer som løser rails, kopiere den nye slag og dra det under hoved rail slag (to Stokes ned). Gjør det 68 pt bred og endre rekkefølgen på streker til 11 slag og 190 gap. Ideen er å holde begge nylig opprettede slag sammen, slik at summen i sine slag /spaltenumre må være lik (1 + 200 = 11 + 190). På denne måten skinneskjøter og felles barer har samme posisjon.

Trinn 9

OK, for nå har du 10 slag, og det er nok for vår jernbanespor. Det eneste vi trenger nå er tre korn for sviller. Dessverre er det ingen standard tre mønstre i Illustrator, men vi finner det likevel.

Du kan bruke en hvilken som helst metode for å skape tre mønstre, men jeg skal fortelle deg den enkleste måten. Gå til Window > Brush Bibliotekene > Border > Borders_Frames og åpne børster biblioteket. Det er et par tre børster her som kan dekke våre sviller.

Ta tak i Oak børste og dra den inn i dokumentet (slik at ikke formen er valgt, ellers børsten vil bli brukt til det). Gruppen av figurer vises - velg den og trykk på Skift + Kommando + G for å løse opp. Nå sletter hjørnet delen av børsten - og du ender opp med en enkel tre tekstur. Roter tre gruppen ved 90 grader (jeg bare liker det bedre på denne måten) og dra den inn i din swatches paletten. Dobbeltklikk på det nye fargekartet og gi den navnet "Wood".

Trinn 10

Alt du trenger å gjøre nå er å velge den jernbanespor og erstatte de lysebrune slag i Utseende panel med nye tre mønster. Velg slag av sviller (andre fra bunnen 100 pkt) og klikk "Wood" i Fargeprøver-panelet. Gjør det samme med den øverste slag på 40 pt bredde. Vel, er din skinne klar, og du kan lagre det som en grafisk stil og bruke den til enhver kurve nå!

Trinn 11

Du vil ende opp med 10 slag for jernbanespor og 6 slag for veien. Vi brukte 100 pt strøkbredde, men når du forstår ideen, kan du lage den samme effekten for alle slag størrelse. Likevel vil du være i stand til å skalere aktuelle effekter hvis du sjekker Transform Strokes og effekter i flyout menyen i Transform paletten (Shift + F8). Ikke glem å lagre disse slagkombinasjoner som grafiske stiler å søke på dem senere til enhver sti.

Konklusjon

I denne opplæringen vi har gjort en multi-lagdelt effekt av vei og jernbanespor bruker hovedsakelig Utseende paletten i Adobe Illustrator. For å oppnå det vi brukte flere slag av forskjellig bredde, farge og type. Vi utnyttet også knockout effekt av opasitet panel for maskering. Objekter som er laget med denne teknikken kan enkelt redigeres, som et resultat består av en bane.

Den metoden som er beskrevet ovenfor er stor for å skape noen form for veier. På eksemplet nedenfor jeg opprettet 7 linjer og brukt ulike grafiske stiler som jeg laget for jernbanespor, vei, bredere gate og boulevard. Hver vei er faktisk en enkelt redigerbar bane. Jeg håper du likte effekten, og det inspirerer deg med noen gode nye ideer. Vær kreativ!

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.