Crearea unei camere Swinging 60s în Adobe Illustrator CS5

În tutorialul de astăzi Premium veți învăța cum să treceți de la conceptul de schiță de bază, care a fost inspirat de o epocă trecută, precum și din stoc, și apoi a stabilit la vector o cameră de zi retro în vârstă. Lucrarea finală este completată cu texturi vectoriale, un televizor, scaun și pânză pliată folosind gradienți și panoul de aspect mereu minunat.

Imagine finală a imaginii

Puteți găsi fișierele sursă din directorul numit "sursă" care a apărut în fișierele pe care le-ați descărcat. Poate doriți să le priviți pe scurt înainte de a începe. O previzualizare a imaginii finale este de mai jos.



Detalii tutoriale

  • Program: Adobe Illustrator CS5
  • Dificultate: Avansat
  • Timp estimat de finalizare: 4 ore+

Introducere

După ce am creat o privire în anii 60 cu unul dintre subiectele mele de portret, am vrut să creez un spațiu de locuit inspirat de același deceniu. Îmi place foarte mult folosirea indrazneată a culorilor în acel decor de epocă.

Deci, să ajungem la ea ...


Pasul 1

Deși aveam o idee foarte importantă despre ceea ce vroiam în camera mea inspirată din anii 1960, aveam nevoie să creez o schiță grosolană a modului în care am vrut să arate și a plasa obiectele în interior. Am vrut un fel de scaun din plastic, un televizor, o perdea, un covor și, eventual, ceva pe perete. Deci, mai jos este schita mea extrem de dur ca am facut in Photoshop.


Din schiță, m-am dus la o vânătoare de vestiare pentru scaune din plastic retro cu aspect și am dat peste o imagine de inspirație stoc, pe care o puteți găsi aici. Are un scaun mare în el, perfect pentru ceea ce vreau să creez:


Și mi-a dat de asemenea o idee minunată pentru ideea "ceva pe perete" ... modelul este foarte de 60 de ani și pare să fie ceva făcut pentru a fi recreat în vector!



Pasul 2

Voi începe să vectorizez mai întâi fiecare dintre obiecte și apoi să le integrez în spațiul meu de locuit. Primul este scaunul și voi pregăti straturile ca de obicei, cu un strat pentru imaginile de referință și altul pentru un dreptunghi de opacitate de 50% (M) deasupra și apoi un strat separat pentru " baze“.



Pasul 3

Voi folosi Pen Tool (P) pentru a desena cele două zone ale scaunului și apoi a face umbrirea deasupra lor. Mă lipesc în tonuri de gri, deoarece pot manipula mai târziu culorile utilizând Moduri de amestecare.



Pasul 4

Duplicați forma de bază pentru scaunul propriu-zis, apoi creați cele de mai jos utilizând panoul Aspect și gradientele radiale transparente. Forma inițială va fi utilizată ulterior pentru a produce o mască de tăiere. Am tendința de a evita folosirea de alb, deoarece nimic nu este alb pur. Am setat fiecare dintre aceste forme la Opacity 50%.



Pasul 5

Am adăugat alte forme în jurul scaunului pentru cele mai importante elemente cu un gradient radial transparent transparent și a păstrat Opacitatea la 100%.


Apoi au fost adăugate gradiente medii gri, transparente, radiale pentru umbrire. Acestea sunt setate la opacitate 40%.



Pasul 6

Am de gând să folosesc o perie de artă rotundă pentru a adăuga accidente albe în jurul curburilor scaunului. Puteți crea periile de amestec utilizate în acest tutorial din tutorialul meu de meduze. Am setat aceste lovituri la Opacity 40%.



Pasul 7

Mă voi grupa toate elementele (Command + G) și apoi voi folosi forma originală a scaunului pentru a crea o Mască de Clipping (Command + 7).



Pasul 8

Pentru baza scaunului, o să folosesc o metodă similară pentru umbrire. Mai întâi duplicați baza care va fi folosită mai târziu în Masca de decupare și apoi creați cele de mai jos prin panoul Aspect.



