Cum se creează un efect 3D Lego în Adobe Illustrator

În următorii pași veți învăța cum să creați un set de piese Lego și cum să le transformați cu ușurință într-un efect de text frumos. Pentru început, veți avea nevoie doar de două forme simple și de efectul 3D Extrude & Bevel. Odată ce organizați formele de pornire, vom continua cu evidențierea. În primul rând, pentru efectul de umbră vom profita din plin de panoul Aspect. Apoi, vom folosi opțiunile Pathfinder împreună cu câteva tehnici și efecte de amestecare de bază. În cele din urmă, pentru colorare vom folosi un truc simplu de amestecare plus o tehnică de bază de mascare.


Pasul 1

Apăsați Command + N pentru a crea un document nou. Introduceți 600 în căsuțele de lățime și înălțimea, apoi faceți clic pe butonul Avansat. Selectați RGB, Screen (72ppi) și asigurați-vă că caseta "Align New Objects to Pixel Grid" nu este bifată înainte de a da clic pe OK.

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Pentru acest tutorial veți avea nevoie de o rețea la fiecare 1px. Pur și simplu mergeți la Edit> Preferences> Guides> Grid, introduceți 1 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. De asemenea, trebuie să deschideți panoul Informații (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură pe pixeli din Editare> Preferințe> Unitate> General. Toate aceste opțiuni vor crește semnificativ viteza de lucru.


Pasul 2

Utilizând instrumentul Rectangle (M), creați un pătrat de 70px și setați culoarea de umplere la R = 128, G = 130, B = 133.


Pasul 3

Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați pătratul realizat în pasul anterior și accesați Efect> 3D> Extrude & Bevel. Introduceți proprietățile afișate în imaginea următoare, asigurați-vă că bifați caseta "Desenați fețele ascunse" și apoi OK.


Pasul 4

Asigurați-vă că pătratul gri este încă selectat și mergeți la Object> Expand Appearance. Mergeți la panoul Straturi (Fereastră> Straturi) și ar trebui să găsiți un grup nou creat. Selectați-l și apăsați Shift + Control + G de două ori. În final, ar trebui să aveți șase forme simple. Continuați să vă concentrați pe panoul Straturi și pur și simplu ștergeți cele două forme de fund.


Pasul 5

Concentrați-vă pe panoul Straturi, faceți dublu clic pe forma de jos și denumiți-o "umbra". Selectați-l și treceți la panoul Aspect (fereastră> Aspect). Selectați umplutura existentă, faceți-o negru și mergeți la Efect> Cale> Cale de decalare. Introduceți un offset de 3px, faceți clic pe OK și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 4 pixeli, faceți clic pe OK și reveniți la panoul Aspect. Asigurați-vă că este încă selectată "umbra" și adăugați oa doua umplere folosind butonul Adăugați umplere nouă (indicat de săgeata mică, albastră). Selectați această umplere nouă, setați culoarea în negru, micșorați Opacitatea la 5% și treceți la Efect> Cale> Cale de decalare. Introduceți un offset de 4px, faceți clic pe OK și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 6px, faceți clic pe OK și reveniți la panoul Aspect. Adăugați un al treilea umplere pentru această formă, selectați-l, setați culoarea în negru, micșorați Opacitatea la 10% și mergeți la Efect> Cale> Cale de decalare. Introduceți un offset de 2px, faceți clic pe OK și treceți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 4 pixeli, faceți clic pe OK și reveniți la panoul Aspect. Adăugați o umplere finală pentru această formă, selectați-o, setați culoarea în negru, micșorați opacitatea la 20% și mergeți la Efect> Cale> Cale de decalare. Introduceți un offset de 1px, faceți clic pe OK și treceți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 2.5px și faceți clic pe OK. Deschideți fereastra Șabloane grafice (fereastră> Stiluri grafice), asigurați-vă că este încă selectată "umbra" și faceți clic pur și simplu pe butonul "Stil nou grafic" (indicat de săgeata albastră).


Pasul 6

Concentrați-vă pe panoul Straturi, faceți dublu clic pe forma de mai sus "umbra" și denumiți-o "leftSide". Selectați-l și înlocuiți culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare. Numărul alb din imaginea gradientului reprezintă procentajul locației. Concentrați-vă pe panoul Gradient, faceți clic pe acea miniatură de pătrată și pur și simplu trageți-o în interiorul panoului Swatches (Window> Swatches) pentru ao salva. Continuați să focalizați pe panoul Swatches, faceți dublu clic pe acest gradient nou adăugat și numiți-l "Gradient1". Evident, veți avea nevoie de acest gradient din nou. Salvarea și numirea vor ușura munca dvs. mai târziu. Reveniți la panoul Straturi, faceți dublu clic pe forma de deasupra "leftSide" și denumiți-o "rightSide". Selectați-l și înlocuiți culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare. Salvați acest nou gradient și denumiți-l "Gradient2". Reveniți la panoul Straturi, faceți dublu clic pe forma de deasupra "rightSide" și denumiți-o "sus". Selectați-l și înlocuiți culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare. Încă o dată, salvați acest nou gradient și numiți-l "Gradient3".


Pasul 7

Accesați Edit> Preferences> General și asigurați-vă că Incrementul tastaturii este setat la 1px.
Selectați "leftSide" și "rightSide" și duplicați-le (Control + C> Control + F). Selectați ambele copii, deschideți panoul Pathfinder (Fereastră> Pathfinder) și faceți clic pe butonul Unite din panoul Pathfinder. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și apăsați pe săgeata sus din tastatură pentru ao muta cu 1px în sus. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru, coborâți Opacitatea la 10% și schimbați Modul de amestecare pe Lumină ușoară.


Pasul 8

Selectați "sus" și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 1px în jos, utilizând săgeata în jos de pe tastatură. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea următoare. Zerourile galbene din imaginea gradientului reprezintă procentajul de Opacitate.


Pasul 9

Selectați "sus" și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus folosind săgeata sus de pe tastatură. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea următoare.


Pasul 10

Accesați Edit> Preferences> General și setați Incrementul tastaturii la 0,5px. Selectați "rightSide" și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și deplasați-o cu 0,5 px în sus și spre dreapta utilizând tastele săgeți de pe tastatură. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb. Focalizați pe partea de jos a acestei forme albe, apucați instrumentul Ștergeți ancora (-) și îndepărtați pur și simplu cele trei puncte de ancorare evidențiate în a treia imagine. În cele din urmă, forma albă ar trebui să arate ca în a patra imagine.


Pasul 11

Selectați "leftSide" și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și deplasați-o cu 0,5 px în sus și spre stânga utilizând tastele săgeți de pe tastatură. Resetați ambele copii și faceți clic pe o butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb. Focalizați pe partea de jos a acestei forme albe, apucați instrumentul Ștergeți ancora (-) și îndepărtați pur și simplu cele trei puncte de ancorare evidențiate în a treia imagine. În cele din urmă, forma albă ar trebui să arate ca în a patra imagine.


Pasul 12

Selectați cele două forme albe realizate în ultimii doi pași și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea următoare.


Pasul 13

Selectați cele patru forme realizate în ultimii șase pași și grupați-i (Control + G). Treceți la panoul Straturi, faceți dublu clic pe acest nou grup și numiți-l "evidențiază".


Pasul 14

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Folosind instrumentul Ellipse (L), creați un cerc de 19px, umpleți-l cu R = 147, G = 149, B = 152 și plasați-l după cum se arată în imaginea următoare.


Pasul 15

Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați cercul făcut în pasul anterior și accesați Efect> 3D> Extrude & Bevel. Introduceți proprietățile afișate în imaginea următoare, asigurați-vă că nu bifați caseta "Desenați fețele ascunse", apoi faceți clic pe OK.


Pasul 16

Asigurați-vă că cercul dvs. este încă selectat și mergeți la Object> Expand Appearance. Treceți la panoul Straturi, selectați grupul rezultat și apăsați Shift + Control + G de trei ori. Treceți la panoul Straturi, selectați subgrupul rămas și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în a treia imagine. Asigurați-vă că această formă rămâne selectată, se concentrează pe panoul Aspect și se adaugă oa doua umplere. Selectați această umplere nouă, modificați Modul de amestecare la Lumină moale și trageți-o în partea de jos a panoului Aspect. Înlocuiți gradientul linear existent cu cel prezentat în a patra imagine, apoi mergeți la Efect> Distort & Transform> Transform. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.


Pasul 17

Accesați Edit> Preferences> General și setați Incrementul tastaturii la 1px. Treceți la panoul Straturi și selectați cealaltă formă făcută în etapa anterioară. Înlocuiți culoarea plată folosită pentru umplere cu gradientul liniar prezentat în prima imagine, apoi faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în cea de-a treia imagine și schimbați Modul de amestecare la Lumină moale.


Pasul 18

Resetați cercul stoarcat editat în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 1px în jos și spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 80, G = 80, B = 80 și reduceți opacitatea la 50%.


Pasul 19

Selectați toate formele create în ultimii trei pași și grupați-i (Control + G). Selectați acest grup nou și accesați Efect> Distort & Transform> Transform. Introduceți proprietățile afișate în fereastra din stânga, faceți clic pe OK și reveniți la Efect> Distort & Transformare> Transformare. Introduceți proprietățile afișate în fereastra din dreapta și faceți clic pe OK. Mergeți la panoul Straturi, faceți dublu clic pe acest nou grup și denumiți-l "notch".


Pasul 20

Apoi, trebuie să adăugați o anumită culoare piesei dvs. Lego. Selectați "leftSide", "rightSide" și "top" și duplicați-le (Control + C> Control + F). Selectați aceste copii, faceți clic pe butonul Unite din panoul Pathfinder și aduceți forma rezultată spre față (Shift + Control +]). Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe panoul Aspect. Selectați umplerea existentă, setați culoarea la R = 0, G = 163, B = 75 și schimbați Modul de amestecare în Culoare. Adăugați o a doua umplere pentru această formă, selectați-o, setați culoarea la R = 205, G = 205, B = 205 și schimbați Modul de amestecare în Color Burn. Acum, pur și simplu înlocuiți umplutura verde cu una albastră (R = 39, G = 170, B = 225) și piesa Lego va deveni albastră. Simțiți-vă liber să încercați o altă culoare sau un alt mod de amestecare. Mergeți în panoul Straturi, faceți dublu clic pe forma realizată în acest pas și denumiți-o "culoare".


