Retro Desenarea și umbrirea cu Adobe Illustrator

Prin ilustrarea pe computere este întotdeauna tentant să folosiți toate culorile îndrăznețe și strălucitoare care apar în paletele de culori implicite. Uneori însă, mai puține culori și nuanțe ușor mai moi vă vor oferi o anumită căldură și un farmec care va lăsa oamenii să se întrebe dacă au fost creați pe un computer la toate!

Puteți găsi fișierele sursă pentru acest proiect în 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.


Introducere

Înainte de a merge la scufundări în culoare, să aruncăm o privire la modul în care am pus împreună această ilustrare stil retro. Am inclus toate comenzile rapide pe care le-am luat și pe care trebuie să le apelez la alegerea și plasarea culorii.

Ilustrația este o licitație plină de umor pe licitațiile pe calculator. Accentul se pune pe lampa din dreapta spre centru. Am un grup de ofertanți de calculator în stânga și de la licitație la dreapta. Oamenii care ies din computere par a fi elementele cele mai complicate, vom lucra mai întâi la acestea. Îmi place să fac mai întâi lucrurile grele, deoarece lucrarea pare întotdeauna mai ușoară odată ce sa terminat!

Am elaborat o schiță de urmat, este foarte slabă și este doar un ghid pentru poziții etc. După ce am scanat acest lucru în computer, îl pun pe un strat numit "TRACE" și blochez stratul așa că nu- t du-te la lucruri mai târziu.



Pasul 1: Vechiul referință Skool

Am căutat câteva referințe de fotografie pentru calculatorul meu școlar vechi și am crezut că aceasta din anii 1970 a fost un început bun. Îmi place tastatura înclinată înclinată și asta oh, monitor atât de mic rotunjit! Această ilustrație va fi o combinație curioasă a culturii anilor 50, 70 și actualmente!



Pasul 2: Sfaturi pentru linii

Desenați forma calculatorului utilizând alb-negru pentru a începe. Credeam că orificiile de aerisire de pe fotografie arătau grozave, așa că aș folosi liniile pentru un pic de decor pe partea mea.

Cea mai rapidă modalitate de a rula liniile netede pe partea laterală a unui panou [1] este de a copia linia de sus și cea mai de jos linie (numai) și folosind BLEND TOOL (B) din bara de unelte, iar pentru spațiere utilizați Pașii specificați de 6. Creați o serie de linii paralele între ele. Extindeți meniul de selecție> Obiect> Extindeți. În continuare copiați și lipiți în față o copie a întregii zone a panoului lateral și mutați liniile de dedesubt pentru a putea utiliza cele două elemente pentru a crea o mască.

Am folosit același proces pentru a face butoanele [2]. Folosind pașii specificați între două obiecte, aceasta ține într-adevăr spațiile netede și uniforme. Un ultim pic de decor pe partea de sus a computerului este o linie curbată [3]. Cea mai rapidă modalitate de a face acest lucru este de a desena un oval cu un accident vascular cerebral și folosind o copie a formei de top a computerului face o altă mască pentru a pierde porțiuni nedorite.



Pasul 3: Dumb jos culoarea

Știți că vom copia și lipi acele computere în loc să le desenăm din nou! În primul rând, vom lăsa să cadă niște culori pe computer, astfel încât să nu trebuiască să le repoziționăm de cinci ori pe pista. Deoarece fundalul este moale și insipid, să dăm calculatoarelor culori puternice și plate, astfel încât acestea să se opună frumos unul împotriva celuilalt.

Am folosit gri cald, turcoaz cu linii cyan, stiu! suna groaznic cand il descrii cuiva, dar vizual pare OK, uneori merita pastrat o nota de combinatii de culori care functioneaza, nu stii niciodata cand vei avea nevoie de ele!

Am renuntat la unele culori ciudate ale tonurilor de pe butoane, pe cand vroiam sa le joc si sa le fac sa interfereze cu oamenii. Am încercat adesea să lucrez la ceea ce vreau să vadă oamenii într-o ilustrație și să încerce să atenueze orice poate fi o distragere vizuală.

Notă: Negrul pe lateral este identic cu cel de sus, dar cu glisorul negru apăsat până la 100% pe paleta de culori CMYK îl păstrează adânc și bogat.



Pasul 4: Toți tinerii tipi

Încep cu ofertantul din spate, capul lui este doar o ovală, cu o formă brută pentru păr și un triunghi de bază pentru un nas. Arată destul de bland [4] la început, dar cu câteva perechi bine plasate ar trebui să putem să-l smarten. Primul lucru este să-i dați o adâncime adăugând o anumită umbră.