Pasul 9

Acum pentru gradientele medii gri, transparente, radiale, acestea sunt setate la opacitate 40%.


Apoi am adăugat un gradient radicular alb, transparent și radial pentru strălucirea piciorului principal al scaunului. Acesta este setat la opacitate 80%.



Pasul 10

Pensulele de amestec sunt apoi adăugate la curse pentru strălucirea pe bază. Acestea sunt cu o culoare albă a stroke-ului și Opacitate 50%.


Apoi le-am pus într-o Mască de Clipping cu forma originală pentru bază (Command + 7).



Pasul 11

Acum, când văd întregul scaun împreună, voi adăuga detalii suplimentare. Primul este adăugarea de perii de culoare gri gri și gri deschis în jurul zonei de ședere pentru a spori forma. Acestea sunt apoi plasate în grupul Mască de tăiere.


Următorul este adăugarea de lovituri ușoare în jurul cusăturii scaunului și pentru a ajuta la definirea brațului din spatele scaunului. Acestea sunt cu peria de amestec și sunt setate la greutatea în greutate 0.1pt. Cu cusătura, care merge de-a lungul frontului, am inclus și o lovitură de culoare gri medie de 0.1pt pentru a contribui la accentuarea acesteia.



Pasul 12

Acum, pentru a lucra la designul tapetului inspirat din imaginea stocului. Eu nu merg pentru panouri de lungimi diferite, dar mai multe tulpini de design. Am creat-o trăgând unul din colțurile unui cerc uniform (L), apoi duplicând-o și aplicând Object> Transform> Reflect> Horizontal.


Folosind instrumentul de segmentare a liniei (\), am trasat linia verticala a greutatii de greutate de 7pt intre forme si apoi Object> Expanded it. După ce ați terminat, am grupat toate cele trei forme (Command + G).



Pasul 13

Când vine vorba de plasarea tapetului, voi folosi Efecte> Distort & Transform> Transform pentru a duplica elementul și pentru a-l mișca vertical și apoi din nou orizontal. Valorile reale pe care le mutați vor depinde complet de dimensiunea formelor pe care le-ați creat.



Pasul 14

Am vrut să găsesc un televizor cu aspect retro și am dat peste această imagine stoc și mi-a dat o idee diferită de ceea ce am avut deja. În primul rând o voi instala în document după ce l-am tăiat în Photoshop.



Pasul 15

În primul rând, voi crea centrul de plastic al ecranului utilizând panoul Aspect. Începând cu un gradient liniar de la negru la gri și apoi Traiectorie offset pentru -1pt cu umplere neagră. Aceasta dă impresia unei curse de 1 pt în jurul dreptunghiului (M), care are un gradient la acesta. Am repetat acelasi lucru pentru a da impresia unui alt contur de gradient si apoi a terminat cu colturi rotunde de 5pt.


Colțurile plasticului evidențiază unde se îndoaie plasticul. Deci, voi crea patru umpleri noi pentru plastic și aplic un gradient radial transparent așa cum se arată mai jos.



Pasul 16

Există două moduri în care pot modifica forma plasticului, prima va fi prin Object> Distortion plic> Reset with Warp (Alt + Shift + Command + W) și din meniul drop-down, utilizați stilul Umflați. Vreau doar o ușoară îndoire și asta va avea valoarea "9".



Pasul 17

Am facut o metoda similara pentru ecranul real al televizorului, dar valoarea pentru Round Corners este setata la 20pt. De asemenea, am umflat forma prin meniul Fx din partea de jos a panoului Aspect.


Am folosit aceeași metodă pentru exterior televizorului și de data aceasta am inclus o textură pe interior. Aceasta este una dintre texturile implicite pe care le puteți găsi în bibliotecile Swatch, accesând Open Library Swatch> Modele> Grafică de bază> Basic Graphics_Textures și selectând modelul "USGS 21 Intricate Surface" pentru a ajuta la obținerea unei suprafețe de plastic deformate.



Pasul 18

