Share
Ce veți creaÎntunericul este probabil una dintre cele mai vechi temeri, deoarece ne-a bântuit imaginația începând cu zorii timpului, îndoind și răsuciind realitatea în așa fel încât a fost introdusă permanent în memoria noastră genetică ca o fobie cunoscută sub numele de nyctophobia.
Astăzi vom face o mică distorsionare a realității și vom crea o ilustrare infricosatoare utilizând unele dintre cele mai elementare forme și instrumente geometrice care se pot găsi în cadrul Adobe Illustrator.
Puteți descoperi mai multe tipuri de fobii prin îndreptarea către GraphicRiver, unde veți găsi o mare selecție de temeri ilustrate de vector.
Acestea fiind spuse, asigurați-vă că aveți multe surse de lumină care vă înconjoară, astfel încât să putem să mergem direct în acțiune!
Deoarece sper să aveți deja Illustrator în picioare în fundal, aduceți-o în sus și să organizăm o Document nou (Fișier> Nou sau Control-N) pentru proiectul nostru utilizând următoarele setări:
Și de la Avansat fila:
Chiar dacă astăzi nu lucrăm la icoane, vom dori totuși să creăm ilustrația folosind un flux de lucru perfect pixelic, prin crearea unei mici rețele, astfel încât să putem avea controlul total asupra formelor noastre.
Mergeți la Editați> Preferințe> Ghiduri și Grilă submeniu și ajustați următoarele setări:
Sfat rapid: puteți afla mai multe despre grile prin citirea acestei lucrări detaliate despre modul în care funcționează sistemul Grid al Illustratorului.
Odată ce am creat grila noastră personalizată, tot ceea ce trebuie să facem pentru a ne asigura că formele noastre arată clar sunt permise Fixat la retea opțiune găsită în cadrul Vedere (adică dacă utilizați o versiune mai veche de Illustrator).
Acum, dacă sunteți nou în întregul "flux de lucru pixel-perfect", vă recomand să vă adresați tutorialului Cum de a crea Pixel-Perfect Artwork, care vă va ajuta să vă lărgi abilitățile tehnice în cel mai scurt timp.
Odată ce am terminat de configurat fișierul nostru de proiect, ar fi o idee bună să ne structurăm documentul folosind câteva straturi, deoarece astfel putem menține un flux de lucru constant concentrându-ne pe o secțiune a ilustrației la un moment dat.
Acestea fiind spuse, ridicați straturi și creați un total de trei straturi, pe care le vom redenumi după cum urmează:
Sfat rapid: Am colorat toate straturile mele folosind aceeași valoare verde, deoarece este cel mai ușor de văzut când este folosit pentru a evidenția formele selectate (indiferent că sunt căi închise sau deschise).
Vom lansa proiectul creând rapid fundalul, asigurați-vă că sunteți pe stratul potrivit (care ar fi primul) și apoi închideți toate celelalte astfel încât să putem începe.
Creeaza o 720 x 1080 px dreptunghi, pe care o vom folosi folosind culoarea # 3F3330 și apoi aliniați centrul la artboard-ul de bază care utilizează Alinia panou.
Blocați stratul curent și apoi deplasați-vă până la următorul (care ar fi cel de-al doilea) în care vom începe să lucrăm la următoarea secțiune de compunere.
Odată ce am terminat lucrul la fundal, ne putem îndrepta atenția asupra ferestrei, pe care o vom crea în următoarele momente.
Începeți să lucrați pe cadru, creând o 184 x 292 px dreptunghi, pe care o vom folosi folosind culoarea # 70463E, și apoi centru aliniați la artboard-ul subiacente, poziționându-l la o distanță de 214 px de la marginea superioară.
Creați secțiunea de fereastră utilizând o secțiune mai mică 160 x 280 px dreptunghi, pe care o vom folosi folosind culoarea # FF8D60 și apoi aliniați centrul la marginea inferioară a formei anterioare. Odată ce ați realizat cele două forme, selectați și apoi grupați-le împreună folosind Control-G Comanda rapidă de la tastatură.
Creați luna utilizând un 80 x 80 px cerc (#FFFFFF), pe care o vom poziționa pe secțiunea ferestrei, la o distanță de 14 px de la marginea stângă și 40 px din partea de sus.
Dați Lunii o atmosferă înfricoșătoare adăugând câteva 4 px înalt dreptunghiuri (# FF8D60), pe care le vom regla apăsând punctele lor de bază cu partea anterioară orientată spre partea superioară 3 px (faceți clic dreapta> Transformați> mutați> vertical> -3 px). Poziționați formele rezultate, după cum se vede în imaginea de referință, selectând și grupându-le și lună împreună după aceea folosind Control-G Comanda rapidă de la tastatură.
Începeți să lucrați la secțiunea interioară a cadrului, creând grila verticală utilizând a 4 x 280 px dreptunghi (# 3F3330), pe care le vom alinia la secțiunea mai mică a ferestrei.
Adăugați grila orizontală superioară utilizând a 160 x 4 px dreptunghi (# 3F3330), pe care o vom centra aliniați la secțiunea de fereastră care stă la baza, poziționându-l la o distanță de 96 px de la marginea superioară.
Începeți să lucrați asupra segmentelor rotunde exterioare ale grilei orizontale, creând două seturi de două 16 x 16 px cercuri (# 3F3330), pe care o vom poziționa așa cum se vede în imaginea de referință.
Reglați fiecare pereche de cercuri selectând și îndepărtându-le cu fața spre interior două puncte de ancorare, îmbinând căile care rezultă într-o singură formă mai mare folosind Control-J comanda rapidă de la tastatură de două ori.
Creați segmentele rotunjite interioare utilizând două seturi de două 8 x 8 px cercuri (# 3F3330), pe care o vom poziționa așa cum se vede în imaginea de referință.
Deschideți fiecare din cele patru cercuri, îndepărtându-le punctele de ancorare cu care se confruntă exterior, uniți căile care rezultă într-o singură formă mai mare prin apăsarea Control-J de patru ori. După ce ați terminat, selectați și grupați (Control-G) toate formele de compunere ale rețelei orizontale împreună, înainte de a trece la pasul următor.
Creați o rețea orizontală inferioară utilizând o copie (Control-C > Control-F) pe care tocmai am terminat să lucrăm, pe care o vom poziționa mai jos la o distanță de 64 px. După ce ați terminat, selectați și grupați toate secțiunile de compunere ale ferestrei folosind Control-G Comanda rapidă de la tastatură.
Începeți să lucrați pe pervazul ferestrei creând un punct subtil folosind un a 216 x 2 px dreptunghi, pe care o vom folosi folosind culoarea # FF8D60 și apoi poziția sub forme pe care tocmai le-am grupat.
Creați corpul principal al secțiunii curente folosind a 216 x 14 px dreptunghi (# 70463E), pe care o vom poziționa sub forma creată anterior.
Urmând aproape același proces utilizat pentru liniile atmosferice ale lunii, adăugați câteva inserții laterale pe corpul principal al pervazului. Ia-ți timp și, odată ce termini, selectează și grupă (Control-G) toate formele de compunere ale secțiunii curente împreună.
Începeți să lucrați pe giulgiul ferestrei creând secțiunea inferioară folosind a 232 x 4 px dreptunghi (# 70463E), pe care o vom poziționa deasupra muchiei superioare a cadrului, la o distanță de 8 px.
Creați secțiunea superioară a căsuței cu ajutorul a 240 x 8 px dreptunghi (# 70463E), pe care o vom poziționa deasupra formei create anterior, la o distanță de doar 4 px.
Finalizați secțiunea curentă adăugând cele două inserții laterale (# 3F3330). Ia-ți timp și odată ce ai terminat selectați și grupați (Control-G), toate formele de compunere ale lintelului, facand acelasi lucru pentru intreaga fereastra dupa aceea.
Începeți să lucrați la ușa capacului stâng, creând balamalele folosind două 4 x 10 px dreptunghiuri (# 3F3330) pe care le vom alinia la marginea stângă a cadrului, poziționându-le la o distanță de 24 px de la cele de sus și de jos.
Cu balamalele în loc, începeți să lucrați pe acoperirea reală prin crearea unui 4 x 292 px dreptunghi (# 70463E), urmate de șapte mai mici 4 x 276 (# 70463E). Distanțe orizontale la forme 4 px unul de altul, gruparea (Control-G) și apoi poziționarea acestora la o distanță de 4 px din partea stângă a cadrului ferestrei.
Creați mânerul utilizând a 4 x 28 px dreptunghi (# 70463E) în partea dreaptă a cărora vom adăuga două 8 x 4 px dreptunghiuri (# 70463E). Grup (Control-G) toate cele trei forme împreună și apoi poziționați-le la o distanță de 4 px din capacul din stânga, așa cum se vede în imaginea de referință. După ce ați terminat, selectați și grupați (Control-G) toate formele de compunere ale ușii de acoperire împreună formează înainte de a trece la pasul următor.
Creați o ușă a capacului drept, utilizând o copie (Control-C> Control-F) din cel pe care tocmai am terminat să lucrăm, pe care îl vom reflecta pe verticală (faceți clic dreapta> Transformați> Reflect> Vertical) și apoi poziționați-o pe partea opusă a cadrului ferestrei.
Pentru următorul pas, vă voi lăsa să vă creați puțin creativ, deoarece va trebui să desenați cele două ramuri de copac infricătoare cu ajutorul Instrument Pen (P) utilizând # 3F3330 ca principalul tău Completati culoare. Aveți timp și folosiți imaginile de referință ca ghid principal, selectând și grupând (Control-G) înainte de a trece la pasul următor.
Începeți să lucrați la ursulețul mic, creând corpul său principal folosind o 36 x 36 px cerc, pe care o vom folosi # 3F3330 și apoi poziționați-l pe prag, la o distanță de 36 px de pe muchia stângă a ferestrei.
Reglați forma pe care tocmai am creat prin selectarea punctului de ancorare de sus cu ajutorul Instrumentul de selecție directă (A) și apoi împingând-o spre exterior prin 4 px folosind Mișcare instrument (dați clic dreapta> Transformați> mutați> vertical> -4 px).
Începeți să lucrați pe piciorul stâng al jucăriei, creând o 16 x 20 px elipsă (# 3F3330) peste care vom adăuga un număr mai mic 8 x 12 px unu (# 70463E). Grup (Control-G) formează împreună, apoi rotiți-le la un 45º unghi (clic dreapta> Transformare> Rotire> 45º), poziționându-le pe partea stângă a corpului mai mare așa cum se vede în imaginea de referință.
Creați piciorul drept utilizând o copie (Control-C> Control-F) din cel pe care tocmai am terminat să lucrăm, pe care îl vom reflecta pe verticală (faceți clic dreapta> Transformați> Reflect> Vertical) și apoi poziționați pe partea opusă a corpului mai mare al ursului.
Începeți să lucrați la laba stângă, creând secțiunea de jos cu ajutorul unui buton 8 x 8 px cerc (# 3F3330), pe care o vom poziționa pe picior, la o distanță de 32 px de pe muchia stângă a ferestrei.
Adăugați secțiunea superioară a labei folosind a 10 x 10 px pătrate (# 3F3330) pe care o vom regla prin setarea Rază din colțul din stânga sus spre 10 px din interiorul Transforma panoul Dreptunghi Proprietăți. Odată ce ați terminat, poziționați forma rezultată pe jumătatea superioară a cercului, selectând și grupând-o pe ambele împreună folosind Control-G Comanda rapidă de la tastatură.
Adăugați laba dreaptă utilizând o copie (Control-C> Control-F) din cel pe care tocmai am terminat să lucrăm, pe care îl vom reflecta pe verticală (faceți clic dreapta> Transformați> Reflect> Vertical) și apoi poziționați pe partea opusă a corpului ursului.
Creați capul jucăriei utilizând a 28 x 24 px elipsă, pe care o vom folosi folosind culoarea # 3F3330 și apoi poziția pe corpul mai mare, la o distanță de 34 px de la marginea de jos.
Finalizați ursul adăugându-i urechile cu ajutorul a două 12 x 12 px cercuri (# 3F3330), pe care o vom poziționa 8 px una de alta orizontal, gruparea (Control-G) și apoi poziționându-le așa cum se vede în imaginea de referință. După ce ați terminat, selectați și grupați (Control-G) toate formele de compunere ale jucăriei înainte de a trece la pasul următor.
Adăugați primele segmente ale picioarelor proiectate utilizând două 4 x 14 px dreptunghiuri (# 3F3330), pe care o vom poziționa 16 px unul de altul, gruparea (Control-G) și apoi poziționați-le pe pragul ferestrei.
Creați secțiunea vizibilă inferioară a peretelui utilizând a 160 x 48 px dreptunghi, pe care o vom folosi folosind culoarea # 70463E și apoi poziția de sub prag, la o distanță de doar 24 px.
Finalizați secțiunea curentă a ilustrației adăugând două segmente ale picioarelor proiectate folosind două 6 x 48 px dreptunghiuri (# 3F3330). Reglați segmentele prin selectarea și împingerea individuală a punctelor de ancorare exterioare în interior prin 2 px (dați clic dreapta> Transformați> mutați> +/- 2 px în funcție de ce parte începeți). Spațiul orizontal formează formele rezultate 16 px unul de altul, gruparea (Control-G) și apoi poziționați-le pe secțiunea vizibilă a peretelui.
Presupunând că ați blocat stratul anterior, treceți până la a treia și ultima, unde vom lucra în jumătatea inferioară a ilustrației, unde se vor întâmpla toate magiile întunecate.
Creați fereastra proiectată utilizând a 232 x 280 px dreptunghi, pe care o vom folosi folosind culoarea # EA764E și apoi poziția sub secțiunea vizibilă a peretelui, la o distanță de 16 px de la marginea de jos.
Ajustați forma pe care tocmai am creat-o, selectând și împingând în mod individual punctele de ancorare ale acesteia în interior cu o distanță de 36 px folosind Mișcare instrument (dați clic dreapta> Transformați> mutați> orizontal> +/- 36 px în funcție de ce parte începeți).
Creați grila verticală utilizând a 4 x 280 px dreptunghi, pe care o vom folosi folosind culoarea # 3F3330, și apoi aliniați centrul la forma pe care tocmai am ajustat-o.
Adăugați grilele orizontale utilizând o copie (Control-C) din cele din secțiunea anterioară, pe care le vom lipi pe stratul actual (Control-F). Poziționați copiile pe fereastra proiectată, asigurându-vă că reglați lungimea acestora așa cum se vede în imaginea de referință.
Creați ramurile arborilor proiectate utilizând o copie (Control-C) dintre cele pe care le-am făcut anterior, pe care le vom lipi pe stratul actual (Control-F) și apoi ajustați prin reflectarea orizontală a acestora (clic dreapta> Transformare> Reflect> Orizontal). Poziționați imaginea rezultată pe partea dreaptă a ferestrei proiectate, așa cum se vede în imaginea de referință.
Finalizați secțiunea curentă și cu ea ilustrația în sine, trasând monstrul umbrei înfricoșător folosind # 3F3330 ca al tau Completati culoare. Luați-vă timpul și, după ce ați terminat, selectați și grupați (Control-G) toate formele de compoziție ale ferestrei proiectate împreună înainte de a salva proiectul.
Phew, acum a fost unul înfricoșător! Sper că ați reușit să țineți pasul cu fiecare pas, și poate, poate, să vă eliberați de temerile dvs. pentru puțin timp în timpul procesului.
Accentsconagua