Cum se creează un ecran detaliat de conectare, conectare în Illustrator

În pașii următori veți afla cum să creați un semn detaliat în / formularul de înscriere utilizând Adobe Illustrator. Este un tutorial destul de lung care vă poate învăța câteva lucruri noi despre panoul Aspect sau despre lucrul cu textul. Pentru formele de pornire veți avea nevoie doar de instrumentele de dreptunghi și Ellipse împreună cu colțurile rotunjite și efectele Roughen. Pentru colorare veți folosi gradienți liniari și radiali, câteva tehnici de amestecare și mascare de bază și o grămadă de efecte noi. În cele din urmă, pentru text trebuie să utilizați panoul Aspect și unele efecte discrete Drop Shadow.


Pasul 1

Hit Control + N pentru a crea un document nou. Introduceți 800 în caseta de lățime și 600 în caseta de înălțime, 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.

Acum, activați Grid (Vizualizare> Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Pentru inceput veti avea nevoie de o grilă la fiecare 5px. Accesați Edit> Preferences> Guides & Grid, introduceți 5 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. De asemenea, puteți deschide panoul Informații (fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor. Nu uitați să setați unitatea de măsură la pixeli de la Edit> Preferences> Unit> General. Toate aceste opțiuni vă vor mări semnificativ viteza de lucru.



Pasul 2

Cu ajutorul instrumentului dreptunghi (M), creați o formă de 600 x 300px, umpleți-o cu R = 220 G = 215 B = 205 și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Efect> Distort & Transformați> Deconectați. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK. În final, forma trebuie să arate ca în prima imagine. Deplasați-vă la panoul Straturi, faceți dublu clic pe această formă și faceți-o "principală". Faceți o copie a "main" (Control + C> Control + F), selectați-o și pur și simplu mergeți la Object> Expand Appearance.



Pasul 3

Deschideți panoul Aliniere (Fereastră> Aliniere). Utilizând instrumentul Pen (P), creați o cale verticală de 320 px, cu un simplu cursă de 1 pct, negru. Treceți la Instrumentul de selecție (V) și selectați această nouă cale împreună cu a doua formă realizată în pasul anterior. Faceți clic pe marginea unei forme mai mari (trebuie accentuată), apoi faceți clic pe butoanele Centrul de aliniere verticală și Centrul de aliniere orizontală din panoul Aliniere. În cele din urmă, calea dvs. subțire, verticală trebuie așezată așa cum se arată în a treia imagine.



Pasul 4

Resetați calea făcută în pasul anterior împreună cu cea de-a doua formă realizată în al doilea pas, deschideți panoul Pathfinder și faceți clic pe butonul Divide. Ungroup (Shift + Control + G) grupul de forme care rezultă și se concentrează asupra celor două forme noi. Selectați cel din stânga, micșorați Opacitatea la 50%, schimbați Modul de amestecare în Lumină moale și umpleți-l cu gradientul liniar prezentat în a doua imagine. Zero galben din imaginea gradientului reprezintă procentajul de opacitate. Deplasați-vă la forma corectă, selectați-o, micșorați Opacitatea la 50%, schimbați Modul de amestecare în Lumină moale și înlocuiți culoarea plană folosită pentru umplere cu gradientul liniar prezentat în a treia imagine. Concentrați-vă pe panoul Straturi și blocați aceste două forme pentru a vă asigura că nu le selectați / mișcați accidental.



Pasul 5

Selectați "principal" și faceți o copie în față (Control + C> Control + F). Selectați-l, focalizați pe panoul Aspect și adăugați două umpleri noi utilizând butonul Adăugați umplere nouă (indicat de săgeata albastră mică). Selectați primul, micșorați Opacitatea la 50% și adăugați gradientul radial prezentat în imaginea următoare. Deplasați-vă la al doilea nou umplere, selectați-l, micșorați opacitatea până la 50% și adăugați același gradient radial.



Pasul 6

Asigurați-vă că forma care a fost editată în pasul anterior este încă selectată, căutați pe panoul Aspect și adăugați o umplere nouă. Selectați-l, setați culoarea la R = 136 G = 122 B = 92, micșorați Opacitatea la 5%, schimbați Modul de amestecare pentru a Multiplica și mergeți la Efect> Artistic> Film Grain. Introduceți datele afișate în imaginea următoare, faceți clic pe OK și reveniți la panoul Aspect. Adăugați un curs de 2 pct, setați culoarea la R = 245 G = 245 B = 245 și aliniați-o în interior. Continuați să focalizați pe panoul Aspect și adăugați un al doilea curs pentru această formă utilizând butonul Adăugați un nou curs (indicat de săgeata mică, albastră). Selectați-l, lățimea 1pt, setați culoarea la R = 178 G = 167 B = 143 și aliniați-o spre interior.



Pasul 7

Aruncați o privire mai atentă la forma editată în pasul anterior și veți observa că marginile sunt puțin pixelate. Este din cauza efectului de film grain. Nu este o afacere mare, dar iată cum o puteți rezolva. Mai întâi, deschideți panoul Transparență. Selectați forma editată în etapa anterioară, faceți o copie în față (Control + C> Control + F), selectați-o și focalizați pe panoul Aspect. Îndepărtați toate umplerile și cursele, asigurați-vă că păstrați colțurile rotunjite și efectele Roughen apoi adăugați o umplere albă simplă. Acum, selectați această formă albă împreună cu forma editată în etapa anterioară, accesați panoul Transparență, deschideți meniul derulant și faceți clic pe Make Opacity Mask. Aruncați o privire nouă la marginile formei dvs. și veți observa că marginile pixelizate au dispărut.



Pasul 8

Resetați "principalele" și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în fereastra din stânga, faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în fereastra din dreapta și faceți clic pe OK.



Pasul 9

Folosind instrumentul Rectangle (M), creați o formă de 590 pe 10px, umpleți-o cu R = 220 G = 215 B = 205, plasați-o după cum se arată în prima imagine și mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Efect> Distort & Transformați> Deconectați. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK. În cele din urmă, noua dvs. formă ar trebui să arate ca în a doua imagine.



Pasul 10

Selectați forma realizată în etapa anterioară și faceți o copie în față (Control + C> Control + F). Selectați-l, focalizați pe panoul Aspect și adăugați oa doua umplere. Selectați această umplere nouă, faceți-o negru, micșorați Opacitatea la 10%, schimbați Modul de amestecare pentru a multiplica și treceți la Efect> Schiță> Notă hârtie. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe OK și reveniți la panoul Aspect. Adăugați un curs de 2 pct, setați culoarea la R = 245 G = 245 B = 245 și aliniați-o în interior. Adăugați un al doilea curs pentru această formă, lățimea 1pt, setați culoarea la R = 178 G = 167 B = 143 și aliniați-o în interior.



Pasul 11

Duplicați forma realizată în pasul anterior (Control + C> Control + F). Selectați această nouă formă, eliminați umplerile și cursele existente, apoi adăugați o umplere simplă, albă (asigurați-vă că păstrați colțurile rotunjite și efectele Roughen). Selectați această formă albă împreună cu forma realizată în etapa anterioară, deschideți meniul derulant al panoului Transparență și faceți clic pe Make Opacity Mask.



Pasul 12

Deplasați-vă la panoul Straturi, selectați forma făcută în etapa nouă și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK. Acum, reselectați această formă împreună cu forma mascată făcută în etapa anterioară și trimiteți-o înapoi (Shift + Control + [).



Pasul 13

Cu ajutorul instrumentului Rectangle (M), creați o formă de 580 pe 10px, umpleți-o cu R = 220 G = 215 B = 205, plasați-o după cum se arată în prima imagine și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Efect> Distort & Transformați> Deconectați. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK. În cele din urmă, lucrurile ar trebui să arate ca în a doua imagine.



Pasul 14

Selectați forma realizată în etapa anterioară și faceți o copie în față (Control + C> Control + F). Selectați-l, focalizați pe panoul Aspect și adăugați oa doua umplere. Selectați această umplere nouă, faceți-o negru, micșorați Opacitatea la 10%, schimbați Modul de amestecare pentru a multiplica și treceți la Efect> Schiță> Notă hârtie. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe OK și reveniți la panoul Aspect. Adăugați un curs de 2 pct, setați culoarea la R = 245 G = 245 B = 245 și aliniați-o în interior. Adăugați un al doilea curs pentru această formă, lățimea 1pt, setați culoarea la R = 178 G = 167 B = 143 și aliniați-o în interior.



Pasul 15

Duplicați forma realizată în pasul anterior (Control + C> Control + F). Selectați această nouă formă, eliminați umplerile și cursele existente, apoi adăugați o umplutură albă (asigurați-vă că nu eliminați colțurile rotunjite și efectele ruginite). Selectați această formă albă împreună cu forma realizată în etapa anterioară, deschideți meniul derulant al panoului Transparență și faceți clic pe Make Opacity Mask.



Pasul 16

Mergeți în panoul Straturi, selectați forma realizată în treapta treisprezecea și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga, faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din dreapta și faceți clic pe OK. Acum, reselectați această formă împreună cu forma mascată din pasul anterior și trimiteți-i înapoi (Shift + Control + [).



Pasul 17

Resetați cele patru forme făcute în ultimii opt pași și accesați Object> Transform> Reflect. Bifați caseta Orizontală, apoi faceți clic pe butonul Copiere. Selectați formele rezultate, trageți-le în jos și plasați-le după cum se arată în a doua imagine. Concentrați-vă pe cele două forme cu efectele Drop Shadow și inversați unghiurile folosite pentru aceste efecte.



Pasul 18

Focalizați pe panoul Straturi și deblocați cele două forme făcute în al patrulea pas. Acum, selectați toate formele create până acum și grupați-le (Control + G). Blocați acest grup.



Pasul 19

Cu ajutorul instrumentului Rectangle (M), creați o formă de 220 x 35px, umpleți-o cu R = 136 G = 122 B = 92, plasați-o după cum se arată în prima imagine și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px și faceți clic pe OK. Asigurați-vă că această nouă formă rămâne selectată, se concentrează pe panoul Aspect și se adaugă oa doua umplere. Selectați această umplere nouă, setați culoarea la R = 178 G = 167 B = 143 și mergeți la Efect> Distort & Transform> Transform. Introduceți proprietățile afișate mai jos (asigurați-vă că ați bifat punctul de referință inferior), faceți clic pe OK și mergeți la Efect> Stylize> Glow Inner. Introduceți datele afișate în imaginea următoare, faceți clic pe OK și reveniți la panoul Aspect. Asigurați-vă că nu este selectată nici o umplere sau cursă și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate mai jos și faceți clic pe OK.



Pasul 20

Selectați forma realizată în etapa anterioară și faceți o copie în față (Control + C> Control + F). Selectați-l, trageți-l cu 70 de grade în jos și focalizați pe panoul Aspect. Asigurați-vă că nu este selectată nici o umplere sau curgere și mergeți la Efect> Stylise> Glow Outer. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.



Pasul 21

Folosind instrumentul Rectangle (M), creați o formă de 220 x 45px, umpleți-o cu R = 185 G = 216 B = 245, plasați-o așa cum se arată în prima imagine și mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 5px și faceți clic pe OK.



Pasul 22

Selectați forma realizată în etapa anterioară, focalizați pe panoul Aspect și adăugați o a doua umplere. Selectați-l, adăugați gradientul liniar prezentat mai jos și accesați Efect> Distort & Transform> Transform. Introduceți proprietățile afișate mai jos (asigurați-vă că verificați punctul de referință inferior), faceți clic pe OK și reveniți la panoul Aspect. Adăugați un curs de 1 pt, aliniați-l în interior și setați culoarea la R = 0 G = 78 B = 127.



Pasul 23

Selectați forma editată în pasul anterior, asigurați-vă că nu este selectată nicio umplere sau curgere și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în prima fereastră, faceți clic pe OK și reveniți din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în a doua fereastră, faceți clic pe OK și treceți din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în a treia fereastră, faceți clic pe OK și treceți încă o dată la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în a patra fereastră și faceți clic pe OK.



Pasul 24

Selectați forma editată în pasul anterior, faceți o copie în față (Control + C> Control + F), selectați-o și trageți-o cu 300px spre dreapta. Asigurați-vă că această nouă formă este selectată, căutați pe panoul Aspect și înlocuiți culoarea existentă cu cele afișate în imaginea următoare.



Pasul 25

Cu ajutorul instrumentului Rectangle (M), creați o formă de 220 x 40px, umpleți-o cu R = 196 G = 215 B = 241, plasați-o după cum se arată în imaginea următoare și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px și faceți clic pe OK.



Pasul 26

Selectați forma realizată în etapa anterioară, focalizați pe panoul Aspect și adăugați o a doua umplere. Selectați-l, adăugați gradientul liniar prezentat mai jos și accesați Efect> Distort & Transform> Transform. Introduceți proprietățile afișate mai jos (asigurați-vă că verificați punctul de referință inferior), faceți clic pe OK și reveniți la panoul Aspect. Adăugați un curs de 1 pt, aliniați-l în interior și setați culoarea la R = 73 G = 104 B = 156.



Pasul 27

Selectați forma editată în pasul anterior, asigurați-vă că nu este selectată nicio umplere sau curgere și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în prima fereastră, faceți clic pe OK și reveniți din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în a doua fereastră și faceți clic pe OK. Acesta va fi butonul Twitter.



Pasul 28

Selectați forma editată în pasul anterior, faceți o copie în față (Control + C> Control + F), selectați-o și trageți-o cu 60 de pixeli în sus. Asigurați-vă că această nouă formă este selectată, căutați pe panoul Aspect și înlocuiți culoarea existentă cu cele afișate în imaginea următoare. Acesta va fi butonul Facebook.



Pasul 29

Utilizând instrumentul Ellipse (L), creați un cerc de 30 de pixeli, umpleți-l cu R = 178 G = 167 B = 143 și plasați-l după cum se arată în imaginea următoare.



Pasul 30

Dezactivați Snap to Grid (Vizualizare> Snap to Grid), apoi mergeți la Edit> Preferences> General și asigurați-vă că Incrementarea tastaturii este setată la 1px. Selectați cercul din pasul anterior și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 2px î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 R = 147 G = 134 B = 107. Resetați cercul făcut în pasul anterior și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate mai jos, faceți clic pe OK și focalizați pe panoul Aspect. Selectați umplerea și accesați Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.



Pasul 31

Activați Snap to Grid (Vizualizare> Snap to Grid). Pentru pașii următori veți avea nevoie de o grilă la fiecare 1px. Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Cu ajutorul instrumentului Rectangle (M), creați un pătrat de 10px, umpleți-l cu R = 178 G = 167 B = 143 și mergeți la Efect> Stylize> Cornere rotunjite. Introduceți o rază de 2 pixeli, faceți clic pe OK și mergeți la Object> Expand Appearance. Selectați forma rezultată ș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 R = 136 G = 122 B = 92. Resetați dreptunghiul rotunjit făcut la începutul pasului și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.



Pasul 32

Folosind instrumentul Rectangle (M), creați o formă 2 x 4px, umpleți-o cu R = 245 G = 245 B = 245 și plasați-o așa cum se arată în prima imagine. Continuați cu instrumentul Rectangle (M), creați o formă de 5 x 2px, umpleți-o cu aceeași culoare și plasați-o după cea indicată în a doua imagine. Selectați ambele dreptunghiuri și faceți clic pe butonul Unite din panoul Pathfinder. Selectați forma rezultată și mergeți la Object> Transform> Rotate. Introduceți un unghi de 45 de grade, faceți clic pe OK și treceți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în a cincea imagine și faceți clic pe OK. Selectați acest simbol de verificare împreună cu cele două forme realizate în etapa anterioară și grupați-le (Control + G).



Pasul 33

Selectați grupul realizat în pasul anterior și plasați-l așa cum se arată în imaginea următoare.



Pasul 34

Cu ajutorul instrumentului Rectangle (M), creați o formă de 1 × 123px și completați-o cu R = 178 G = 167 B = 143. Faceți o copie a acestui dreptunghi subțire (Control + C> Control + F), umpleți-l cu R = 245 G = 245 B = 245 și mutați 1px spre dreapta. Selectați ambele forme și grupați-le (Control + G). Faceți o copie a acestui grup (Control + C> Control + F), selectați-o și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea următoare.



Pasul 35

Selectați forma și grupul realizat în etapa anterioară, deschideți meniul derulant al panoului Transparență și faceți clic pe Make Opacity Mask. În cele din urmă, grupul dvs. mascat ar trebui să arate ca în a doua imagine. Selectați-o și plasați-o așa cum se arată în imaginea finală.



Pasul 36

Selectați grupul mascat efectuat în pasul anterior și accesați Object> Transform> Reflect. Verificați butonul orizontal și faceți clic pe butonul Copiere. Selectați acest grup nou creat, trageți-l în jos și plasați-l după cum se arată în a doua imagine.



Pasul 37

Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Cu ajutorul instrumentului de tip (T), adăugați un text așa cum se arată în imaginea următoare. Utilizați orice culoare și asigurați-vă că urmați proprietățile afișate în panoul Caracter din imaginea următoare.



Pasul 38

Selectați una din piesele de text făcute în etapa anterioară, focalizați pe panoul Aspect și adăugați o umplere nouă utilizând butonul Adăugare umplere nouă. Selectați-l, adăugați gradientul liniar prezentat mai jos, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate mai jos și faceți clic pe OK. Adăugați aceleași proprietăți pentru restul textului. Puteți copia cu ușurință proprietățile de la o bucată de text la alta folosind pictogramele țintă din panoul Straturi. Doar în cazul în care nu sunteți conștient de această tehnică, iată cum puteți face acest lucru. Deplasați-vă la panoul Straturi, concentrați-vă pe partea dreaptă și veți observa că fiecare formă / bucată de text vine cu un cerc gri, care este pictograma țintă. Țineți apăsată tasta Alt, dați clic pe pictograma țintă care reprezintă piesa de text editată la începutul pasului și trageți pe pictograma țintă care reprezintă o altă piesă de text.



Pasul 39

Utilizând instrumentul de tip (T), adăugați un text nou așa cum este prezentat în imaginea următoare. Faceți-l alb, utilizați proprietățile fontului din imaginea următoare și accesați Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.



Pasul 40

Folosind instrumentul Tip (T), adăugați piesa "SIGN IN" și plasați-o așa cum se arată în imaginea următoare. Utilizați proprietățile fontului afișate în următoarea imagine, apoi focalizați pe panoul Aspect și adăugați o umplere nouă utilizând butonul Adăugare umplere nouă. Selectați-l, utilizați gradientul liniar prezentat mai jos, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate mai jos și faceți clic pe OK.



Pasul 41

Duplicați fragmentul de text adăugat în pasul anterior. Selectați această copie, înlocuiți "SIGN IN" cu "SIGN UP" și trageți-o spre dreapta. Plasați-o după cum se arată în imaginea următoare, apoi editați efectul Drop Shadow existent, după cum se arată mai jos.



Pasul 42

Activați Snap to Grid (Vizualizare> Snap to Grid) și focalizați pe butonul Twitter. Cu ajutorul instrumentului Rectangle (M), creați o formă de 1 x 38px, umpleți-o cu R = 73 G = 104 B = 156 și plasați-o așa cum se arată în prima imagine. Faceți o copie a acestui dreptunghi subțire (Control + C> Control + F), umpleți-o cu R = 196 G = 215 B = 241 și mutați 1px spre dreapta. Selectați ambele forme și grupați-le (Control + G). Faceți o copie a acestui grup (Control + C> Control + F), selectați-o și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea următoare. Selectați această formă subțire împreună cu grupul, deschideți meniul derulant al panoului Transparență și faceți clic pe Make Opacity Mask. În cele din urmă, grupul dvs. mascat ar trebui să arate ca în a șasea imagine.



Pasul 43

Duplicați grupul mascat efectuat în pasul anterior (Control + C> Control + F). Selectați această copie, trageți-o în sus și plasați-o după cum se arată în a doua imagine. De asemenea, înlocuiți culorile de umplere existente cu cele prezentate în a doua imagine.



Pasul 44

Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Reveniți la butonul Twitter și adăugați micul logo Twitter. Puteți găsi un fișier vector cu sigla aici. Umpleți-l cu R = 250 G = 250 B = 250, așezați-l așa cum este arătat în prima imagine, apoi 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. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați grupul de forme care rezultă, transformați-l într-o cale compusă (Object> Compound Path> Make sau Control + 8) și completați-o cu R = 73 G = 104 B = 156. Resetați sigla Twitter și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.



Pasul 45

Concentrați-vă pe butonul Facebook și adăugați sigla mică Facebook. Puteți găsi aici un fișier vector cu sigla (derulați până la secțiunea Descărcări). Umpleți-l cu R = 250 G = 250 B = 250, așezați-l așa cum este arătat în prima imagine, apoi 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. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați grupul de forme care rezultă, transformați-l într-o cale compusă (Control + 8) și umpleți-l cu R = 72 G = 86 B = 132. Reluați logo-ul Facebook și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.



Pasul 46

Reveniți la butonul Twitter. Cu ajutorul instrumentului Type (T), adăugați piesa "Sing In with Twitter" și plasați-o așa cum se arată în prima imagine. Utilizați proprietățile fontului afișate în următoarea imagine, apoi focalizați pe panoul Aspect și adăugați o umplere nouă utilizând butonul Adăugare umplere nouă. Selectați-l, adăugați gradientul liniar prezentat mai jos, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate mai jos și faceți clic pe OK.



Pasul 47

Duplicați fragmentul de text adăugat în pasul anterior. Selectați această copie și înlocuiți textul existent cu "Sing In with Facebook". Trageți-o în sus, plasați-o după cum se arată mai jos, apoi editați efectul Drop Shadow existent așa cum se arată în imaginea următoare.



Pasul 48

Concentrați-vă pe cercul mic făcut în etapa a douăzeci și nouă. Utilizând instrumentul de tip (T), adăugați "sau" și plasați-l așa cum se arată în prima imagine. Utilizați proprietățile fontului afișate în următoarea imagine, apoi focalizați pe panoul Aspect și adăugați o umplere nouă utilizând butonul Adăugare umplere nouă. Selectați-l, adăugați gradientul liniar prezentat mai jos și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga, faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din dreapta, faceți clic pe OK și ați terminat.



Concluzie

Acum munca ta sa terminat. Încercați să schimbați culorile pentru a crea diferite efecte și stiluri. Iată cum ar trebui să arate.