Așa cum zic, imaginea originală a inventarului mi-a inspirat să creez o televiziune diferită și acesta este un televizor cu aspect mai plastic din sfera unui stand alungit. Deci, pentru a crea sfera, voi folosi din nou panoul Aspect cu un cerc (L).

Mai intai sa-l umpleti cu un gradient radial alb, mediu, cu centrul in coltul din stanga sus. Motivul este că sursa de lumină de pe scaun pare a fi în această direcție.


Acum adaugati New Fill cu acelasi gradient, dar modificat si cu gradientul central. Aceasta va fi setată la Modul de amestecare Burn Color și Opacitate 30%. Utilizați aceste setări pentru a crea un Stil grafic nou care poate fi utilizat ulterior.



Pasul 19

Standul unității va fi creat utilizând efectul Efecte> 3D> Revolve. Asa ca in primul rand voi crea forma unei jumatati de suport si ii voi da o umplutura alba. Am colorat-o albastru aici pentru a face mai ușor să vezi.


Apoi am folosit perspectiva scaunului ca ghid pentru a estima unghiurile suportului și a modificat lumina de suprafață utilizând secțiunea Mai multe opțiuni din Opțiunile 3D Revolve, după cum se arată mai jos.



Pasul 20

Am creat trei butoane conice gradient urmând un mare tutorial de Iaroslav Lazunov. Utilizați panoul Align (Aliniere) pentru alinierea verticală verticală (vertical Align Top) astfel încât acestea să fie uniforme.



Pasul 21

Pentru a termina televizorul, am adăugat trei forme cu un gradient transparent de culoare albă transparentă, setat la ecranul Mode Blending și Opacitate 30% pentru a da o strălucire ușoară ecranului.



Pasul 22

Acum, pentru a crea perdelele / draperiile camerei. Voi începe prin a crea un amestec simplu. Am decis deja că vreau o cameră purpurie, așa că vreau o țesătură subțire de colorare pentru perdele. În partea de sus va fi o lumină purpurie, iar partea de jos un mijloc violet.

Pentru a începe, am să desenez o linie ondulată de greutate de 5pt cu instrumentul Pen (P). Duplicați linia și apoi mutați-o în partea de sus. Selectați ambele linii și creați o combinație (Command + Shift + B). Când intrați în Object> Blend> Blend Options, asigurați-vă că este setat la "Smooth Color".


Am duplicat amestecul și apoi Object> Expand și Obiect> Extindeți aspectul și utilizați Pathfinder> Unite pentru a crea o formă. S-ar putea să observați că marginile au prea multe puncte, așa că am stratificat un dreptunghi (M) pe fiecare parte și am folosit Pathfinder> Minus Front pentru a tăia marginile.



Pasul 23

Înainte de a începe umbrirea pe perdele, voi schița unde cred că este sursa de lumină. Se pare că se află în spatele scaunului, dar totuși la stânga.


Acum, pentru a stabili câteva ghiduri pentru perdele. Am duplicat Blend-ul și apoi L-am eliberat, așa că am doar linii de sus și de jos. Folosind acest lucru, am folosit Instrumentul pentru segmente de linie (\) pentru a crea linii verticale pentru a-mi arăta unde vor fi foldurile din material.



Pasul 24

Este important să rețineți că partea superioară a perdelelor nu va fi vizibilă în compoziția finală, așa că nu mă prea preocupă de modul în care arată partea superioară a acestora. Mă concentrez mai mult pe partea de jos. Am creat un gradient cu un purpuriu purpuriu, de culoare închisă închisă și întunecată, pentru a urma curbele țesăturii. Am folosit ghidajele de pliere pentru a ști unde să păstreze tranzițiile în culoare strânsă, astfel încât să creeze o margine aproape tare.

Am creat apoi o nouă umplere și am adăugat un alt element grafic de bază pe gradientul numit "Mezzotint Irregular" pentru a da un model / textură subtil pe țesătură.



Pasul 25

