Cum de a crea un catcher Dream în afinitate Designer

Ce veți crea

În tutorialul de astăzi, vom începe o călătorie mistică și vom învăța cum să creăm propriul catcher de vis în designerul de afinitate. Folosind un flux de lucru pas cu pas, vom vedea cum putem realiza o ilustrare detaliata cu ajutorul a cateva forme geometrice de baza in combinatie cu cateva linii accidentale aici si acolo.

Dacă sună interesant, luați rapid o ceașcă de cafea proaspătă și să începem!

De asemenea, nu uitați că puteți întotdeauna să vă extindeți proiectul, îndreptându-vă spre GraphicRiver, unde puteți găsi o mare selecție de artă vectorială inspirată de americanii nativi.

Originea și semnificația capcanelor de vis

Înainte să mergem direct în tutorial, vreau să iau câteva momente și să vorbesc despre istoria și semnificația profundă pe care o poartă acest sacru sacru.

Din perspectivă etnografică, se presupune că captura de vise provine din interiorul poporului Ojibwe (cunoscut și sub numele de Chippewa sau așa cum ei se numesc Anishinaabe) care erau un trib nord-american vorbitor algonian, care în 1500 ocupa ceea ce este acum Ontario și Manitoba (în Canada) și Minnesota și Dakota de Nord (în SUA).

Potrivit Ministerului Spiritului Eagle, existența acestui talisman mistic derivă din legenda lui Asibikaashi ("Spider Woman"), în care o bunică veche care a servit ca protector spiritual al poporului nu mai putea supraveghea toți copiii datorită creșterea și extinderea tribului în toate cele patru colțuri ale pământului.

Pentru a depăși acest lucru, a realizat ceea ce numim acum un capcan de vis, luând o bucățică de salcie și învârtindu-l într-un centru în jurul centrului, care ar fi așezat deasupra locului de dormit, unde ar putea să-l lovească soarele.

De vreme ce americanii nativi credeau că aerul de noapte era plin de vise, atât bune cât și rele, sacul sacru ar atrage și ar prinde pe toți cei răi, care ar fi arși de lumina zilei. Cei buni ar trece prin centrul său și aruncă ușor penele pe spate.

Din perspectiva metaforică, forma capcanei de vis este profund legată de lumea naturală, unde cercul reprezintă cercul vieții, precum și trecerea soarelui și a lunii peste cer. Penele acționează ca o scară netedă, menită să transporte cu grijă visele asupra persoanei de dedesubt, în timp ce mărgelele sunt considerate a simboliza păianjenul care înfășura țesătura. Web-ul în sine este conectat la cerc cu ajutorul a opt noduri, despre care se crede că reprezintă picioarele păianjenului.

Cred că cunoașterea istoriei unui obiect este întotdeauna importantă atunci când decideți să-l folosiți ca simbol, deoarece prin deschiderea ușilor cunoașterii puteți descifra adevăratul său înțeles și, prin urmare, îl puteți imagina cât mai aproape posibil de adevărata sa natură.

Pentru mine, captura de vis este un simbol puternic al culturii nativilor americani, care nu trebuie doar să fie respectată, ci onorată, deoarece a reușit să reziste la trecerea timpului și să demonstreze că legătura noastră cu natura este mai puternică decât ne putem imagina.

Chiar dacă în versiunea sa originală, designul avea o rețea de tip păianjen, de-a lungul secolelor au fost create mai multe iterații, adăugând treptat frumusețea pentru a funcționa. Așadar, am decis să iau metafora vieții și să o aplic pe web pentru ao face să se simtă mai geometric.

Sper că, împărtășind această informație cu dvs., am reușit să vă aprofundez interesul pentru această frumoasă cultură. Acum, hai să mergem mai departe și să începem să lucrăm la micul nostru proiect.

1. Cum se configurează un nou fișier de proiect

Presupunând că aveți afinitate deja în desfășurare, trebuie să configurați o Document nou prin a merge la Fișier> Nou (sau folosind Control-N comanda rapidă de la tastatură) pe care o vom ajusta după cum urmează:

  • Tip: Web
  • Unități de document: pixeli
  • Creați tabloul de artă: verificat
  • Lățimea paginii: 640 px
  • Înălțime pagină: 640 px
  • DPI: 72

2. Cum se creează un cadru de buclă

Acum că am terminat de configurat documentul, putem începe să lucrăm la ilustrația reală și vom face acest lucru prin crearea cadrului exterior.

Pasul 1

