Cum de a crea o pictogramă de submarin galben cu ochiuri de gradient

În timp ce nave spațiale, rachete și OZN-uri sunt toate furia în lumea icoană în aceste zile, submarinele au fost neglijate inexplicabil. Să corectăm această situație imediat prin desenarea unui submarin distractiv folosind ochiuri de gradient, perii de model, măști de opacitate și moduri de amestecare.

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.


Pasul 1

Pe tot parcursul acestui tutorial vom folosi plase de gradient pentru a realiza variante frumoase de culoare pe suprafetele submarinului. Gradient mesh-urile sunt extrem de puternice, dar și unul dintre cele mai uluitoare instrumente ale Illustratorului. Cea mai intuitivă modalitate de abordare a acestora este de a crea forma finală, apoi să o transformați într-o rețea.

Din păcate, cu excepția cazului în care forma este mai degrabă simplă sau simetrică, Illustrator o va transforma într-o plasă de cea mai mare importanță, ceea ce duce la faptul că majoritatea oamenilor nu reușesc să atârne acest instrument. Modul corect de a lucra cu ochiurile este opusul: începeți cu o formă simplă, transformați-l într-o plasă, apoi manipulați punctele sale pentru a obține forma finală.

Acum, pentru a crea corpul submarinului nostru, începem cu un simplu dreptunghi, transformându-l într-o rețea cu cât mai puține puncte necesare pentru a obține forma finală.



Pasul 2

Trebuie să transformăm acest dreptunghi într-o elipsă alungită, aplicând și perspectivă, astfel încât submarinul să arate că vine spre noi. Prindeți Instrumentul de selecție directă (A) și manipulați punctele de plasă ca și cum ați merge într-o cale normală (2a).

Colțurile sunt destul de complicate. Veți găsi că nu puteți utiliza instrumentul Convert Anchor Point (Shift + C) pentru a le transforma în puncte Bezier netede. În schimb, trebuie să aliniați manual cele două mânere pentru a elimina eventualele mișcări și pentru a face conturul să circule fără probleme. Cu răbdare și practică creați forma finală.

Rețineți modul în care perspectiva accentuează părțile frontale și cele superioare ale navei. Asigurați-vă că toate liniile curg armonios împreună pentru a defini forma rotundă a corpului (2b).



Pasul 3

Să începem umbrirea ochiului. Mai întâi selectați toate punctele și dați-le o culoare galbenă frumoasă, apoi faceți punctele de sus și din față mai ușoare, iar cele de jos întunecate. Bricheta înseamnă o culoare mai puțin saturată galben, mai închis înseamnă adăugarea de negru la culoarea de bază, dar și un pic de purpuriu pentru a introduce nuanțe portocalii:



Pasul 4

Utilizând instrumentul Mesh (U) adăugați două linii orizontale, înjumătățind jumătățile existente. Reglați mânerele pentru a face liniile să curgă liniștit, atunci când sunteți mulțumiți de forma lor, aplicați nuanțele corecte la noile puncte. Scopul aici este de a crea un gradient continuu, ușor-întunecat, care rulează de sus în jos și de la față în spate. Din nou, acest proces va fi consumator de timp, dar este important să obțineți formele și culorile înainte de a face rețeaua mai complexă, deoarece va fi mai greu de manipulat atunci.



Pasul 5

Adăugați o linie verticală a ochiurilor în partea stângă. Extindeți evidenția în față selectând cel de-al doilea punct din partea de sus și prelevând eșantionul de lumină de la unul dintre punctele superioare. Vedeți cum marginea de jos are o nuanță frumoasă de portocal, partea este plină de culoare galbenă, iar partea din față și partea de sus au culori strălucitoare. Rețineți, de asemenea, modul în care vârful maxim atinge pupa (spatele) pentru a simula lumina provenind de pe suprafața apei.



Pasul 6

Adăugați două linii verticale de ochiuri, unul la arc (în față) și unul la pupa (spatele), ajustându-le forma pentru a se potrivi cu corpul rotund al submarinei (6a). Pentru a accentua direcția luminii (în partea de sus și în față), rafinați umbrirea, reduceți culorile din față și extindeți culoarea portocalie în spate (6a).

Acum trebuie să creăm un punct secundar secundar longitudinal de-a lungul liniei orizontale de sus. Creați astfel o linie deasupra ei și una de mai jos (6b). Alocați noilor puncte culorile corecte pentru a menține înclinațiile netede, apoi selectați punctele centrale de pe rândul din mijloc și aplicați o probă galben deschis din partea de sus. Noul punct culminant va începe din față și va dispărea în spate (6c).

