Passo 1
Criar um novo documento da Web em 1024px por 768px. Preencha o fundo com uma cor semelhante à imagem abaixo. Pegue a ferramenta Retângulo e desenhe um retângulo. O retângulo deverá preencher cerca de metade da página com a cor abaixo indicados. Então Rasterize la. Go to Layer> Rasterize> Shape.
Mude o nome deste como "camada de cima." Usando a ferramenta Lasso, desenhar formas em toda a parte inferior do retângulo, como na imagem abaixo. Pressione a tecla Delete. Isto irá cortar as formas de retângulo. Esta é uma maneira rápida de criar este. Naturalmente, você poderia usar uma máscara, se você preferir.
Etapa 2
Criar uma nova camada abaixo da camada "de cima". Agarre a ferramenta pincel. Defina-o como Soft Mecânica, 100px diâmetro, e (# 484536) cor. Use o pincel para criar a forma da sombra para o "top-sombra" da camada. Você pode precisar para fazer zoom e borrar-lo para obter um melhor resultado.
Em seguida, aplicar alguns estilos de camada. Aplique um stroke 1px fora branco à camada superior. Em seguida, aplique Pattern Overlay, com Soft Light Blend Mode e use Rust Flakes para o modelo.
Dicas: É melhor chamar a sombra de si mesmo. Tente fazer a sombra não é fixo, pois pode fazer com que pareça antinatural. Pode ter necessidade de passar algum tempo a esta parte para torná-lo com bom aspecto.
Passo 3
Crie uma camada acima da camada "de cima". Então Option / Alt-clique entre as camadas para criar uma máscara. Com o mesmo pincel, defina a cor (# d8ce9d). Então pincel ao longo da borda da camada "de cima" para criar um destaque.
Passo 4
Crie um retângulo, vá em Edit> Free Transform ou Cmd / Ctrl + T. Em seguida, gire o ângulo mostrado abaixo. Use Cmd / Ctrl + T novamente e desta vez selecione Warp. Arraste o canto inferior direito, conforme mostrado abaixo.
Passo 5
Usando a Pen Tool, desenhe a sombra abaixo da forma de retângulo. Aplicar na 5px Gaussian Blur. Em seguida, defina o modo de mesclagem da camada para Multiply.
Dicas: Escove a sombra pouco na parte superior para realçar o efeito.
Passo 6
Primeiro, Cmd / Ctrl-clique no retângulo para trazer para fora da seleção. Go to Select> Modify> Contract> 10px. Criar uma nova camada acima dela e enchê-la com uma cor branca. Em seguida coloque qualquer foto que você gosta. Em seguida, crie uma máscara com a nova camada que acabamos de criar.
Use a Polygonal Lasso Tool para desenhar a fita. Em seguida, crie uma nova camada acima e preencha com uma cor branca. Em seguida, defina o Fill para 47%. Aplicar uma 1px Dentro do curso, (# e4dec3) de cor, e definir a opacidade para 66%. Em seguida, duplicá-lo. Move o duplicado para a esquerda, e gire a fita da esquerda, como na imagem abaixo.
Passo 7
Use a ferramenta Pincel (B) para criar a sombra para os dois pedaços de fita adesiva. Veja as definições abaixo.
Passo 8
Digite o título do site. Eu estou usando Bernard MT Condensed, com (7a745e #) de cor e tamanho 72px.Digite os títulos navegação primária próxima. Então Rasterize do tipo. Pegue a ferramenta Erase (E), e com a Brush TB_Grunge, aleatoriamente apagar as letras para fazer um efeito desgastado. Ou se preferir um método não destrutivo, em seguida, usar uma máscara para criar esses efeitos.
Passo 9
Usando a ferramenta Lápis (B), zoom, e elaborar uma forma de seta. Em seguida, apagá-la, como fizemos com os títulos que fizemos no passo anterior.
Etapa 10
Usando a mesma técnica, criar o campo de texto Procurar, clique no ícone de RSS. Eu também acrescentou algum texto ao lado de nossos títulos de navegação principal.
Etapa 11
Nosso "header" está feito. Nós já temos o nosso corpo "principal" área coloridas como nossa formação, por isso vamos fazer a nossa "footer" seguinte.
Pegue a ferramenta Retângulo e desenhe um retângulo na parte inferior da tela de cerca de 40px de altura. Dê-lhe uma cor (# 302e26). Então Rasterize-lo. Vá em Layer> Rasterize> Shape. Em seguida, use a mesma técnica de corte que usamos para criar a camada de cima. "Só desta vez, vamos estar fazendo isso para a parte superior do retângulo. Vá em frente e cortar algumas formas fora do topo do retângulo. Em seguida, aplicar os estilos de camada abaixo. Seu resultado final para esta etapa deve olhar como a última imagem abaixo.
Imagem Final
Nós estamos quase terminando agora. Para obter a imagem final, basta adicionar em três retângulos brancos. Depois aplique uma camada de Drop Shadow-efeito estilo. Adicionar em três imagens de sua escolha. Mascará-los para caber dentro dos limites dos retângulos brancos. Nossa imagem final é inferior.