Utilizarea Instrumentul Ellipse (M de două ori), trageți a 252 x 252 px cerc, pe care o vom folosi # 6D96D1 și apoi centrare orizontală aliniați la artboard-ul inferior, poziționându-l la o distanță de 262 px de la marginea de jos.

Pasul 2

Creați un număr mai mic 240 x 240 px cerc (evidențiat cu roșu), pe care îl vom poziționa în centrul celui precedent și apoi vom tăia folosind Scădea funcţie.

Pasul 3

Dați formei rezultante o contur folosind Accident vascular cerebral metodă, prin crearea unei copii a acesteia (Control-C) pe care o vom lipi în față (Control-V) și apoi reglați prin schimbarea culorii # 433363, asigurați-vă că o faceți Completati cu al ei; cu al lui Accident vascular cerebral (Shift-X). Seteaza Accident vascular cerebral„s Lăţime la 4 pct, apoi selectați și grupați cele două împreună folosind Control-G Comanda rapidă de la tastatură.

Sfat rapid: din acest punct, vă recomandăm cu insistență să organizați diferite secțiuni ale ilustrației folosind grupuri pe care le puteți redenumi în cadrul straturi , făcându-le mai ușor să le identificați și să le modificați, dacă aveți nevoie mai târziu.

3. Cum să creați Web-ul țesut 

Odată ce ne-am creat cadrul exterior, putem adăuga treptat forma geometrică a unei rețele la un moment dat, după cum vom vedea în următoarele momente.

Pasul 1