Forma noastră principală a corpului este acum finalizată și arată foarte frumoasă și complexă cu variații de culoare realiste, subtile (6d).



Pasul 7

Să adăugăm niște detalii corpului prin crearea de rânduri de nituri peste el. Vom aplica o perie simplă de model pe căile ce rulează peste corp.

Creați o elipsă (7a) apoi glisați-o în paleta de perii. Va apărea o fereastră (7b). Selectați Perie de model nou și faceți clic pe OK. Se va afișa fereastra Opțiuni perie model. Denumiți perii "perii", setați Scala la 4% și Spațiu până la 250% (7c).



Pasul 8

Pe un nou strat, creați o linie nouă pentru a defini arcul submarinului (8a), prinsând marginile corpului (activați Ghidurile inteligente cu Command + U) și dați-i o lovitură galbenă. Din meniul Efect selectați Stylize> Drop Shadow și setați opțiunile ca la 8b. În cele din urmă, faceți clic pe peria "nituri" din paleta de perii și vedeți rezultatul (8c).



Pasul 9

Creați trei copii ale acestui rând de nituri, ajustând formele lor pentru a se potrivi cu corpul submarinului și poziționându-le progresiv mai aproape una de cealaltă când ajung la pupa. Acest indiciu de perspectivă este esențial pentru a ne permite să percepem rândurile de nituri plasate regulat pe tot corpul (9a). Creați, de asemenea, două rânduri orizontale utilizând două copii suplimentare ale primului rând, rotindu-le cu 90 de grade și ajustând forma lor (9b).



Pasul 10

Să dăm submarinului nostru câteva găuri.

Pe un nou strat creați o elipsă albă (10a), apoi apăsați Command + C pentru a face o copie și Command + F pentru al lipi în față. Scalati aceasta elipsa putin (10b). Cu elipsei mai mici selectate, Shift - selectați elipsei mai mari, apoi în Pathfinder faceți clic pe Minus Front, a doua pictogramă din rândul "Moduri de formă" (10c). Denumiți inelul rezultat "jantă exterioară".

Faceți o copie a acesteia, denumiți-o "jantă interioară", trimiteți-o înapoi (comanda + Shift + tasta stânga) și mutați-o deasupra și spre stânga pentru a simula grosimea (10d). Dați acestor inele gradiente de cupru netede (10e, 10f).



Pasul 11

Acum vom adăuga fereastra de sticlă. Creați o elipsă, trimiteți-o înapoi (tasta Command + Shift + Stânga) și dați-i un gradient radial albastru fum (11a).

Să adăugăm reflecții la orificiul de deschidere. Selectați inelul "rimă exterioară", copiați-l și lipiți-l în față (Command + C, Command + F), apoi dați-i un gradient alb-negru (11b).

Apoi trageți o formă curbată (11c) și sculați-o din inelul negru în alb folosind metoda Minus Front explicată înainte (11d). Reglați gradientul astfel încât să fie mai puțin negru (11e), apoi din paleta Transparență schimbați Modul de amestecare la Lumină moale (11f).



Pasul 12

Acum, să adăugăm adâncimea și reflexiile ferestrei de sticlă. Ascundeți totul, cu excepția sticlei. Duplicați această elipsă, aliniați-o și mutați-o puțin spre stânga, astfel încât să apară o lamă subțire a elipsei inferioare. Dați-i un gradient radiant alb-negru, schimbați modul de amestecare în Darken și micșorați opacitatea la 50% (12a). Aceasta va da o anumită grosime ferestrei.

Cu această ultima elipsă selectată, copiați-o și lipiți-o în față. Schimbați gradientul de la Radial la Linear cu negrul de sus și coborâți opacitatea la 35% (12b). Acest lucru va adăuga o umbră în partea de sus a ferestrei.

Din nou, copiați și lipiți în fața ultimei elipse. Folosind metoda Minus Front, scade din ea o formă curbată (12c). Reglați gradientul formei rezultante astfel încât culoarea albă să fie pe partea de sus. Modificați modul de amestecare la Ecran și setați opacitatea la 50% (12d). Acum fereastra are o reflecție.



Pasul 13

Desfaceți ambele jante exterioare și interioare, selectați toate obiectele (Command + A) și grupați-le (Command + G). Din meniul de efecte selectați Stylize> Drop Shadow. Umbra ar trebui să fie mai întunecată decât corpul submarinului, dar nu și negrul.