Mi se pare o umbra putin in spatele urechii si una sub nas ridica cu adevarat o fata. De asemenea, adăugarea unei piele mai întunecată și transformarea acesteia într-un gradient va aduce și pielea la viață. Gradientul este foarte subtil și devine mai întunecat la un capăt atunci când este folosit. În acest caz, devine puțin mai întunecat, urcând pe frunte, puțin mai întunecat pe vârful urechii și același lucru pe podul nasului său.

Costumul este verde numai pentru că am crezut că albastrul sau cenușia se vor pierde împotriva computerului. Observați cum am adăugat un gradient destul de întunecat la fundul costumului? Asta pentru a da impresia că stă într-adevăr în ecranul computerului și jumătatea lui inferioară intră în umbră.

Pentru a ajuta la introducerea tipului în televizor, luați o copie a ecranului și extindeți colțul R / H de sus pentru a acoperi capul și brațul acestuia [5]. Folosește din nou această formă ca o mască și recoltează corpul. Vedeți cum forme duplicate, pastă în față și mască sunt o modalitate excelentă de a reduce timpul de lucru. Puteți să împărțiți formele și să le tăiați frumos, etc, dar dacă nu imprimă, de ce deranjează! Deci, puneți omul mascat pe ecranul calculatorului și ar trebui să arate că el stă într-adevăr acolo!



Pasul 5: Variații pe o temă

Acum avem un singur om și un computer colorat. Să-l duplicăm de trei ori și să facem mici modificări la noile versiuni. Este nevoie doar de câteva tentații pentru a da o nouă senzație unui desen deja existent. Tipul care se află în mijlocul spatelui [6], să-i rotim puțin brațul și să-i alunecăm și ochii înainte ... să schimbăm culoarea buzelor în alb și să extindem arcul inferior pentru a face un zâmbet. Dintr-o data avem un ofertant care este incantat si disperat sa faca o oferta.

De asemenea, cu ceilalți, mici schimbări, dar vizibile! I-am făcut mai mari pentru a ajuta la perspectiva și a schimbat gura pentru a fi un zâmbet și jumătate zâmbet.

Este doar un punct mic, dar am făcut butoanele multicolore pe calculatoare și mi-am amestecat modelele pe fiecare. Nu știu de ce am făcut exact asta? Dar vă pot spune că se simțea bine la vremea respectivă.


Aceeași înțelegere cu femeia. Desenați o versiune, duplicați și faceți câteva modificări minore. În acest caz, era culoarea părului și forma feței. Pentru ca brațul drept [7] să fie complet în afara ecranului. Am lipit-o in fata a tot ceea ce sa-l puna in partea superioara a stivei (asigurandu-se ca bratul nu sa extins in zona gulerului si sa blocheze partile)

Semnul dolar BTW este doar text scalat orizontal 80% cu Scale Tool (S), și înclinat ușor vertical cu instrumentul de forfecare (W), apoi rotit câteva grade. Adesea, cu acești copii ai lucrurilor le poți ajusta manual până când pare să stea vizibil cu ceea ce încerci să faci, nu trebuie să fie știința rachetelor.


Pasul 6: Iluminarea umbririi ciudate

Lampa este principala piesă de focalizare din ilustrație, dar vreau să o păstrez și să nu fie suprasolicitată ca la computere. În timp ce încerc să transmit ideea de ceva ușor rotunjit, un pic de lumină și umbre ar putea fi la îndemână!


Am descoperit cu cât sunt mai neregulate formele și cuantele unghiurilor de umbrire, cu atât mai interesant a devenit ilustrația.

Principalul punct culminant al lămpii de licitație a fost un amestec făcut cu instrumentul Blend (B) care merge între un oval roz și roșu. De asemenea, unele umbre de lumină scăzută [8] au fost o vignetă între un roșu și un brun închis, folosind Instrumentul Gradient (G). De asemenea, am vrut să arunc o umbră pe gâtul lămpii [9] și am găsit că cel mai rapid mod de a face a fost așa:

  • Formați o formă ovală în spatele vasului.
  • Selectați gâtul vaza și copiați-l, în timp ce este încă selectat apăsați Paste In Front (care o păstrează pe partea de sus a acesteia însă nu pe partea de sus a luminii galbene).
  • Apoi Shift Selectați forma ovală - astfel încât să le evidențiați ambele.
  • Acum, din paleta Pathfinder selectați Intersect

Acest lucru vă va lăsa cu forma de umbra dvs., un gradient ușor de la roșu la maro va da o umbra frumos de la stânga la dreapta.

Dacă nu aveți paleta pathfinder (și nu există niciun motiv pentru care nu ar trebui să fie! Este un instrument la îndemână), acesta poate fi găsit sub Meniu> Fereastră> Pathfinder (Shift + Command + F9).