Creați patru 120 x 120 px cercuri cu a 4 pct Accident vascular cerebral (# 433363), pe care o vom poziționa în secțiunea interioară a conturului cadrului, așa cum se vede în imaginea de referință, asigurându-se că mișcările lor se suprapun. Ia-ți timp și, după ce termini, treceți la pasul următor.

Pasul 2

Adăugați segmentele web rămase folosind încă patru 120 x 120 px cercuri cu a 4 pt Accident vascular cerebral (# 433363), pe care o vom poziționa în diagonală pe cadru așa cum se vede în imaginea de referință. După ce ați terminat, selectați și grupați împreună toate cercurile utilizând Control-G Comanda rapidă de la tastatură.

Pasul 3

Apoi, trebuie să adăugăm micul decupaj de centru pe web, pe care îl vom crea folosind un obiect de tăiere. Mai întâi, creați o 240 x 240 px cerc (evidențiat cu roșu), din centrul căruia vom tăia un mic 24 x 24 px unu.

Pasul 4

Odată ce aveți obiectul de tăiere, tot ce trebuie să faceți este să mergeți la straturi panou și trageți și poziționați cercurile grupate în forma mai mare.

Pasul 5

De îndată ce ați mascat cercurile, puteți selecta obiectul tăiere și eliminați-l Completati astfel încât să puteți avea o imagine clară asupra fundalului.

Pasul 6

Dați orificiului central un contur folosind a 24 x 24 px cerc cu a 4 pt Accident vascular cerebral, pe care o vom colora folosind # 433363.

Pasul 7

Adăugați nodurile mici de legare utilizând opt 12 x 12 px cercuri (# 433363), pe care o vom poziționa la următoarele intersecții.

Pasul 8

Selectează Instrument Pen (P) și, folosind a 4 pct gros Accident vascular cerebral (# 433363) cu Round Cap, trageți segmentele mici de șir care țineau pânza la cadru. Utilizați trei 10 px segmente înalte pentru fiecare grup.

Pasul 9

Adăugați forma principală pentru segmentul de șir de agățat folosind a 16 x 16 px cerc cu a 4 pct gros Accident vascular cerebral (# 433363), pe care o vom poziționa deasupra cadrului la o distanță de doar 8 px din marginea superioară a conturului.

Pasul 10

Deoarece vrem să ajustăm secțiunea inferioară a cercului, va trebui mai întâi să o selectăm și apoi să folosim Conversia în Curbe pentru a avea acces la nodurile sale.

Pasul 11

Odată ce ați transformat forma, puteți utiliza funcția Instrument de noduri (A) pentru a selecta nodul inferior, pe care îl vom împinge în jos 12 px folosind tasta săgeată orientată în jos, astfel încât să se termine prin suprapunerea conturului cadrului.

Pasul 12

Înainte de a trece la următoarea parte, asigurați-vă că selectați și grupați toate formele împreună folosind Control-G comanda rapidă de la tastatură, oferind fiecărei secțiuni un nume descriptiv din interiorul straturi panou.

4. Cum se creează pene

Apoi, ne vom concentra pe secțiunea inferioară a captatorului de vis și vom crea cele trei pene care ajută toate visele bune să alunece pe persoana pe care o protejează.

Pasul 1

Începeți să lucrați la penele centrale, creând o 24 x 28 px triunghi (# 6D96D1) folosind Instrument triunghi, pe care le vom alinia la baza artboard și apoi poziția la o distanță de 72 px din șirurile inferioare de legare ale cadrului.

Pasul 2

Adăugați partea inferioară a penei folosind a 24 x 60 px dreptunghi, pe care o vom folosi folosind culoarea # 6D96D1 și apoi poziția sub triunghiul mai mic.

Pasul 3

Ajustați colțurile inferioare ale formei pe care tocmai am creat-o selectându-le folosind Instrument de colț (C), și apoi stabilirea lor Rază la 12 px.

Pasul 4

Selectați cele două forme și le uniți într-o singură imagine mai mare folosind Adăuga funcţie.

Pasul 5

Dați forma rezultată a 4 pct grosime (# 433363), asigurându - vă că selectați și grupați cele două forme împreună după aceea folosind Control-G Comanda rapidă de la tastatură.

Pasul 6

Creați primul segment de culoare folosind a 12 x 16 px dreptunghi (# FFFAE9), pe care o vom ajusta prin împingerea nodurilor sale drepte către partea de jos 12 px. Dați forma rezultată a 4 pct grosime (# 433363), gruparea (Control-G) și apoi poziționați cele două pe partea dreaptă a penei așa cum se vede în imaginea de referință.

Pasul 7

Fa o copie (Control-C> Control-V) a conturului pe care tocmai l-am creat și o poziționăm mai jos, astfel încât loviturile să se suprapună.

Pasul 8

Adăugați detaliile din stânga folosind o copie (Control-C> Control-V) dintre cele pe care tocmai am terminat să lucrăm, pe care le vom reflecta pe verticală (dați clic dreapta> Transformați> Flip Vertical). Poziționați copiile pe partea opusă a penei așa cum se vede în imaginea de referință, asigurându-vă că treceți poziția detaliului umplut cu cel prezentat.

Pasul 9

Creați arborele și segmentul de coarde care leagă penei de secțiunea inferioară a cadrului utilizând a 160 px înalt 4 pct gros Accident vascular cerebral linie (# 433363), pe care o vom poziționa de la distanță 8 px din conturul penei.

Pasul 10

Adăugați bara albastră inferioară folosind un 8 x 8 px cerc (# 6D96D1) cu 4 pct grosime (# 433363), pe care îl vom grupa și apoi vom poziționa șirul, la o distanță de 54 px din secțiunea de jos a cadrului.

Pasul 11

Creați bara roșie folosind a 16 x 12 px dreptunghi rotunjit (# F76A4D) cu 4 px colţ Rază și 4 pct grosime (# 433363), pe care o vom grupa (Control-G) și apoi poziția deasupra celei anterioare, asigurându-vă că loviturile lor se suprapun.

Pasul 12

Adăugați bilele de top folosind o copie (Control-C> Control-V) a celei albastre, pe care o vom repoziționa astfel încât conturul său să se suprapună cu cel al roșului.

Pasul 13

Adăugați micul nod care ține margelele în loc folosind o 8 x 8 px cerc, pe care o vom folosi # 433363 și apoi poziționați-o pe conturul talonului de sus, așa cum se vede în imaginea de referință. Odată ce ați terminat, selectați și grupați toate formele de compoziție ale penei curente folosind Control-G Comanda rapidă de la tastatură.

Pasul 14

Creați pene stânga, utilizând o copie (Control-C> Control-V) din cel pe care tocmai am terminat să lucrăm, pe care o vom poziționa în partea stângă a cadrului.

Pasul 15

Ajustați copia pe care tocmai am creat-o, mărind lungimea șirului de pene 160 px la 208 px.

Pasul 16

Finalizați captura de vis și, împreună cu el, proiectul însuși, adăugând o pată potrivită folosind o copie (Control-C> Control-V) a celei pe care tocmai am ajustat-o, pe care o vom poziționa pe partea opusă. După ce ați terminat, selectați și grupați (Control-G) toate formele împreună înainte de a atinge acel buton de salvare.

Buna treaba!

Ca întotdeauna, sper că ați reușit să urmați fiecare pas și, cel mai important, ați învățat ceva nou și util.

De asemenea, dacă aveți întrebări, nu ezitați să le postați în secțiunea de comentarii și voi reveni la dvs. cât mai repede posibil!