Modul Multiplicare trebuie selectat în mod prestabilit. Ajustați ceilalți parametri pentru a obține o umbre destul de moale (13a). Fereastra este terminată! Faceți doar două copii și poziționați-le de-a lungul corpului, folosind ca niște ghidaje rândurile de nituri. Reducerea progresivă a distanței reciproce și lățimea lor pentru a ține seama de perspectiva (13b).



Pasul 14

Pentru a crea panza urmați instrucțiunile din imaginea următoare. Asigurați-vă că lucrați un nou strat pentru a păstra ordinea.

  1. Desenați baza pânzei, duplicați-o. Scalați copia și poziționați-o mai sus pentru a face partea de sus (14a).
  2. Treceți în Vedere în linie (Command + Y) și trasați drepte linii de conectare, prinsând la forme curbe. Blocați liniile drepte (14b).
  3. Cu ajutorul instrumentului pentru foarfece (C) tăiați baza pânzei în cazul în care intersectează liniile drepte. Ștergeți jumătatea superioară rezultată (14c).
  4. Copiați și lipiți în partea din față a vârfului velei, ascundeți originalul. Repetați pasul anterior, tăiați forma în două și ștergeți jumătatea superioară (14d).
  5. Deblocați liniile de conectare. Utilizați Instrumentul de selecție directă (A) pentru a selecta fiecare colț al formei noi, apoi apăsați Command + J pentru a vă alătura celor două puncte, selectând opțiunea Corner (14e).


Pasul 15

Să umblam pânza. Selectați-l apoi alegeți Obiect> Creare rețea de gradienți, apoi setați 2 rânduri și 4 coloane (15a). Consultați imaginile următoare pentru pașii necesari pentru a crea o plasă finală. Obiectivul nostru este acela de a crea o evidențiere frontală și să avem pânza întunecată spre spate și spre fund.



Pasul 16

Acum, să adăugăm o reflecție la baza pânzei. Faceți o copie a ochiului de plasă. Vrem să o întoarcem într-o cale. Selectați Obiect> Cale> Cale de decalare și utilizați 0 ca decalaj (16a). Ștergeți toate punctele superioare, lăsând o singură cale (16b). Dați-i un accident vascular cerebral galben 1px și un Gaussian Blur de 2px, mergând la Efect> Blur> Gaussian Blur (16c).



Pasul 17

Vaporul proiectează o umbră pe corpul principal. Desenați o formă conformă cu curbura submarinului (17a) și dați-i o umplutură plată, închisă de culoare portocalie. În paleta Transparență, setați modul de amestecare la Multiplicare și Opacitate la 65% (17b). Acum avem o umbră solidă și tare, dar în realitate umbrele se estompează și se estompează pe măsură ce se retrag din baza lor. Deci, să adăugăm o mască de opacitate. Copiați și lipiți în fața umbrei și aplicați un gradient liniar alb-negru (17c).

Acum, selectați ambele obiecte, faceți clic pe pictograma săgeată din colțul din dreapta sus al paletei Transparență și, din meniul derulant, alegeți Make Opacity Mask - umbra se estompează acum de pe pânză. Ori de câte ori creați măști de opacitate, amintiți-vă că albul permite obiectelor și negru să le ascundă, la fel ca în Photoshop. Aplicați un blur Gaussian de 5px la umbra (17c).



Pasul 18

Avem o problemă acum: deși cea mai mare parte a pânzei este în umbră, accentul la baza sa este luminos pe toată lungimea sa. Este gresit. Să corectăm asta.

Copiați și lipiți în fața evidențierii (acum sunteți experți în lovirea Command + C și Command + F), eliminați Gaussian Blur din paleta Aspect, ajustați Stroke la 2px, apoi selectați Object> Path> Outline Path (18a).

Umpleți această formă cu un gradient liniar alb-negru, asigurându-vă că albul se estompează în negru de la stânga la dreapta (18b). Așa cum am făcut înainte, selectați această formă și evidențiați apoi faceți o mască de opacitate. Acum, evidențiarea este mai consistentă cu iluminarea (18c).



Pasul 19

Pe planele planetei, trageți o formă de lacrimă prelungită cu un capăt ascuțit (19a), va fi partea din față a planului. Desenați lungimea planului antenei (19b) și umpleți-o cu un gradient vertical pentru a lumina partea de sus, pentru a întuneca partea inferioară și pentru a evidenția partea frontală (19c). Partea trebuie să aibă și un gradient. Acum arată bine (19d).



Pasul 20