Pentru a da lumânării un sentiment de a fi un articol de bunuri electrice, i-am dat un priz [10] și am făcut-o flex 2-lea accident vascular cerebral cu liniuță din 2 și a decalaj de 2 în maro deschis. Am lipit o copie a flexului în spatele ei într-o maro închis pentru a oferi un contrast frumos.


Pasul 7: Faceți o mulțime

Folosind o alta copie a unuia dintre barbatii pe care i-am atras mai devreme, l-am invartit vertical folosind Reflect Tool (O) si l-am pus in spatele unui podium. Podiumul utilizează aceleași culori ca și computerul, fără liniile din partea laterală. Pentru a face un nou licitator un litler diferit de cel obișnuit, Joe face licitația, i-am dat niște ochelari rotunzi și o cravată de argint (tip clasic!). Aceeași tehnică de umbrire, pe care se află jacheta, funcționează pentru podium, la fel ca în interiorul ecranului televizorului.


Nu, avem toți oamenii și elementele noastre este timpul să începem să le masăm împreună! Pentru a evita orice nerespectare a selecției, este mai bine să copiați / lipiți în față și grupul OBJEC / GROUP (G) fiecare ofertant al licitației, astfel încât să putem muta oamenii și computerele în jurul lor doar folosind SELECTION TOOL (V)


Pasul 8: Nu merge Nuci!

Acum că ați făcut toată munca grea de a crea bărbați ușor diferiți și două femei, ar fi tentant să le copiați pe toți orc armata ca în "Domnul Inelelor", și într-adevăr faceți un spectacol al întregii dvs. lucrări. Dar pentru a fi sincer, tot ceea ce face este să dilueze ceea ce ai făcut, nu să-l îmbunătățești. De ce să folosiți șase sute de oameni pentru a transmite o idee atunci când șase vor face. Cel puțin cu șase oameni, s-ar putea să vadă câteva detalii mai fine pe care le-ai pus.



Pasul 9: Împrăștiați acțiunea în jur

La aranjarea oamenilor nu există reguli grele și rapide. Lucrurile la care mă gândesc în general sunt:

  • Răspândirea interesului în jurul valorii de - în acest caz, femeile sunt intercalate cu bărbații care dau un grup naiv mixt.
  • Asigurați-vă că elementele de interes nu sunt ascunse - deci capul nu blochează alte capete în spatele lor, iar liliecii de licitație sunt clar vizibili între oameni și computere.


Pasul 10: Contextul

Dacă aruncăm un fundal albastru în spatele ilustrației, pare puțin plictisitor, chiar dacă adăugăm o spargere a stelei în spatele lămpii.


Ce ar fi bine să-i dai acel spațiu cibernetic ar fi să aibă computerele care plutesc în mijlocul aerului și poate că niște stele științifice mistice se împrăștie și niște umbre moi. Să începem cu acel fundal. În loc să introduceți o nouă culoare, ar putea fi frumos să introduceți o nuanță mai moale a unei culori care este deja în ilustrație.

Cred că o umbră mai moale a griului cald pe calculatoarele ar arăta bine. Și pentru a aduce accentul pe mijloc, să adăugăm un gradient de la computerul de top gri la noua noastră culoare de fundal. Formele trebuie doar să fie triunghiuri groase, deoarece acestea vor sângera de pe marginea ilustrației.


Pentru a scoate unele elemente din ilustrație, cum ar fi ciocanul și niște vâsle de licitație, un gradient circular de la culoarea de fundal la un alb alb va prinde speranțele ochilor telespectatorilor! Mi-am pus și eu unul în spatele burlacului pentru a lăsa un pic. Gradientul circular al tipului din spate se află de fapt sub gradientul de spargere a stelelor. Aș putea repara acest lucru prin re-desenarea cercurilor și folosind câteva opțiuni de transparență, dar simt că este doar un punct mic pe care îl voi lăsa să plece ... de data aceasta!


Deci, aproape acum! Cred că niște umbre solide, care sunt cu adevărat evidente (mai degrabă decât aceste haloși albi) și îi vor lăsa pe oameni să știe că acești oameni plutesc într-adevăr acolo, iar unele stele îngrozitoare din linii de 2 pt vor adăuga într-adevăr amestecul. Încercați să faceți stelele puțin echilibrate, nu prea simetrice și să utilizați unele dintre culorile deja prezente în ilustrație.



Concluzie

E ușor! Păstrați-l subțire, păstrați-l înțeles. Aveți câteva culori bine alese și re-utilizați-le ori de câte ori puteți și utilizați funcția Copiere și Lipire în față cât mai des posibil. Noroc.