Pasul 21

Treceți la panoul Straturi, selectați totul creat până acum, cu excepția formei "Shadow" și grupați-le (Control + G). Deschideți acest grup, selectați "Color" și duplicați-l (Control + C> Control + F). Selectați această copie și trageți-o în afara grupului, în partea de sus a panoului Straturi. Asigurați-vă că această nouă formă este selectată și apăsați butonul "D" de pe tastatură. Aceasta va adăuga proprietățile implicite pentru forma dvs., care este o umplutură albă și o lovitură neagră de 1 pt. Îndepărtați cursa neagră, apoi selectați umplerea și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK și deschideți panoul Transparență (fereastră> Transparență). Selectați această formă albă împreună cu grupul efectuat la începutul pasului, deschideți meniul derulant al panoului Transparență și faceți clic pe Faceți masca opacității. Aceasta va adăuga o rotunjire discretă în colțurile piesei dvs. de ego. Aruncă o privire mai atentă și o vei observa.


Pasul 22

Selectați Toate formele create până acum (Control + A) și grupați-le (Control + G). Aceasta va fi prima piesă Lego. Focalizați pe panoul Straturi și denumiți-l "pătrat".


Pasul 23

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Cu ajutorul instrumentului Rectangle (M), creați o formă de 140 x 70px și setați culoarea de umplere la R = 128, G = 130, B = 133.


