i-Graphix

Photoshop & Grafica sono le parole chiave di questo sito..

[Photoshop] Barra Windows Media Player

Agosto1


In questa semplice tutorial vedremo come creare in pochi passi, una barra in stile Windows Media Player..

Aprite un nuovo documento rettangolare (io ho fatto 510 * 60 per questioni di spazio) e riempite il livello di sfondo di bianco (Modifica - Riempi - Bianco).
Create un nuovo livello (chiamatelo “rettangolo”) e con lo “Strumento di selezione rettangolare” disegnate un rettangolo di dimensioni leggermente inferiori rispetto all’area di lavoro.

Aprite il pannello delle “Opzioni di fusione” e impostate questi valori:

Sovrapposizione sfumatura con questa scala:

Con il rettangolo ancora selezionato, spostatevi su “Livello - Nuovo - Livello” per creare un nuovo livello (chiamatelo “vetro”) e quindi riempite il rettangolo di bianco.
Premete “CTRL-T” e rimpicciolite il rettangolo del 50% della sua altezza, quindi impostate l’opacità del livello al 53%.
Ecco il risultato:

Ctrl-click sul livello “rettangolo” per selezionarlo.
Create un nuovo livello e spostatevi su “Selezione - Modifica - Espandi” e impostate 2 come valore.
Riempite di bianco e spostate questo livello sotto il livello “rettangolo” (dovete solo trascinare il livello nella “Palette dei livelli”).
Aprite il pannello delle “Opzioni di fusione” ed impostate:

Traccia:

Bene, tornate adesso sul livello di sfondo, e riempite con un gradiente come questo:

Aprite il pannello delle “Opzioni di fusione” e impostate:

Bagliore interno

Sovrapposizione pattern

Se non sapete come creare un pattern, leggete il nostro tutorial su come creare un Pixel Layout (in inglese) per impararlo.
Ecco il risultato:

Create un nuovo livello fra il livello “rettangolo” ed il livello “vetro”, e con il “Lasso Poligonale” disegnate una forma come questa:

Riempite la selezione di bianco, quindi aprite il pannello delle “Opzioni di fusione” ed impostate:

Smusso ed effetto rilievo

Sovrapposizione sfumatura

Bene, la vostra barra di navigazione adesso è pronta a ricevere la vostra personalizzazione.

Questa è la mia con un po’ di testo e il logo di MSN:

Fonte: www.tutorialweb.org

Condividi la notizia con tutti:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Blogosphere News
  • Live
  • Segnalo
  • Technorati
  • Upnews
  • Wikio IT
  • YahooMyWeb

Share/Save/Bookmark

posted under Tutorial Photoshop

Non verrà pubblicata

Esempio

Tuo Commento: