Cum se creează un ecran panoramic de gri în Adobe Illustrator

Ce veți crea

V-ați dorit vreodată să vă simțiți ca un arhitect și să creați un model al unui oraș cu clădiri fanteziste? Acest tutorial este exact pentru tine! Aflați cum puteți face case moderne stil cu forme de bază, operații Pathfinder și Instrumentul Builder Shape, schimbați saturația culorilor și luminozitatea cu câteva clicuri cu funcția Recolor Artwork și creați propriile scheme de culori. 

Dacă doriți să găsiți o sursă de inspirație sau dacă sunteți în căutarea unor grafică de urbană gata de utilizat în proiectele proprii, aruncăm o privire la o selecție frumoasă de grafică urbanistică pe Envato Elements.

Grafica Cityscape pe Envato Elements

1. Construiți un set de case plate cu forme de bază

Pasul 1

Să începem să construim prima noastră casă. Asigurați-vă că aveți Ghiduri inteligente (Vizualizați> Ghiduri inteligente) pornit. Ele vă ajută să aranjați și să mutați obiectele mai ușor, cu ajutorul ghidajelor de aliniere și a caracteristicilor de rupere.

Luați Instrumentul dreptunghiular (M) și faceți clic cu butonul stâng al mouse-ului pe Artboard. Definiți dimensiunea dreptunghiului prin setarea acestuia Lăţime la 45 px și Înălţime la 60 px. Umpleți-l cu culoarea gri deschis (aproximativ 20% negru).

Pasul 2

Unul dintre elementele principale ale oricărei clădiri este un acoperiș. Formați un dreptunghi îngust de culoare gri mai deschisă și rotiți-l 45 de grade prin menținerea Schimb cheie. Faceți dublu clic pe Reflect Tool (R) pentru a dezvălui fereastra de opțiuni și pentru a reflecta forma peste Axa verticala, făcând clic pe Copie și, astfel, crearea unei a doua jumătăți a acoperișului. Mutați cele două părți mai aproape unul de altul, creând un unghi de 90 de grade între ele.

Pasul 3

Selectați toate formele create cu Instrument de selecție (V), tine Alt și faceți clic pe baza casei. Selecția devine mai groasă, indicând că acum aliniați la Obiect cheie. Deplasați-vă la Alinia și faceți clic pe Centrul de aliniere orizontală buton.

Pasul 4

Să scăpăm de decalajul dintre casă și acoperiș. Selectați baza casei și mergeți la Obiect> Cale> Adăugați puncte de ancorare. Selectați punctul superior de ancorare cu Instrumentul de selecție directă (A) și trageți-o drept în sus, ținând în jos Schimb până când se ascunde în spatele acoperișului.

Pasul 5

