Acceseaza SiteServicii video & design grafic

Drawing Vimeo Player Photoshop Tutorial

Cu siguranta toti ati auzit de site-ul Vimeo. In tutorialul de astazi vom incerca sa imitam playerul video celor de la vimeo. Este un tutorial usor (mediu) de realizat, trebuie sa stiti sa folositi instrumentele photoshopului deoarece nu voi putea explica fiecare pas.
Aveti aici cateva resurse care ne vor ajuta la realizarea playerului video ( Vimeo Logo, Imagine sursa ).

1.Realizati un document nou cu dimensiunea 683 x 421 pixeli. Ca fundal alegeti o culoare mai inchisa, eu am pus un layout web cu un fade.
2.Folosind “RECTANGLE TOOL” realiazti un dreptunghi (dimensiunile le vedeti in imaginea de mai jos):

3.Inserati imaginea sursa de mai sus sau oricare alta imagine deasupra layerului creeat la pasul 2. Tineti apasat tasta “ALT” pentru a creea “clipping mask” vezi in imaginea de mai jos:
vimeo player tutoriale photoshop
4.Adaugati si logoul in pozitia aceasta:

5.Folosind “ROUNDED RECTANGLE TOOL” (culoarea #172322) – (opacity 80%) realizam:



6.Folosind “RECTANGLE TOOL” (PATH) realizam:
vimeo player tutoriale photoshop
7.Folsim iar “RECTANGLE TOOL” de data aceasta (SHAPE) culoarea albastru (#00adef) si gri (#6b6f70):

8.Repetati pasii de la punctul 5 dar de data aceasta vom realiza:

9.Adaugam avatarul membrului + nume – font (Helvetica Neue):

10.Folosind “CUSTOM SHAPE TOOL” vom realiza butoanele din dreapta:

11.Vom adauga in bara video “butonul” HD font (Helvetica Neue) si butonul “full screen” (il creem folosind “CUSTOM SHAPE TOOL” – combinam 4 sageti) + timp:

   Imi cer scuze incepatorilor care poate nu au inteles unii pasi dar nu pot explica mai mult de atat prin imagine si text (singura solutie ar fi tutorialele in format video), daca stiti sa utilizati instrumentele cu siguranta v-ati descurcat.

Pentru mai multe tutoriale verificati sectiunea tutoriale photoshop .

2 Comments

Add a Comment

Your email address will not be published. Required fields are marked *