Romania Design - tutoriale, lectii, scoala, design
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Nu sunteti conectat. Conectați-vă sau înregistrați-vă

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

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

leovlad

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).

Efectul de Sticla 94302536

Uploaded with ImageShack.us

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

Efectul de Sticla 98961589

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)

Efectul de Sticla 63482265

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.

Efectul de Sticla 81012192

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

Efectul de Sticla 50578025

Uploaded with ImageShack.us

Efectul de Sticla 14529725

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.

Efectul de Sticla 36681120

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.

Efectul de Sticla 58628569

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.

Efectul de Sticla 69999331

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

Efectul de Sticla 37587090

Uploaded with ImageShack.us

Efectul de Sticla 86836679

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%.

Efectul de Sticla 95867489

Uploaded with ImageShack.us

Si gata a iesit!

Efectul de Sticla 10295304

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!



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

hider

hider

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

http://dreammaker.ucoz.net/

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

leovlad

leovlad

Nou venit
Nou venit
Multumesc frumos!

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

mikk

mikk

Admin
Frumos tutorial si bine explicat . Multumim !

http://blogmikk.wordpress.com/

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

tehu

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.

https://photoshopx.forumgratuit.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

 

Forumgratuit.ro | ©phpBB | Forum gratuit de suport | Semnaleaza un abuz | Discuții recente