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

08:32:55Top 5 cele mai scumpe spumante din Moldova —» Fine Wine
13:15:22Nou: Castel Mimi Rose 2023 —» Fine Wine
07:49:20,,Camil Petrescu” - pliant —» Biblioteca Publică or.Rîşcani
06:14:06Creangă - mărţişorul primăverii —» Biblioteca Publică or.Rîşcani
17:09:59Poliția, cu mașini noi și năravuri vechi —» Curaj.TV | Media alternativă
16:31:40Site-Building Made Simple: Introducing the Public Pattern Library  —» costica
16:21:39Istoria romilor în România | Perioada pre și post comunistă —» Curaj.TV | Media alternativă
14:41:02Vernisajul Vinului va avea un format nou —» Fine Wine
08:05:33APROAPE POEM —» Andrei LANGA. Blogul personal
08:02:15POMELNIC —» Andrei LANGA. Blogul personal
02:41:08©️ Scrisoare către Dumnezeu —» Licurici de suflet
20:48:25POTCOAVA/ LA HERRADURA* —» Andrei LANGA. Blogul personal
19:18:0210 WordPress Influencers to Follow in 2024   —» Ileana Pîrgaru
13:45:50Parcul liniei prinde contur în Militari —» Curaj.TV | Media alternativă
13:19:36Что означает преобразуйтесь обновлением ума в #библии? #пасторвасилефилат —» Moldova Creștină
19:52:23Matei, 10 luni: băiețel copăcel —» Andrei Albu - omul alb cu gînduri negre
15:37:33Sat fără apă curgătoare, strînge bani pentru scenă de vară —» Curaj.TV | Media alternativă
14:22:38BiblioPicii în acțiune —» BiblioCity
13:37:30STELE DE MARE —» Andrei LANGA. Blogul personal
12:57:28Fiți cu un pas înaintea unui hacker: sfaturi simple de securitate cibernetică! —» Biblioteca Publică or.Rîşcani
08:38:54Ștefan Iamandi: „S-au aliniat toate stelele pentru Wine of Moldova în Japonia” —» Fine Wine
05:33:408 aprilie – Ziua internațională a romilor —» Curaj.TV | Media alternativă
15:52:37JURNAL DE LA „HYPERION” (II) —» Leo Butnaru
07:27:06Evanghelia la Bunavestire – Comentarii Patristice —» Portalul Tineretului Ortodox din Moldova
00:54:18Cuvant la Duminica a treia a Sfîntului si Marelui Post —» Portalul Tineretului Ortodox din Moldova