Tutorial Photoshop: Fazendo uma Interface de um mp3

Neste tutorial de photoshop você vai aprender passo-a-passo como criar uma interface para MP3 player. A interface pode ser utilizada depois para criar um player com flash, etc...

Preview do resultado:

Para comecar crie um novo arquivo 500x300 px. Pinte o background com a cor preta.

Dê um duplo clique sobre a camada layer para desbloqueá-la.

Clique em add layer style e vá ate gradient overlay.

Configuer como mostra a imagem abaixo:

Em seguida vá até a opção pattern Overlay. E configure como mostra a imagem.

Bem o fundo esta pronto, agora vamos preparar o nosso mp3. Com a ferranta elpise tool, iremos começar a desenhar. Não esqueça de ativar o modo shape layer

antes de desenhar. Escolha a cor branca e faça uma elipse como mostra na imagem.

Renomei a camada para Corpo. Agora selecione a ferramenta direct selection

e arraste o anchor point que fica na esquerda, veja e faça de acordo com a imagem.

Agora vá em add layer style e adicione um drop shadow.

Inner Glow

Ao final desses passos teremos o seguinte resultado

Agora com a Tecla CTRL pressionada clique sobre a camada corpo. isso fará com que se crie uma selecão em volta do corpo.

Após isso vá em Select> Modify > Contract e coloque o valor de 8 pixels veja a imagem

Quando aplicamos o contract a seleção irá diminuir em oito píxel. isso é uma ótima dica para colocar profundidade em letras. Bem passado isso vamos agora colocar estilo nessa seleção. Primeiro crie uma nova camada e nomei para visor. Pinte a seleção com a seguinte cor. #604a27. Teremos o seguinte resultado.

Vamos agora colocar os efeitos propriamente ditos.

Inner Shadow

Ao final de todos estes passos teremos a seguinte imagem.

Baixem a seguinte fonte kitchenpolice e intale em seu pc( se não souber instalar uma fonte leia o artigo importante que vem junto com a fonte). Selecionem a ferranta de texto e configure ela da seguinte forma.

Digite o que você quiser. Se quiser seguir o exemplo que esta na imagem tudo bem

Com um tipo diferente de letra(isso não é obrigatório) digite a palavra música e logo abaixo o nome da faixa.

Após isso selecione a ferramenta line tool e configure ela com 2 px ( tecle u para selecionar a ferramenta)

Após desenhar a reta coloque as seguintes camadas de estilo.

Selecione a ferramenta custom shape

e coloque uma seta sobre a reta

Coloque as seguintes camadas de estilo

Adicione se quiser o progresso da música.( digo o tempo decorrido e o tempo total da música) mude o tipo de fonte por que haverá uma péssima visualização com a que estavamos usando. Agora digite a parte do menu( em uma única linha). Deixe um belo espaço entre as palavras a vonte utilizada aqui foi a verdana.