Pasul 24

Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați dreptunghiul făcut în pasul anterior și accesați Efect> 3D> Extrude & Bevel. Introduceți proprietățile afișate în imaginea următoare, asigurați-vă că bifați caseta "Desenați fețe ascunse", apoi faceți clic pe OK.


Pasul 25

Asigurați-vă că dreptunghiul gri este încă selectat și mergeți la Object> Expand Appearance. Treceți la panoul Straturi, selectați grupul nou creat și apăsați Shift + Control + G de două ori pentru a Ungroup. Selectați partea de jos, două forme și pur și simplu le ștergeți. Continuați să vă concentrați pe panoul Straturi, faceți dublu clic pe forma de jos, denumiți-o "umbra" și adăugați stilul grafic salvat în al cincilea pas.


Pasul 26

Continuați cu celelalte trei forme realizate în etapa anterioară. Denumiți-le "leftSide", "rightSide" și "top" apoi utilizați gradientul liniar salvat în etapa a șasea.


Pasul 27

Continuați să focalizați pe formele editate în pasul anterior și adăugați subțire subliniind formele, așa cum ați făcut cu pătratul, piesa de ego. Practic, trebuie să repetați tehnicile menționate în pașii 7 până la 12. Va trebui să faceți două mici modificări atunci când ajungeți la colorare. Pur și simplu, editați cele două gradienți liniare, după cum se arată în imaginea următoare. După ce ați terminat, asigurați-vă că grupați toate aceste forme și denumiți grupul "evidențiază".


