Tutorial creare bară audio

În acest tutorial am să vă arat cât de ușor este să creați o bara audio. Vom lucra decât vectorial, ceea ce îi un lucru bun, sper să vă ajute tutorialul și hai să începem !

Imaginea finală

Primul pas.

Deschidem un document nou cu dimensiunile de 600 x 300 pixeli cu culoarea #d1d3d7.
Cam așa o să arate :

Acum pasul 2.

La pasul al 2-lea vom folosi Rounded Rectangle Tool cu culoarea #000000.
O să arate cam așa:

Și cu următoarele setări:

Și aici să vă zic și codurile:

La primul cod este #343b3f.
La al doilea este #272727.
Al treilea cod este tot #272727.
Al patrulea cod este #4c4c4c.
Și acum ultimul este #a8a8a8.

Și acum ultima setare:

La pasul următor vom continua cu:

Selectăm unealta Line Tool cu 1 px și cu setările:

Acum vom mai folosi puțin Rounded Rectangle Tool. Și se vor folosi setările de mai sus, care le-am folosit și la baza bării audio. Numai că nu mai adăugăm Stroke. Vă voi arâta o imagine să vedeți cum va trebui să iasă.

Așa, acum să mergem mai departe cu următorul pas.

La următorul pas vom crea butonul “play + lumină”, lumina eu am pus-o prea mare, dar voi puteți pune mult mai puțin. Să vedem imaginea.
Și să nu uităm, butonul este făcut cu Custom Shape Tool. Și va arât cam așa:

Și aici cu lumina pe buton:

Acum vom trece la pasul următor și vom crea timpul maxim al video-ului. Pentru asta trebuie folosită unealta Rectangle Tool cu culoarea #ffffff .

Iar acum vom crea tot cu Rectangle Tool timpul scurs din acel video, cu culoarea #4bc1d2.

Acum trebuie pus timpul melodiei folosind fontul Franklin Gothic Book cu 11px.

Și acum am ajuns la ultimul pas al acestui tutorial.
Cu ajutorul Custom Shape Tool vom face o formă de volum. Și shape-urile de la volum.
Cu Rectangle Tool vom face formele volumului cu culoarea #d1d3d7 (este volumul maxim), iar cu culoarea #4bc1d2 este volumul la care este acel video.
Acum o imagine pentru a vedea cum arată:

Autor: A.Catalin

Acest tutorial conține și fișier-ul PSD.