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.


Sursa
2012-06-30 12:27:20



Comenteaza





Ultimele 25 posturi adăugate

15:46:17Fără Titlu —» Путепроводные Заметки
14:39:00Ovoizi —» Andrei LANGA. Blogul personal
03:06:24Fără Titlu —» Путепроводные Заметки
20:31:27Fără Titlu —» Путепроводные Заметки
19:04:30Fără Titlu —» Путепроводные Заметки
18:02:48Fără Titlu —» Путепроводные Заметки
16:46:44Fără Titlu —» Путепроводные Заметки
15:42:47Fără Titlu —» Путепроводные Заметки
09:26:01Mesaj de felicitare —» Biblioteca de Arte 'Tudor Arghezi'
00:19:19Fără Titlu —» Путепроводные Заметки
18:32:13Toamnele Chișinăului românesc de altă dată —» Biblioteca de Arte 'Tudor Arghezi'
16:25:51Fără Titlu —» Путепроводные Заметки
09:16:21Cel mai bun vin din Moldova —» Fine Wine
04:22:00DIN POEZIA FRANCEZĂ —» Leo Butnaru
02:21:18Fără Titlu —» Путепроводные Заметки
21:46:00I got mail —» turn up the silence
20:47:56Fără Titlu —» Путепроводные Заметки
19:39:35Fără Titlu —» Путепроводные Заметки
18:00:51Fără Titlu —» Путепроводные Заметки
15:33:08Fără Titlu —» Путепроводные Заметки
11:51:22Cafeneaua Literară: Spiritul Creator al Modernismului —» Biblioteca de Arte 'Tudor Arghezi'
08:40:56The Governor Fume Blanc 2023: Grand Gold —» Fine Wine
07:10:16Tabără de vară „Îndrăznește să-ți pese” la Biblioteca „Dimitrie Cantemir”, cu adolescenți mai încrezători și mai deschiși către lume —» BPR Ungheni's Blog
04:46:00DIN STRICTUL NECESAR —» Leo Butnaru
12:33:00Fantome —» Andrei LANGA. Blogul personal