Pasul 28

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Folosind instrumentul Ellipse (L), creați un cerc de 19px, umpleți-l cu R = 147, G = 149, B = 152 și plasați-l după cum se arată în imaginea următoare.


Pasul 29

Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați cercul făcut în pasul anterior și accesați Efect> 3D> Extrude & Bevel. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe OK și accesați Object> Expand Appearance.


Pasul 30

Treceți la panoul Straturi, selectați grupul rezultat din pasul anterior și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu alb.


Pasul 31

Concentrați-vă pe panoul Straturi, deschideți grupul cu prima piesă ego și dublați grupul "notch" (Control + C> Control + F). Selectați această copie a grupului, deplasați-vă pe panoul Aspect și eliminați efectele existente Transformare. Continuați să vă concentrați asupra acestei copii de grup, trageți-o în partea superioară a panoului Straturi și plasați-o aproximativ ca în prima imagine. Prindeți Instrumentul de selecție (V) și selectați copia de grup împreună cu forma albă realizată în pasul anterior. Faceți clic pe marginea acestei forme albe (trebuie accentuată), apoi faceți clic pe butoanele Centrul de aliniere orizontală și verticală a centrului de aliniere din panoul Align (Fereastră> Aliniere). În final, copia dvs. de grup trebuie plasată așa cum se arată în a treia imagine. Reveniți la panoul Straturi și eliminați forma albă făcută în etapa anterioară.


Pasul 32

Selectați copia de grup "notch" realizată în pasul anterior și adăugați cele două efecte Transformate afișate în imaginea următoare.


Pasul 33

Apoi, trebuie să adăugați forma "color". Pur și simplu repetați tehnicile menționate în pasul douăzeci. Asigurați-vă că grupează această formă de "culoare", împreună cu toată forma care formează această piesă Lego secundară (cu excepția formei "umbrelor"),.


Pasul 34

În sfârșit, adăugați tehnica de mascare menționată în etapa a douăzeci și unu. Selectați toate formele care alcătuiesc această a doua piesă ego și grupați-le (Control + G). Denumiți acest nou grup "rectangle1".


Pasul 35

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Cu ajutorul instrumentului Rectangle (M), creați o formă de 140 x 70px și setați culoarea de umplere la R = 128, G = 130, B = 133.