Am așezat amestecul în partea superioară a formei de gradient și l-am setat pe Light Blending Soft Light pentru a crea o ușoară modificare a culorii spre partea de jos. Pentru a accentua strălucirea în perdele, am adăugat trei linii verticale purpurie cu peria de amestec setată la Color Dodge Color Mode, cu Opacity 50%.

Am adăugat apoi toate aceste forme unei măști de tăiere cu un duplicat al formei de gradient.



Pasul 26

Acum începeți plasarea obiectelor pentru compoziție. Am folosit Instrumentul Rectangle (M) pentru a adăuga forme pentru podea, plinte, perete și tapet. Am folosit toate nuantele violet, dar acest lucru se va schimba mai tarziu.



Pasul 27

Pentru fiecare dintre dreptunghiuri, am adăugat următoarele setări ale panoului Aspect:

Covorul, folosind modelul "USGS 21 Intricate Surface" pentru textura și am folosit gradiente transparente transparente pentru a produce o umbră pentru perdele, televizor și scaun ... totuși, mai târziu, elimină umbra pentru televizor și scaun.


Pliabilitatea este un simplu gradient transparent, liniar pentru a crea o margine în partea de sus a panoului.


Zidul are un gradient care creează o umbră moale din partea superioară a peretelui și sub tapetul încadrat.


Secțiunea de fundal are un cadru decalat de 10pt și apoi gradiente pentru a crea impresia unei margini ridicate pe partea de sus și de jos.


Apoi, în final, modelul din partea de sus a imaginii de fundal este setat la Mode Blending Light Light și opacitate 90% pentru a permite schimbarea subtilă a culorii.



Pasul 28

Nu vreau să am altceva pe perete decît modelul tapetului, dar simt că trebuie să fie altceva încurcat în spațiu. Am decis să adaug antene la televizor, cu stilul grafic creat din sfera carcasei TV de la vârful tijei.



Pasul 29

Pentru covor, am desenat o elipsă (L) și am folosit următoarele setări ale panoului Aspect și am inclus două texturi. Primul este "Sticks" pentru a adăuga o suprafață globală pufoasă. Apoi am scalat modelul (Object> Transform> Scale și doar bifat "Pattern") la 80%. Apoi am adăugat modelul "Crosses" în partea de sus pentru a adăuga subliniază lumină textilă.



Pasul 30

M-am întors în panoul Aspectului pentru covor și am modificat umbrele exprimate pentru televizor și scaun, apoi am folosit gradientul pentru o umbra subtilă sub covor pentru a accentua adâncimea acestuia.



Pasul 31

Deoarece toate suprafețele sunt violete, vreau acest lucru reflectat în suprafețele lucioase din plastic ale televizorului și scaunului. Am folosit un mediu violet cu peria de amestec pentru a adăuga reflexii sub suprafețele din plastic și apoi le-am mutat în grupurile corespunzătoare Mască de tăiere.



Pasul 32

Pentru a crea o umbră, am desenat figurile a ceea ce cred că umbrele vor arăta ca scaunul și televizorul cu Pen Tool (P), apoi le-au dat o umplutură neagră. Am folosit Pensulă Blend cu un curcubeu neagră de 0,5pt pentru a ajuta la estomparea marginilor, apoi a modificat Modul de amestecare la Multiplicare și Opacitate la 30%.



Pasul 33

Vreau să dau întregii compoziții o senzație de vârstă, așa că în primul rând voi adăuga modelul "Green, Yellow, Orange" și "Sticks" în partea de sus a întregii ilustrații. Apoi, de mai jos, am folosit textura "Tissue Paper 1" dintr-un pachet Premium pe care l-am setat la Blending Mode Darken, Opacity 100% pentru a da o textura usoara distorsionata.



Concluzie

După ce am modificat unele dintre culori, am decis să potrivesc verdele și purpuriu / trandafiri împreună pentru a-l face îndrăzneț, frumos și foarte 1960!

Sper că te-ai bucurat de tutorialul de astăzi Premium și sperăm că te-a inspirat să-ți creezi camera de zi din anii 1960.