Pentru a adăuga o evidențiere la marginea antenei, duplicați partea laterală și îndepărtați punctele inferioare (20a). Dați acestei căi un accident vascular cerebral galben deschis de 0,5 px (20b). La fel ca înainte, duplicați calea, schițați-o, adăugați un gradient alb-negru (20c). Faceți masca de opacitate apoi aplicați un Blur Gaussian (20d). Planul anterior a fost terminat.

Faceți o copie, mutați-o în spatele velei, apoi reglați dimensiunea și poziția acesteia pentru a se potrivi cu perspectiva. Modificați gradientul pentru a deveni mai strălucitor, deoarece cel de-al doilea planetă este în lumină directă (20e).



Pasul 21

Bineînțeles că planeta anterioară aruncă o umbra pe pânză. Trageți umbra și umpleți-o cu același portocaliu închis ca umbra principală a veleului. La fel ca și înainte, duplicarea formei, adăugarea unui gradient alb-negru, realizarea unei măști de opacitate, apoi estomparea umbrei rezultate (21a, 21b).



Pasul 22

Să creăm periscopul. Faceți o copie a orificiilor de orificiu, răsuciți-o orizontal, micșorați-o și modificați culoarea jantelor în gri (22a). Folosind ghidajele (22b), trageți conducta periscopului și umpleți-o cu un gri mediu (22c).

Apoi trageți două linii de-a lungul țevii (22d). Aplicați o lovitură ușoară liniei interioare și Blur it (22e). Aplicați o curbă întunecată la linia exterioară și Blur it too (22f). Grupați cele două linii. Faceți o copie a țevii, aduceți-o în față (tasta Shift + Command + Tasta dreaptă). Shift - selectați liniile neclare, apoi apăsați Command + 7 pentru a face o mască de tăiere, astfel încât blursurile să fie constrânse la țeavă (22f).



Pasul 23

Periscopul are nevoie de un punct de reflecție, de asemenea. Creați o elipsă albă (23a), convertiți punctele de ancorare de sus și de jos în colțuri, făcând clic pe ele o dată cu Instrumentul de conversie a ancorei (Shift + C) (23b). Scala, poziționați și aliniați forma pe conducta periscopului (23c), apoi reduceți opacitatea și împăturiți-o (23d).



Pasul 24

Hai să atragem acum planurile de acoperiș. Faceți o copie a părții antenei, aliniați-o, poziționați-o lângă pupa submarinului și faceți-o mai întunecată (24a). În continuare trageți restul planului, umplându-l cu un gradient multi-color similar cu cel al planetei, dar mai întunecat (24b). În cele din urmă, copiați umbra antenei, plasați-o sub planul de cotitură și adaptați-i forma pentru a se potrivi cu noua locație (24c).



Pasul 25

Ultimul pas este acela de a trage elicea. Desenați o lamă cu o singură cale (25a), apoi transformați-o într-o plasă de gradient. Consultați imaginea pentru umbrirea (25b). Faceți trei copii și aranjați-le la unghiuri de 90 °. Desenați un cerc pentru hub. Umpleți-o cu un gradient radial moale și dați-i o strălucire exterioară (Efect> Stylize> Outer Glow) (25c).

Selectați și grupați butucul și cele patru lame. Deplasați elicea în spatele corpului principal al submarinului și răsturnați-l orizontal. S-ar putea să trebuiască să-l striviți vertical un pic pentru a se potrivi perspectivei. Faceți acest lucru făcând clic dreapta pe elice și selectând Transform> Shear (25d).

Doar trei lame rămân vizibile. Umbrirea lor trebuie ajustată pentru a reflecta umbrele de turnare submarin pe ea. De asemenea, lamelele inferioare sunt aproape complet umbrite. Doar eșantionați culorile din corpul principal al submarinului și veți fi în regulă (25e). Am terminat!



Concluzie

Permiteți-mi să vă spun, a fost foarte distractiv de făcut. Am acoperit mai multe tehnici: ochiuri de gradient, perii de model, măști de opacitate și moduri de amestecare. Ele sunt foarte simple atunci când sunt luate individual, dar când sunt combinate devin extrem de puternice. Cel mai important aspect în crearea ilustrațiilor realiste este de a acorda o atenție deosebită perspectivelor și umbrelor. Alegerea unui punct de vedere consecvent și a unei direcții clare pentru lumină face mult mai simplu acest lucru.

Sper că v-ați bucurat de acest mic turneu de forță la fel de mult ca mine și sper că ați învățat multe. Acum începeți o nouă tendință în designul icoanelor - submarine!