Pasul 36

Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați dreptunghiul făcut în pasul anterior și accesați Efect> 3D> Extrude & Bevel. Introduceți proprietățile afișate în imaginea următoare, asigurați-vă că bifați caseta "Desenați fețe ascunse", apoi faceți clic pe OK.


Pasul 37

Asigurați-vă că forma care a fost editată în pasul anterior este încă selectată și mergeți la Object> Expand Appearance. Mergeți la panoul Straturi, selectați grupul nou creat și apăsați de două ori Shift + Control + G. Selectați partea de jos, două forme și pur și simplu le ștergeți. Continuați să vă concentrați pe panoul Straturi, faceți dublu clic pe forma de jos, denumiți-o "umbra" și adăugați stilul grafic salvat în al cincilea pas.


Pasul 38

Continuați cu celelalte trei forme realizate în etapa anterioară. Denumiți-le "leftSide", "rightSide" și "top" apoi utilizați gradientul liniar salvat în etapa a șasea.


Pasul 39

Continuați să focalizați pe cele trei forme editate în pasul anterior și adăugați subliniază subțire, așa cum ați făcut cu cea de-a doua piesă ego. Din nou, va trebui să faceți două mici modificări atunci când ajungeți la partea de colorare. Pur și simplu, editați cele două gradienți liniare, după cum se arată în imaginea următoare. După ce ați terminat, asigurați-vă că grupați toate aceste forme și denumiți grupul "evidențiază".


Pasul 40

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Folosind instrumentul Ellipse (L), creați un cerc de 19px, umpleți-l cu R = 147, G = 149, B = 152 și plasați-l după cum se arată în imaginea următoare.


Pasul 41

Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați cercul făcut în pasul anterior și accesați Efect> 3D> Extrude & Bevel. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe OK și accesați Object> Expand Appearance.


Pasul 42

Treceți la panoul Straturi, selectați grupul rezultat din pasul anterior și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu alb.


Pasul 43

Concentrați-vă pe panoul Straturi și faceți o copie nouă a grupului "notch" (Control + C> Control + F). Selectați această copie a grupului, eliminați efectele existente Transformare, apoi repetați tehnicile de aliniere menționate în treapta treizeci și unu. Nu uitați să eliminați forma albă la sfârșit.


Pasul 44

Selectați copia de grup "notch" realizată în pasul anterior și adăugați cele două efecte Transformate afișate în imaginea următoare.


Pasul 45

Să continuăm cu forma "color". Pur și simplu repetați tehnicile menționate în pasul douăzeci. Asigurați-vă că grupați această nouă formă împreună cu toată forma care alcătuiește această a treia piesă Lego (cu excepția formei "Shadow").


Pasul 46

Adăugați în cele din urmă colțurile rotunjite discrete folosind tehnica de mascare menționată în etapa a douăzeci și unu. Selectați toate formele care alcătuiesc această a treia piesă ego și grupați-le (Control + G). Denumiți acest nou grup "rectangle2".


Pasul 47

Acestea sunt cele trei piese de ego. În final, ar trebui să aveți trei grupuri principale în panoul Straturi.


Pasul 48

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). În cele din urmă, multiplicați grupurile create până acum și construiți literele ego-ului. Snap to Grid vă va ușura munca. Există un singur lucru pe care trebuie să-l țineți minte. Mențineți vizibilitatea formei "umbrelor" pentru piesele Lego de jos, dar opriți-le pentru piesele care merg mai sus. Acest lucru nu ar trebui să fie foarte dificil, având în vedere că tot ce trebuie să faceți este să mergeți la panoul Straturi și să faceți clic pur și simplu pe pictograma ochiului.


Concluzie

Acum munca ta sa terminat. Iată cum ar trebui să arate.

Consultați a doua imagine pentru un ghid simplu despre cum să vă aranjați piesele Lego pentru a construi toate literele alfabetului.