În acest tutorial vom face o pistă semi-realistă pe șosele și șine, care constă de fapt dintr-o singură cale. Deși pare imposibilă, nu există perii și nu este nevoie de efecte care să fie aplicate, dar ați putea folosi un efect dacă doriți. Secretul este ascuns într-o combinație dificilă de lovituri multiple. Intrigat? Citeste mai mult!
Mai jos este imaginea finală la care vom lucra. Doriți acces la fișierele vectoriale Source și copiile descărcate ale fiecărui tutorial, inclusiv acesta? Alăturați-vă Vector Plus pentru doar 9 $ pe lună.
Recent, făceam o hartă în Adobe Illustrator care includea o pistă de cale ferată și un drum. A trebuit să creez efectul dinamic, astfel încât ambele obiecte să poată schimba cu ușurință direcția. De aceea, ei ar fi trebuit să constituie câte o cale. Desigur, primul meu gând a fost să creez pensule.
Totuși, am crezut că ar fi o provocare destul de mare pentru a face un drum și o pistă de cale ferată să nu utilizeze perii sau să se bazeze prea mult pe efecte. Am vrut ca fiecare să fie alcătuită dintr-o cale editabilă. După aproximativ 15 minute lucrarea a fost terminată. Am găsit o modalitate excelentă de a crea aceste obiecte cu ajutorul paletei Aspect și a aplicațiilor multiple. Nu puteți aștepta să distribuiți aceste informații, așa că să începem!
Drumul este ușor de creat, așa că să începem mai întâi cu acesta. Deschideți Adobe Illustrator și creați un document nou (Command + N), faceți-l la 1000px la 600 px, în modul RGB.
Avem nevoie de o cale initiala pentru a incepe cu - asa ca sa creem o linie dreapta (\). Odată ce efectul este gata, îl vom salva și îl vom aplica ulterior pe orice altă cale. Acum este important să vă imaginați cum arată drumul de sus.
Vom crea doar cu mai multe lovituri, astfel încât lovitura mai mare va fi în partea de jos a stivei, toate celelalte vor fi adăugate deasupra cu cel mai subțire din partea de sus. Să facem mai întâi baza: nu faceți nicio plină cu o lovitură de 100 pt. De asemenea, dați-i o culoare gri medie (# 666666 sau K = 60%). Aceasta va fi lățimea drumului principal.
Acum trebuie să facem frontiera rutieră. Selectați linia, mergeți la panoul Aspect (Shift + F6) și aici veți vedea toate efectele aplicate. Există numai umplere (nici una) și un accident vascular cerebral gri pe care tocmai l-am aplicat.
Selectați acum cursa și glisați-o pe butonul Nou (sau alegeți Adăugați un Stroke New din meniul derulant). Cursa nouă va apărea în partea de sus și va fi selectată. Schimbați culoarea la gri mai deschis (# 999999 sau K40%) și schimbați lățimea la 112 pt. În cele din urmă, trageți noua lovitură sub prima - aici este marginea.
Să creăm un marcaj acum. Cu drumul selectat, adăugați un nou curs în panoul Aspect. Schimbați culoarea în alb și dați-i 10 pt. Lățime. Acum du-te la paleta de accident vascular cerebral și verificați Dashed Line. Faceți cursa 80 pt cu un spațiu de 20 pt. Baza drumului este gata.
Deși drumul pare a fi recunoscut, cred că este într-adevăr lipsit de realism. Deci, să adăugăm un volum. Selectați linia, mergeți la panoul Aspect și adăugați un nou curs. Asigurați-o 114 pr wide, # 666666 color (sau K60%), debifați opțiunea Dashed și trageți-o în partea inferioară a stiva. Acum acest accident vascular cerebral este partea exterioară a frontierei rutiere.
Pentru moment veți avea patru curse în panoul Aspect al drumului. Pentru partea interioară a frontierei, alegeți cursorul care este de 112 pt lățime (al doilea din partea de jos) și trageți-l la un buton Nou (nu uitați să selectați drumul aici!). Dați nouă lovitură o culoare gri mai închisă (K = 70% sau # 4d4d4d) și o lățime de 104 pt. Acest accident vascular cerebral este exact pe loc, deci nu trebuie să îl mișcăm.
Dacă scopul dvs. este simplu de navigare sau de proiectare a icoanelor, acest drum pare OK. Încă mi-ar plăcea să adaug ceva textura. Din nou, știi ce să faci, selectezi drumul, mergi la panoul Aspect, alegeți graficul principal de 100 de grade gri (este cel de-al doilea din partea de sus) și adăugați din nou un accident vascular cerebral. Acesta este ultimul - îți promit. Acum nu schimbați lățimea lui. Acesta va fi textura care acoperă suprafața principală a drumului nostru.
Cu acest nou cursor selectat, mergeți la meniul Fereastră> Bibliotecă Swatches> Modele> Grafic de bază> Textură. În biblioteca de modele selectați orice textură neregulată, cum ar fi Mezzotint Dot. Efectul ar putea părea prea dur, așa că du-te la panoul Opacity și reduceți opacitatea la 15%. S-ar putea să doriți să încercați și alte texturi din această bibliotecă, cum ar fi Mezzotint sau Intricate Surface, alegeți doar ceea ce vă arăta cel mai bine.
În cele din urmă, (cu drumul selectat, desigur) schimbați modul dvs. de amestecare a celei mai importante marcări ale stroke-ului cu Overlay, astfel încât textura să fie afișată prin (sau poate doriți doar să reduceți Opacitatea la aproximativ 70%). Pentru moment veți avea 6 lovituri, după cum puteți vedea în imaginea de mai jos.
Pentru cei care doresc rezultate mai realiste, vă sugerez să creați propriul model cu textura neregulată și să înlocuiți cu el Mezzotint-ul. Mi-am făcut a mea dintr-un pătrat gri care a trecut prin Raster Effect of Texture> Grain, apoi a fost extins, dezgropat, tras live și a salvat-o în panoul de swatches. Apoi selectați cursa textură a drumului și alegeți un nou model de model. S-ar putea să doriți, de asemenea, să ajustați opacitatea curbelor noi (am făcut-o cu 30%).
Drumul este gata! Acum puteți salva efectul rezultat ca un stil grafic și aplica-l pe orice cale. Puteți crea un nou drum curbat cu instrumentul Pen (P), Ellipse Tool (L) sau orice altă formă sau cale.
După cum probabil ați ghicit, drumul a fost destul de simplu în comparație cu ceea ce urmează - calea ferată. Este destul de greu să creezi fără perii sau efecte pentru cei care nu sunt familiarizați cu secretele lui Illustrator. Partea dificilă se află în linia dublă a șinelor. Dar vă voi arăta cum să faceți acest lucru doar cu mai multe lovituri.
Din nou, trageți o linie (\). Să facem mai întâi o formă de bază a liniei de cale ferată. Dați-vă liniei o culoare medie a unui accident vascular cerebral (am folosit # a67c52 - oricum, îl vom înlocui cu textura mai târziu) și o atribuim o lățime de 100 pt. Acum mergeți la paleta Stroke și faceți-o întreruptă cu un accident de 10 pt și un spațiu de 10 pt. Bine, deci acestea sunt viitoarele noastre traverse de lemn (care este un obiect dreptunghiular folosit ca bază pentru calea ferată, numit și legături încrucișate).
Acum trebuie să facem șinele. Cu linia selectată, mergeți la paleta Aspect și adăugați un accident vascular cerebral nou. Dați-i culoarea gri (# 4d4d4d sau K = 70%), lățimea de 60 pt și debifați întreruperi în paleta de curse. Acestea vor fi șinele noastre. Știu, acum pare rău, dar fii răbdător și treci la pasul următor.
Pentru a face efectiv șinele, adăugați un alt curs la linie. Faceți-o roz (sau orice altă culoare vie) și 40 pt lățime. Ar trebui să fie pe partea de sus. Acest accident vascular cerebral va servi ca un fel de mască în paleta Aspect și nu va fi vizibil. Am făcut doar roz pentru a alege rapid mai târziu în panoul Aspect.
Aici vine partea dificilă. Asigurați-vă că este selectat cursa roz (trebuie să fie după pasul anterior) și mergeți la paleta Opacity (sau apăsați Shift + Command + F10) și reduceți Opacity la 0%.
Acum întoarceți-vă în panoul Aspect și selectați linia de sus a cărei cale este Calea. Acum, reveniți la panoul Opacity și faceți clic de două ori pe opțiunea Knockout Group pentru a fi bifată. Ta-da! Șinele sunt gata! Accidentul roz este o mască care acum bate toate loviturile de mai jos. Acum puteți pune această pistă pe orice fundal și se va arăta prin!
Notă: Este posibil să observați că capetele liniilor nu arată grozav. Pentru a rezolva aceasta schimba stilul de culoarea rozului cursei până la rotunjit în panoul Stroke.
Din nefericire, masca ne-a bătut și traversele, așa că trebuie să le adăugăm mai sus. Duplicați cursa de fund maro, trageți-o pe partea de sus a stivei și modificați lățimea acesteia la 40 pt. Pentru moment, veți avea 4 lovituri în panoul Aspect: maro 100 pt (traverse de fund), gri 60 pt (șine), roz 40 pt (mască) și maro 40 pt (traverse de sus). Felicitări, forma de cale ferată de bază este pregătită!
Acum vom adăuga câteva detalii realiste. Să ne îmbunătățim mai întâi traversele. Selectați cursorul de fund maro al liniei de cale ferată și duplicați-l. Acum, selectați partea de jos a aceleași două curse și modificați culoarea lor în maro închis (# 42210b). Acum schimbați lățimea până la 102 pt.
În cele din urmă, mergeți la paleta Stroke și schimbați valorile liniei punctate la 11 curse și 9 diferențe. Acum, tot ce trebuie să faceți este să faceți o copie a acestui accident vascular cerebral și trageți-l cu 3 lovituri de deasupra pentru ao poziționa sub traversele de sus. Desigur, schimbați lățimea la 40 pt.
De asemenea, șinele nu dispun de realism, deci să alegem un accident greșit în mijlocul stivei Aspect și să îl duplicăm (copia apare mai sus). Schimbați culoarea la un gri mai închis (# 333333 sau K = 80%) și faceți-l la maximum de 44 pt. Aceasta este partea interioară a șinelor. Duplicați-l pentru a face partea exterioară și trageți-o sub cursa principală a șinei. Schimbați lățimea la 64 pt. Acum aveți 8 lovituri.
Acest pas nu este necesar, dar puteți face acest lucru pentru a adăuga încă un detaliu - șinele alăturate. Duplicați cursa de bază a șinei (cea gri cu lățimea de 60 pt). Dați-i o culoare gri mai închisă (# 1a1a1a sau K90%) și faceți-o întreruptă în paleta Stroke cu o cursă de 1 pt și un spațiu de 200 pt.
Pentru a adăuga bare de articulație care fixează șinele, duplicați noua cursă și trageți-o sub cursa principală a șinelor (2 stofe în jos). Efectuați-l la 68 de laturi și schimbați ordinea liniilor la 11 accident vascular cerebral și 190 decalaj. Ideea este să păstreze ambele curse nou create, astfel încât suma în numerele lor accident vascular cerebral / gap-ul trebuie să fie egale (1 + 200 = 11 + 190). Astfel, articulațiile șină și barele de îmbinare au aceeași poziție.
OK, deocamdată vei avea 10 lovituri, și asta e suficient pentru calea ferată. Singurul lucru de care avem nevoie acum este cereale de lemn pentru traverse. Din păcate, nu există modele de lemn implicite în Illustrator, dar o vom găsi oricum.
Puteți folosi orice metodă de a crea modele de lemn, dar vă spun cea mai ușoară cale. Mergeți la Fereastră> Biblioteci pensule> Border> Borders_Frames și deschideți biblioteca periilor. Există câteva perii de lemn care ar putea fi potrivite pentru traversele noastre.
Luați peria de stejar și trageți-o în documentul dvs. (asigurați-vă că nu este selectată nicio formă, altfel peria va fi aplicată). Se va afișa grupul de forme - selectați-l și apăsați Shift + Command + G pentru a dezgheța. Acum, ștergeți partea colțară a pensulei - și veți termina cu o textura simplă din lemn. Rotiți grupul de lemn cu 90 de grade (îmi place mai bine în acest fel) și trageți-l în paleta dvs. de mostre. Faceți dublu clic pe noul model și denumiți-l "Lemn".
Tot ce trebuie să faceți acum este să selectați calea ferată și să înlocuiți traseele de culoare maro deschis în panoul Aspect cu noul model de lemn. Selectați cursa traverselor (a doua din partea inferioară de 100 pt) și faceți clic pe "Lemn" din panoul Schițe. Faceți același lucru cu cel mai înalt curs de lățime de 40 pt. Piesa ta de cale ferată este gata, iar tu poți să o salvezi ca un stil grafic și să o aplici la orice curbă acum!
Veți ajunge cu 10 lovituri pentru calea ferată și 6 curse pentru drum. Am folosit o lățime de 100 pt, dar odată ce ați înțeles ideea, puteți crea același efect pentru orice dimensiune a accidentului. Cu toate acestea, veți putea măsura efectele curente dacă bifați Transform Strokes and Effects în meniul derulant al paletei Transform (Shift + F8). Nu uitați să salvați aceste combinații de curse ca stiluri grafice pentru a le aplica mai târziu pe orice cale.
În acest tutorial am realizat un efect multistrat al traiectoriei rutiere și feroviare utilizându-se în principal paleta Aspect în Adobe Illustrator. Pentru ao realiza, am folosit mai multe lovituri de diferite lățimi, culori și tipuri diferite. De asemenea, am exploatat efectul de knockout al panoului de opacitate pentru mascare. Obiectele create cu această tehnică pot fi editate cu ușurință, rezultatul fiind o singură cale.
Metoda descrisă mai sus este excelentă pentru crearea oricărui tip de drumuri. În exemplul de mai jos am creat 7 linii și am aplicat diferite stiluri grafice pe care le-am făcut pentru cale ferată, drum, străzi și bulevarde mai largi. Fiecare drum este de fapt o singură cale editabilă. Sper că ți-a plăcut efectul și te inspiră cu niște idei noi. Fii creativ!
Abonați-vă la Vectortuts + RSS Feed pentru a rămâne la curent cu cele mai recente tutoriale vectoriale și articole.