Adăugați un mic pătrat în partea stângă a casei pentru coș și Trimite aceasta la Spate (Shift-Control- [).

Adăugați marginea coșului de fum și creați o margine similară pentru fundația clădirii noastre. 

Pasul 6

Să formăm ușa de la intrare a casei noastre. Începeți prin plasarea unei forme dreptunghiulare rotunjite, de culoare gri deschis, în partea de jos a clădirii. Prindeți Instrumentul de ștergere (Shift-E), țineți apăsată tasta Alt , faceți clic și începeți să glisați mouse-ul peste partea de jos a formei ușii. Partea acoperită de cadrul alb al Radiera va fi șters după eliberarea butonului mouse-ului.

Pasul 7

Adăugați scara făcând un dreptunghi îngust în partea inferioară a ușii. Copiați dreptunghiul și plasați-l sub primul, făcându-l puțin mai lung. În cele din urmă, adăugați cât mai multe scări pentru a ajunge la fundul casei.

Pasul 8

Aliniați scara și fundația la Aliniere verticală inferioară în Alinia panou.

Pasul 9

Să facem scările mai tridimensionale, adăugând umbre. Duplicați scările și mutați copiile puțin. Apoi selectați scara inferioară și copia sa și folosiți Minus Front funcția de deschizător de drumuri pentru a tăia partea nepotrivită. Umpleți forma rămasă cu culoarea gri mai închisă, creând astfel o umbră și adăugați umbre către alte trepte, utilizând aceeași metodă.

Adăugați o margine întunecată în centrul clădirii pentru decorare.

Pasul 10

Să mergem mai departe și să adăugăm ferestre. Selectați forma ușii, țineți ambele Schimb și Alt tastele și trageți forma în sus, creând astfel o copie chiar deasupra ușii. Creați încă două copii ale ferestrelor și aliniați-le cu forma de bază a casei, dacă este necesar.

Pasul 11

Adăugați mai multe cărămizi în fața clădirii noastre, făcând exteriorul mai detaliat.

Adăugați o mică fereastră rotundă în partea superioară a casei cu Instrument de elipsă (L).

Pasul 12

Să facem intrarea mai detaliată. Selectați-l, mergeți la Obiect> Cale> Calea offset și setați ofset valoare pentru -1 px, adăugând astfel o formă mai mică în interiorul ușii. Extrudați forma în jos, astfel încât să atingă scările și să le umpleți cu culoarea gri mai închisă. Adăugați un simplu mâner de ușă rotund.

Faceți un dreptunghi și rotiți-l în jur 45 de grade, jumătate acoperind ușa. Duplicați ușa, selectați atât copia ușii, cât și dreptunghiul și utilizați intersecta funcția de deschizător de drumuri să taie forma. Umpleți noua formă creată cu gri mai închis, creând o umbra diagonală pe ușa noastră.

Pasul 13

Să ne întoarcem la ferestre și să folosim același lucru Calea offset tehnică pentru a crea cadre de ferestre. Adăugați un dreptunghi îngust, împărțind fereastra noastră în două jumătăți. Folosește Rotiți instrumentul (R) pentru a seta dreptunghiul perpendicular pe poziția sa inițială și faceți clic pe Copie buton în Roti fereastră de opțiuni, creând astfel o copie, astfel încât să avem două dungi de trecere.

Adăugați o înclinare diagonală deasupra ferestrei, așa cum am făcut-o cu ușa, și editați alte două ferestre, făcându-le detaliate.

Pasul 14

Adăugați o dimensiune în fereastra mansardă adăugând un cerc mai mic, mai întunecat în interiorul primului. Duplicați cercul mai mic de două ori (Control-C> Control-F> Control-F) și deplasați copia superioară în sus și spre dreapta. Tăiați părțile nedorite cu ajutorul dispozitivului deschizător de drumuri și umpleți cercul interior cu gri închis pentru a arăta adâncimea deschiderii ferestrei.

Pasul 15

Plasați o umbra blândă sub marginea decorativă, făcând fațada mai tridimensională. Umpleți forma umbrei cu gradient liniar de la alb la gri deschis și comutați Înmulțiți modul de amestecare.

Utilizați aceeași tehnică pentru a pune o umbră sub acoperiș. Copiați forma acoperișului și mutați-o puțin. Ștergeți părțile care nu sunt necesare cu ajutorul funcției Shape Builder Tool (Shift-M) selectând atât baza casei cât și umbra acoperișului și făcând clic pe bucăți în timp ce țineți apăsată tasta Alt cheie.

Pasul 16

Hai să ne mutăm în clădirea următoare: un mic magazin alimentar. Începeți prin a face un dreptunghi de 55 x 40 px dimensiunea și atașați o fundație și o scară așa cum am făcut-o cu casa noastră anterioară. Faceți un dreptunghi larg și gri deschis pentru fereastră și faceți fereastra prin adăugarea a trei dreptunghiuri mai mici, mai întunecate, care definesc părțile din sticlă. Adăugați umbre pentru a face fereastra mai detaliată.

Pasul 17

Începeți să formați o parasolar dungat prin plasarea unui dreptunghi rotunjit îngust în colțul din stânga sus al magazinului nostru și copiați-l ținând ambele Schimb și Alt și glisați-o spre dreapta. presa Control-D de mai multe ori, adăugând mai multe copii și acoperind în întregime partea superioară a clădirii. Faceți unele copii mai întunecate pentru a alterna culorile unul câte unul. 

Ștergeți partea superioară a șezlongului, făcându-l plat. Pune o umbră înăuntru Modul de amestecare multiplă sub soare, separându-l de fațadă și adăugând câteva cărămizi mai ușoare pentru a menține stilul primei noastre clădiri.

Pasul 18

Să facem o altă locuință cu un garaj mare în partea din față. Creați baza casei de la 50 x 80 px dreptunghi, și începe să formeze ușa de garaj cu ajutorul Instrumentul dreptunghiular (M) si Calea offset funcţie.

Adăugați o scândură îngustă deasupra ușii de garaj și o faceți mai tridimensională, completând-o cu un gradient liniar de la gri închis la gri mai deschis. Adăugați mai multe scânduri, acoperind suprafața ușii de garaj.

Pasul 19

Faceți un acoperiș simplu deasupra casei. Mai întâi, creați un dreptunghi gri mai ușor și apoi selectați punctul de ancorare din partea dreaptă inferioară cu Instrumentul de selecție directă (A). apasă pe introduce cheia pentru a apela Mișcare fereastră de opțiuni și setați Pozitie orizontala valoare pentru 3 px, in timp ce Vertical valoarea este setată la 0 px. Lăsați toate celelalte opțiuni ca implicite și faceți clic pe O.K butonul, deplasând astfel punctul mai departe spre dreapta. Repetați același lucru cu punctul de ancorare din stânga, setând acest timp Orizontală valoare pentru -3 px pentru a muta punctul în stânga, făcând marginea inferioară a acoperișului mult mai largă.

 

Pasul 20

Adăugați o pereche de ferestre în același mod ca și cu prima noastră casă, dar de această dată faceți cadrele ferestrelor pătrate, astfel încât casele să arate diferite.

În cele din urmă, faceți o aripă suplimentară în partea dreaptă a casei noastre pentru intrare. Adăugați umbre blânde în Modul de amestecare multiplă în partea de jos a casei, sub acoperiș și oriunde este necesar. Formați un acoperiș înclinat deasupra intrării și adăugați o ușă mică pătrată, cu o scară. Decorează casa cu mai multe grupuri de cărămizi.

Pasul 21

Acum să ne mutăm într-o clădire mai înaltă cu un acoperiș neobișnuit. Creați un dreptunghi, de această dată făcând-o puțin mai mare decât cele precedente (50 x 85 px), și începeți formarea acoperișului plasând un dreptunghi îngust în partea de sus, făcându-l mai scurt la margini. Creați încă două dreptunghiuri, una deasupra celeilalte, făcând fiecare formă viitoare mai scurtă decât cea anterioară (la fel ca în timpul formării scărilor). Adăugați fundația în partea de jos a clădirii și separați-o de casă cu ajutorul unei umbre blânde. 

Pasul 22

Luați marginea decorativă și ferestrele rotunjite de la prima noastră casă, faceți mai multe copii și le aranjați pe fațadă în orice poziție simetrică pe care o găsiți interesantă. Uni elementele de acoperiș din deschizător de drumuri și adăugați o contur la marginile cu ajutorul Calea offset.

Editați partea superioară a acoperișului prin umplerea conturului subțire creat cu culoarea gri deschis și finalizați-vă cu clădirea, așezând aici și acolo cărămizi gri mai deschise.

Pasul 23

Să facem o altă casă de locuit cu un acoperiș din țiglă. A face o 45 x 85 px dreptunghi pentru baza casei și adăugați două scânduri înguste de pe ambele părți ale casei, creând o vedere laterală a acoperișului nostru viitor. Adăugați un alt dreptunghi în partea superioară a casei și începeți să formați țigla în același fel în care am făcut șezutul pentru clădirea magazinului nostru: puneți un mic dreptunghi rotunjit în colțul din stânga sus al acoperișului și mutați-l spre dreapta, a face o copie. presa Control-D de câte ori este necesar pentru a acoperi acoperișul dintr-o parte în alta. Puteți schimba culorile, făcând clădirea mai întunecată decât acoperișul sau lăsați-o așa cum doriți.

Duplicați șirul de plăci create și trageți-l jos, așezându-l parțial sub prima (Control-[). Ascundeți părțile care nu sunt necesare ale plăcilor, ștergându-le cu Instrumentul de ștergere (Shift-E) sau ascunzându-le sub scândurile laterale prin plasarea lor pe partea de sus (Shift-Control-]). Asigurați-vă că unele dale mai întunecate, iar celelalte ușoare pentru a alterne culorile, făcând acoperișul cu piatră mai fantezie.

Pasul 24

Adăugați intrarea, frontiera frontală decorativă și un grup de ferestre, luându-le din altă casă și punând o umbra blândă Înmulțiți modul de amestecare sub acoperiș.

Iată casa noastră de locuit cu acoperișul cu pardoseală. Am adăugat niște cărămizi separate pe fațadă și am format o margine decorativă de cărămidă de-a lungul părții de jos a clădirii.

Pasul 25

Să trecem la ultima clădire a setului nostru: turnul ceasului. Aceasta va fi cea mai înaltă și cea mai îngustă clădire, cu a 25 x 100 px mărimea. Adăugați o fundație, subliniată de o umbra semi-transparentă, și începeți să formați fața ceasului punând un cerc uniform în partea superioară a turnului cu Instrument de elipsă (L) prin menținerea Schimb cheie. Adăugați un cerc mai mic în fața ceasului și definiți muchia făcându-l mai întunecat.

Pasul 26

Puneți două benzi subțiri pentru gradarea oră a feței noastre de ceas și aliniați-le la centrul vertical al cercului interior. Păstrați ambele benzi selectate, luați Rotiți instrumentul (R) și le rotiți 90 de grade. Apasă pe Copie buton în Roti fereastră de opțiuni pentru a crea alte două gradări. Folosește Instrumentul pentru poligoane și setați feţe valoare pentru 3 pentru a forma un triunghi. Squash și extind triunghiul creat pentru a face o mână de ceas.

Selectați mâna ceasului și mutați-o trăgând cu butonul Rotiți instrumentul (R). Adăugați un triunghi mai lung pentru mâna de minute, deplasându-l cu Rotiți instrumentul (R) de asemenea. Puneți o lumină reflectorizantă pe fața ceasului pentru ao face mai realistă vieții.

Pasul 27

Să adăugăm un acoperiș cu gresie la turn. Combinați un triunghi și un șir de plăci cu Unificarea într - o singură formă în deschizător de drumuri panou. Luați grupul de țigle din casa precedentă și plasați-o sub forma triunghiului creat. Selectați atât grupul de plăci și forma acoperișului, faceți clic pe butonul din dreapta al mouse-ului și pe Faceți o mască de tăiere, făcând părțile nedorite invizibile.

Iată imaginea finală a turnului cu ceas. Am adăugat o mică fereastră de mansardă, decorat turnul cu o margine și câteva grupuri de cărămizi și am plasat o ușă cu o scară în partea de jos a clădirii.

2. Render un set de copaci plate

Pasul 1

Trebuie să creăm câteva detalii despre mediul înconjurător, cum ar fi copacii, pentru a ne anima orașul. Începeți formând un cerc uniform și evidențiați partea stângă a acestuia cu o bandă în formă de semilună mai ușoară. Grupați ambele obiecte, duplicați-le și plasați câteva copii mai mici pe marginea formei de bază, făcând copacul plin de arbuști. Copiați forma de bază și ștergeți jumătatea stângă. Schimbați jumătatea rămasă până la Înmulțiți modul de amestecare, făcând o umbră. Adăugați un trunchi de copac îngust și plasați mai mulți copaci în față și în spate, creând un grup de arbori busoi.

Pasul 2

Să facem un tufiș simplu prin trasarea unei elipse și prin glisarea punctelor de ancorare laterale cu ajutorul lui Instrumentul de selecție directă (A). Faceți clic pe punctul de ancorare superior cu Convertizor Tool Anchor Point (Shift-C) pentru a face un unghi ascuțit. Plasați un dreptunghi acoperind o jumătate din forma bucșei. Selectați ambele obiecte și ștergeți piesa dreptunghiulară din exteriorul buzei făcând clic pe ea cu Shape Builder Tool (Shift-M) în timp ce țineți Alt cheie. Ștergeți partea inferioară rotunjită a elementului cu Instrumentul de ștergere (Shift-E) și formează un arbust prin adăugarea de elemente mai mici pe ambele părți.

Pasul 3

Mergeți pe copacul următor - o brad în formă de con. Creați o bază triunghiulară și puneți o umbră blândă deasupra, acoperind jumătatea dreaptă a copacului. Adăugați un trunchi îngust și formați un grup de brazi.

Iată setul complet de elemente pe care le-am creat pentru compoziția noastră viitoare.

3. Creați o compoziție Cityscape și editați culorile

Pasul 1

Să ne aliniem casele și să adăugăm copacii și tufișurile create printre ele. Folosește Alinia pentru alinierea obiectelor la linia de jos.

Pasul 2

Elementele arată puțin palide la acest pas, așa că trebuie să adăugăm un contrast, făcându-le mai vii. Selectați una dintre case și faceți clic pe Recolor Artwork pictograma din panoul de control de mai sus. Apasă pe Editați | × în fereastra de opțiuni pop-up pentru a dezvălui o roată de culoare. Găsiți o pictogramă de legătură în lanț în colțul din dreapta jos și dați clic pe ea Culorile armoniei de legătură astfel încât să puteți schimba simultan toate culorile în timp ce schimbați orice culoare din grup. Seteaza strălucire (B) cursorul la valoarea 65% sau mai puțin, făcând casa noastră mai întunecată. Asigurați-vă că aveți Recolor Art bifați căsuța pentru a vedea rezultatul în timp real.

Modificați și alte clădiri, făcând unele dintre ele mai întunecate și altele mai ușoare, alternând culorile.

Pasul 3

Rândiți un nor plat combinând un grup de cercuri și un dreptunghi rotunjit, plasat în partea de jos a grupului. Selectați toate părțile și Uni pe ei inauntru deschizător de drumuri, creând o singură formă.

Pasul 4

Trebuie să adăugăm un drum pentru a forma strada principală a orașului nostru. Puneți trei dreptunghiuri rotunde întunecate una deasupra celeilalte în partea de jos a liniei de clădiri și Uni lor. Adăugați încă două dreptunghiuri rotunjite, acoperind parțial ambele fețe ale dreptunghiului mijlociu. Folosește Minus Front funcția de deschizător de drumuri sau Shape Builder Tool (Shift-M) pentru a tăia forma mijlocie, creând găuri rotunjite.

Pasul 5

Adăugați o linie orizontală de-a lungul părții superioare a drumului pentru a crea o bandă de separare. Deplasați-vă la Accident vascular cerebral panou și setați Greutate valoare pentru 2 px. Selectează Round Cap și Îmbinare rotundă și verificați Linie întreruptă , setând linia de bord 6 px și diferența de la 8 px.

Pasul 6

Să facem o mașină simplă și să o punem pe drum pentru a ne face viața mai vie. Formați baza mașinii cu ajutorul unor dreptunghiuri rotunjite și trageți două roate pentru roți. Adăugați detalii minore, cum ar fi farurile, anvelopele, mânerul ușii și orice alte părți pe care le considerați necesare pentru a face mașina noastră mai realistă.

Pasul 7

Deplasați-vă și începeți să formați un efect de umbra lungă pentru a adăuga mai multă profunzime lucrării noastre de artă. Creați un dreptunghi mare (l-am umplut cu culoarea roșie doar pentru ao face mai vizibil) și rotiți-l 45 de grade. Combinați marginile dreptunghiului cu punctele laterale ale șoselei și Trimite la Spate (Shift-Control- [).

Adăugați mai multe dreptunghiuri diagonale sub fiecare parte a drumului și în fiecare nor.

Acum, selectați atât obiectul, cât și dreptunghiul și ștergeți piesa care nu este necesară cu Shape Builder Tool (Shift-M) apăsând butonul Alt cheie.

După ce ați șters toate piesele nedorite, selectați dreptunghiurile și completați-le cu gradienți liniare de la gri la alb, trecând la Înmulțiți modul de amestecare și astfel transformând dreptunghiurile în umbre lungi semi-transparente.

Pasul 8

Puteți să vă însufleți orașul prin crearea unei palete de culori vii. Selectați grupul de culori și faceți clic pe Noul grup de culori pictograma în Specimene pentru a crea o paletă definită de utilizator din Lucrări de artă selectate.

Selectați orașul dvs. și mergeți la Recolor Artwork fereastră cu opțiuni. Aici puteți găsi paleta dvs. în Grupuri de culori secțiune din dreapta. Faceți clic pe acesta pentru a aplica culorile noi pentru opera dvs. de artă și utilizați Alegeți în mod aleatoriu ordinea culorilor pentru a găsi cea mai bună combinație a culorilor selectate.


Puteți să limitați numărul culorilor folosite în opera dvs. de artă prin setarea valorii dorite în colorate pentru a obține un efect de culoare contrastant.

În caz contrar, dacă sunteți mulțumit de rezultatul inițial, trebuie doar să lăsați orașul tău în tonuri de gri, menținând un stil retro retro.

Voila! Ilustrația netedă a orașului este finalizată!

O slujbă grozavă, băieți și fete, am reușit să creăm o panoramă urbană stilistică, cu detalii suplimentare, care au adăugat dimensiuni și au făcut opera de artă mai vie. Sper că ați învățat câteva noi sfaturi și trucuri pentru viitoarele dvs. lucrări de artă. Rămâi acordat pentru mai mult și lăsați inspirația să vă ghideze!