Tutorial PS: placar eletrônico digital

Este tutorial mostra como criar um placar eletrônico digital. Com o passo a passo você verá a evolução da criação e verá que a complexidade é relativamente baixa.

Por | @nmuller99 Photoshop
Dificuldade: 4/10  |  Tempo médio de criação: 15 minutos

Este tutorial mostra como criar um placar eletrônico digital. Com o passo a passo você verá a evolução da criação e verá que a complexidade é relativamente baixa.

Passo 1:

Criamos um arquivo com tamanho 600x500px. (você pode criar o tamanho que desejar).
Depois adicionamos um retângulo preto em uma nova camada como este abaixo:

Tutorial PS: placar eletrônico digital



Passo 2:

Duplicar a camada número 1 para realizar o efeito 3D.

Tutorial PS: placar eletrônico digital


Após faça os seguintes passos abaixo:

Tutorial PS: placar eletrônico digital



Passo 3:

Vamos fazer um efeito de perspectiva seguido de uma transformação, conforme animação abaixo. Para realizar a perspectiva vá ao menu Edit -> Transform -> Perspective. Para achatar a camada após a perspectiva pressione CRTL + T. Obviamente para conseguir realizar estas tarefas a camada deve estar selecionada.

Tutorial PS: placar eletrônico digital



Passo 4:

Agora vamos criar o efeito de vidro no painel.

Tutorial PS: placar eletrônico digital


Após, isto vá até a camada 1 que é a nossa camada da frente do painel, e com um CRTL + clique sobre ela você fará a seleção da camada, após isto selecione o modo inverso, com um clique de botão direito do mouse sobre a imagem, então clique em SELECT INVERSE, fará a seleção como na imagem abaixo. Apague a parte de cima, o resultado é:

Tutorial PS: placar eletrônico digital


Feito isto vamos deixar a opacidade desta camada com 10%, como na imagem abaixo:

Tutorial PS: placar eletrônico digital


Passo 5:

Feito isto criamos um texto com a fonte Balls on the Rampage que encontra-se no final do tutorial para download, jutamente com o PSD deste tutorial.

E por fim o resultado:

Tutorial PS: placar eletrônico digital


Espero que tenham gostado, indiquem tutoriais que desenvolvermos para você!

Mais sobre: photoshop tutoriais dicas
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo