Criar uma Janela com o efeito AERO do Windos 7

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

06102009

Mensagem 

Criar uma Janela com o efeito AERO do Windos 7




1º Abrir o Photoshop cs4 e clicar em novo documento Utilizando o tamanho e a altura que constam na imagem Fig: 01
[Você precisa estar registrado e conectado para ver este link.]

Irá ficar como a imagem da Fig: 02.
[Você precisa estar registrado e conectado para ver este link.]

De seguida cria-se uma nova layer clicando em simultâneo na tecla ctrl shift + N de seguida seleccione a ferramenta Rounded Rectangle tool, na barra lateral esquerda como consta na figura Devemos conservar o Radius com o valor 9px.Como consta na barra de topo Fig: 03.
[Você precisa estar registrado e conectado para ver este link.]

Na segunda layer criada cria-se uma selecção igual à fig: 04 e vamos preenche-la com a cor Preta de foreground seleccionando a lata de tinta que se situa na barra de ferramentas lateral esquerda. ( não esquecer de que a layer tem de estar selecionada).
[Você precisa estar registrado e conectado para ver este link.]

De seguida vamos recolorir a nossa segunda layer com a ferramenta lata de tinta e seleccionamos a cor aec8e8 como está na fig. 05
[Você precisa estar registrado e conectado para ver este link.]

Na nossa layer clicamos com o botão do lado direito do rato e escolhemos blending options, preenchemos com o fill opacety 35% fig: 06
[Você precisa estar registrado e conectado para ver este link.]

De seguida vamos até a drop shadow e colocamos os seguintes valores, em Distance 6px e em size 10px de seguida vamos até Inner Glow e vamos selecionar a Cor branca #ffffff, no blend mode colocamos em normal e em elements colocamos o valor de size 1px em seguida vamos até Stroke e na structure coloca-se o size em 1px e a cor em preto #000000 e faz-se OK. Para vermos como fica clicamos com o rato sobre o olho que está na primeira layer ou seja na layer background. Como demonstra a posição do rato na fig: 07
[Você precisa estar registrado e conectado para ver este link.]

Na fase seguinte vamos adicionar os botões minimizar e encerrar a janelas para isso têm de fazer um print screen ou arranjar os botões na net , abrimos então a imagem dos botões e seleccionamos a imagem com ctrl+a e fazemos ctrl + c, como mostra a Fig: 08
[Você precisa estar registrado e conectado para ver este link.]

E colamos depois na imagem na nossa layer nº2 como esá na fig. 09
[Você precisa estar registrado e conectado para ver este link.]

De seguida estamos prontos para adicionar um background e vamos proceder da mesma forma que procedemos anteriormente para os botões neste caso eu tenho a imagem guardada no meu pc (Imagens). Da Fig: 08 até a 09,
no momento em que adicionamos a imagem ao local onde estamos a efectuar o nosso trabalho temos de utilizar a ferramenta free transform (ctrl+t) apresenta uma selecção para redimensionar a imagem ao tamanho que pretendemos neste caso será o tamanho total da nossa primeira layer como podemos observar na Fig: 10.
[Você precisa estar registrado e conectado para ver este link.]

Em seguida temos de deslocar a layer onde se situa a imagem que pretendemos para junto da layer de background a que contem a nossa imagem deve estar no topo e com o botão do lado esquerdo do rato arrastamos logo para cima da nossa 1ª layer como podemos verificar na fig: 11.
[Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver este link.]

De seguida vamos passar com rato em cima da layer e de seguida com o teclado carregar em ctrl e clicar com o rato em cima da layer como mostra a Fig: 12.
[Você precisa estar registrado e conectado para ver este link.]

De seguida clicamos em select inverse ou em SHIFT+CTRL+I, e teremos as duas imagens seleccionadas tanto a da bandeira como a da janela dos botões. Na fase seguinte vamos apagar o background como podemos verificar mas para isso temos de ter a layer do background seleccionada com o rato, e carregamos em del. E em enter ver fig: 13.
[Você precisa estar registrado e conectado para ver este link.]

Em seguida vamos adicionar a janela que serve de caixa de texto ou de folder como queiram chamar pois não sei o nome expecifico para tal. Temos de criar uma selecção resctangular mas não esquecer de que temos de estar na layer que contem a selecção com os cantos arredondados (Shape1) em seguida com a layer selecionada clicamos em Del e ficamos com a nossa imagem assim como mostra a Fig: 14.
[Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver este link.]

em seguida podemos adicionar um texto ou uma imagem para que o nosso trabalho fique mais perfeito. como podemos observar na Fig: 15
[Você precisa estar registrado e conectado para ver este link.]

No final é só gravarem o trabalho e podem obter um trabalho para poderem colocar como assinatura num forum assim como a minha ou como caixa para as vossas fotos ou outras coisas que entendam aqui temos um exemplopara compararem, não esqueçam as medidas da layer são a seu gosto.
[Você precisa estar registrado e conectado para ver este link.]

By Storm.


Última edição por Storm em 2009-10-06, 7:29 pm, editado 1 vez(es) (Razão : Colocação do Exemplo.)


avatar
Storm
Sub Admin

Masculino
Posts : 852 País de Origem :

Ver perfil do usuário http://pwp.netcabo.pt/fernando.martim/

Voltar ao Topo Ir em baixo

- Tópicos similares
Compartilhar este artigo em: BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahoo!Smarking

Criar uma Janela com o efeito AERO do Windos 7 :: Comentários

avatar

Mensagem em 2009-10-09, 8:10 pm por MR.Eriv

gostei storm valeu

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-10-09, 8:45 pm por Storm

Thanks Mr. Eriv. um grande abraço para ti amigão.

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-10-11, 3:28 pm por Ana

muito bom o post!

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-10-11, 7:22 pm por Storm

Os meus Agradecimentos Ney.

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-10-12, 10:36 am por Lyrical

parabens pelo posto bem organizado e interressante

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-10-12, 8:08 pm por Storm

Obrigado pelo comentário amigo.

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2011-08-25, 8:25 pm por akbar

Gostei muito deste tutorial, pois irá ajudar-me nos meus trabalhos em imagens dos sites.

Formidável o seu trabalho !

Voltar ao Topo Ir em baixo

Mensagem  por Conteúdo patrocinado

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum