Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

Efectul de Sticla la data de Lun Aug 09, 2010 6:33 pm1

avatar

leovlad

Nou venit
Nou venit
Asa cum am promis e timpul sa postez primul meu tutorial in adevaratul sens al cuvantului.
mai jos va voi arata cum sa faceti o sfera cu aspect de sticla in Illustrator. M-am gandit sa-l postez aici
deoarece va poate fi folositor pentru web design pentru butoane.
Dar sa lasam vorba si sa trecem la treaba:

1. Intai si intai sa facem un cerc cu Elipse tool. (tineti apasat Shift ptr a fi siguri ca iese Cerc si nu Elipsa).



Uploaded with ImageShack.us

2. Alegeti o culoare ptr fill si lasati cercul fara stroke. (Eu am ales galbenul "Sunshine" din paleta default)



Uploaded with ImageShack.us

3. Faceti o noua elipsa, de data asta elipsa nu cerc un pic mai mica decat cercul initial pe care o umpleti cu o nuanta
mai inchisa a aceleiasi culori (adica daca cercul e rosu faceti elipsa a 2-a rosu mai inchis - eu am ales portocaliu "Pumpkin" din aceeasi paleta default a illustratorului)



Uploaded with ImageShack.us

4. Pozitionati elipsa mai mica undeva in josul cercului initial si rotiti-o un pic ca in imaginea de mai jos. ATENTIE!!! NU ATINGETI
MARGINEA CERCULUI - lasati un pic de spatiu intre elipsa mica si cercul mare.



Uploaded with ImageShack.us

5. Acum alegeti din bara de unelte din stanga (sau de unde o aveti voi pusa) unealta "Blend Tool" si dati click intai pe elipsa si
apoi pe sfera. Veti obtine ceva de genu



Uploaded with ImageShack.us



Uploaded with ImageShack.us

6. Faceti o Noua elipsa cam la fel cu cea de dinainte (poate un pic mai turtita) si umpleti-o cu un gradient liniar de la alb la galbenul
cercului initial. (pentru gradient folositi tab-ul de gradient pe care il gasiti in Window>Gradient sau shortcut Ctrl+F9)

6. si un sfert - Aici o sa fac o mica paranteza pentru cei care nu stiu sa foloseasca gradientul in Illustrator. Imi cer scuze celor care stiu
dar stiu ca exista foarte multa lume care s-ar putea poticni la acest pas.
Asadar dupa ce ati deschis Tab-ul de gradient (Window>Gradient sau Ctrl+F9... bla bla) selectati elipsa nou creata di dati un click pe gradient-ul din tab. By default o sa va umple elipsa cu gradientul clasic, liniar de la alb la negru ca in imaginea de mai jos.



Uploaded with ImageShack.us

Dupa care din Tab-ul de swatches (Window>swatches) trageti culoarea pe care o vreti (in cazul nostru galbenul "Sunshine" peste patratelul negru din Tab-ul de gradient si o sa va iasa ceva de genu.



Uploaded with ImageShack.us

7. Si acum sa revenim. Dati un unghi gradientului de -72 si pozitionati elipsa similar celei de dinainte (adica fara sa atinga marginea cercului) dar in partea superioara a acestuia ca in imaginea de mai jos.



Uploaded with ImageShack.us

8. La elipsa nou creata (cea cu gradientul) aplicatii un Feather (Effect>Stylize>Feather). Lasati setarile Default. Dupa care (tot cu elipsa mai mica selectata micsorat-ii opacitatea (de sus din bara) la 60. Si o sa iasa cam asa



Uploaded with ImageShack.us



Uploaded with ImageShack.us

9. Duplicati ultima elipsa creata (cea cu gradient si Feather) si mutati-o in partea de jos a cercului cumva suprapusa cu prima elipsa creata (cea pe care am folosit-o ptr Blend). Cel mai simplu mod de a face asta este sa selectati elipsa (cea pe care vrem s-o duplicam) sa tineti apasat Alt (pointer-ul mousului se schimba dintr-o sageata in 2 sagetele suprapuse) si sa o trageti pur si simplu acolo unde o doriti. Schimbati-i gradientul pe care il are (cel de la alb la galben intr-unul de la un galben deschis la portocaliul "Pumpkin" dupa care click pe rombuletul gri de deasupra gradientului si setati unghiul la 107 si Location la 20%.



Uploaded with ImageShack.us

Si gata a iesit!



Uploaded with ImageShack.us

Sper ca vã va fi de folos! Cam aceeasi paso pot fi folositi si pentru butoane mai mari si nu neaprat rotunde.
Spor la butonat!



Vezi profilul utilizatorului

Re: Efectul de Sticla la data de Lun Aug 09, 2010 6:35 pm2

avatar

hider

Design God
Design God
super tutorial ...felicitari deci ai explicat super frumos felicitari inca o data

Vezi profilul utilizatorului http://dreammaker.ucoz.net/

Re: Efectul de Sticla la data de Lun Aug 09, 2010 6:47 pm3

avatar

leovlad

Nou venit
Nou venit
Multumesc frumos!

Vezi profilul utilizatorului

Re: Efectul de Sticla la data de Lun Aug 09, 2010 8:36 pm4

avatar

mikk

Admin
Frumos tutorial si bine explicat . Multumim !


_________________
Inainte de a-ti incepe activitatea treci pe la REGULAMENT !




Vezi profilul utilizatorului http://blogmikk.wordpress.com/

Re: Efectul de Sticla la data de Lun Aug 09, 2010 9:05 pm5

avatar

tehu

Admin
Ori imi bate mie soarele in monitor, ori rezultatul nu este chiar cel mai bun.
Oricum, multumim pentru tutorial...ideea e buna, imbunatatirile pot fi aduse si de cei care folosesc tutorialul.

Vezi profilul utilizatorului http://photoshopx.forumz.ro

Continut sponsorizat

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

 

creează un forum | © PunBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Poti avea un blog gratuit