Como fazer o efeito de foto em tiras verticais no Photoshop.

(adsbygoogle = window.adsbygoogle || []).push({});

Descrição: Hoje temos aqui no TP um guest post muito legal, ele foi desenvolvido pelo Marcos Sandro do Photosohop online (www.photoshoponline.blog.br) e vai mostrar como construir passo a passo o efeito de tiras verticais em uma imagem muito bacana do Spider Man, se você quiser publicar seu conteúdo aqui no TP como guest post envie um e-mail para andre.sugai@terra.com.br

Tutorial Intermediário

Neste tutorial Photoshop vamos aprender a criar uma ilusão de que uma única foto está sendo exibida exibida como uma serie de painéis verticais. A primeira vista pode parecer complicado, no entanto é uma manipulação bem simples de realizar, muitos dos passo abaixo são simples repetições, estou utilizando o Photoshop CC em Português, mas qualquer versão funciona perfeitamente.

Imagem utilizada no tutorial

01 – Primeiros passos

Com o seu Photoshop aberto importe a imagem ou fotografia que deseja aplicar esse efeito.

Vá em Arquivo> Abrir ou (Ctrl+O), com sua imagem aberta no Photoshop, comece criando uma camada de preenchimento com um fundo sólido.

Para isso vá no painel de camada na parte de baixo, clique sobre o ícone que aparece com um círculo divido diagonalmente entre preto e branco, criar uma camada de preenchimento ou ajuste de new layer.

Selecione cor sólida.

O Photoshop irá abrir seu seletor de cores (Color Picker) para que possamos escolher uma cor, selecione uma cor branca clicando no canto superior esquerda da caixa de seleção ou digitando 255 para as opções de R, G e B, conforme mostra a imagem abaixo.

Clique em OK. O documento que servirá de base para o nosso efeito foi criado:

Observe que no Painel de camadas vemos a nova camada de preenchimento de cor sólida acima da nossa camada background.

02 – Duplique a camada de fundo

No painel de camada selecione a camada background, e dê um Ctrl+J

Uma cópia da camada de fundo foi criado com o nome de Plano de fundo cópia, é adicionado diretamente acima do original:

03 – Mova a camada Plano de fundo cópia.

Agora vamos ter que mover a camada plano de fundo cópia para acima da camada de preenchimento de cor sólida, uma maneira mais fácil de fazer isso é pressionando Ctrl+Colchete direito (]), você também poderá mover com o seu mouse clicando sobre a camada e arrastando para cima.

04 – Selecione a ferramenta Retângulo.

Selecione a ferramenta Rectangle no painel Ferramentas:

Nas propriedade da barra de ferramenta acima coloque o preenchimento com a cor preta.

05 – Desenhe O primeiro painel Vertical

Com a ferramenta Retângulo e a opção Formas selecionada, clique dentro do documento e arraste o seu primeiro painel vertical. Nós vamos adicionar nossos painéis da esquerda para a direita na image, não se preocupe com a cor do preenchimento.

06 – gire o painel com a Free Transform

Para adicionar um pouco mais de interesse visual para o efeito, vamos rotacionar alguns dos painéis de modo que nem todos aparecem para cima e para baixo. Pressione Ctrl+T e para seleionar a free transform e rotacione seu painel, dê enter para aplicara as alterações.

07 – Mova a camada Forma abaixo da camada de cópia Background

Se olharmos para o painel de camadas, vemos a nossa camada de forma recém-adicionado (denominada Retângulo 1) sentado acima da camada de Plano de fundo cópia:

Precisamos trocar a ordem das duas camadas para a camada de forma aparece abaixo da camada de Plano de fundo cópia, e nós podemos fazer isso com outro atalho de teclado. Com a camada de forma selecionada, pressione Ctrl + colchete esquerdo ([). Isso salta a camada selecionada Retângulo 1 para baixo da camada plano de fundo cópia. Você também poderá clicar sobre a camada Retângulo 1 e arrasta para baixo da Plano de fundo copiar.

(adsbygoogle = window.adsbygoogle || []).push({});

08 – Selecione a camada Plano de Fundo cópia

Mais uma vez, clique na camada Plano de Fundo cópia para selecioná-la

09 – Vamos criar Criar Máscara de corte

Dê um clique com o botão direito Plano de fundo copiar e selecione a opção Criar Máscara de corte.

Feito isso nos teremos esse resultado

Se olharmos no painel de camadas, vemos que a camada Plano de fundo cópia está agora recuado para a direita, com uma pequena seta apontando para baixo à esquerda da miniatura de visualização. Isso signfica que a camada é cortada para o conteúdo da camada abaixo dela:

10 – Adicionar uma sombra projetada

Vamos adicionar alguns estilos de camada simples para o painel. Primeiro clique na camada Retângulo 1 para selecioná-la:

Em seguida clique no ícone Estilos de camada, na parte inferior do painel de camadas:

Escolha Sombra projetada da lista de estilos de camada que aparece:

A caixa de de estilos do Photoshop será aberta, vamos definir as opções Sobram projetada na coluna do meio. Diminua a opacidade da sombra para 60% para reduzir sua intensidade, em seguida defina o ângulo de 120°. Definir opções tanto a distância e tamanho para 10px:

Ainda não feche a caixa de estilo de camadas, temos mais um estilo a ser adicionado. Ao aplicar a sombra projetada ficar semelhante a imagem abaixo.

11 – Adicionar uma borda

Ainda na caixa de diálogo estilo de camada, clique em traçado na parte inferior da lista à esquerda, certifique-se você clicou sobre o nome traçado e não apenas na caixa de seleção, caso contrário você terá acessoas as opções.

Nas configurações do traçado, vamos altera a cor.

O photoshop ira abrir a paleta de cores, configure a cor para branco, digitando 255 para o R, G e B valores. Quando você terminar, clique em OK para fechar a paleta de cores:

Altere o tamanho do curso para 2px, então mude a posição para dentro:

Clique em OK para fechar a caixa de diálogo estilo de camada. O painel irá ficar dessa maneira.

12 – Selecione as duas camadas de uma vez

Com a camada Retângulo 1 já selecionado, mantenha pressionada a tecla Shift e clique na camada Plano de fundo copiar acima dele. Isso irá selecionar as duas camadas de uma só vez.

13 – Criar um grupo de camadas

Com as duas camadas selecionada, vá até o menu camadas na parte superior da tela, escolha Novo e escolha Grupo a partir de Camadas:

Digite um nome para o novo grupo de camadas, em seguida clique em OK.

Photoshop coloca as duas camadas dentro de um grupo chamado Painel. As duas camadas estão escondidas no interior do grupo. Nós vamos adicionar nossos painéis de fotografias adicionais ao documento através de cópias do grupo:

Dê um clique no grupo painel, com o botão do mouse pressionado arraste para baixo até o ícone de nova camada, localizado na parte de baixo do painel de camadas.

Solte o botão do mouse sobre o ícone nova camada. Photoshop cria uma cópia do grupo e coloca-lo acima do grupo de painel original:

14 – mover a cópia abaixo do grupo Original

Pressione Ctrl + colchete esquerdo ([) para mover a cópia do grupo Painel abaixo o original:

15 – Abra o grupo de Camada

Clique no ícone pequeno triângulo à esquerda do nome do grupo de cópias de Painel. Isto irá rodar o grupo aberto, revelando as duas camadas dentro dele:

16 – mover e girar a forma com transformação livre

Pressione as teclas Ctrl+T para selecionar a free transforme, em seguida redimensione e arraste para a direita.

Uma dica é tenta colocar o segundo painel maior ou menos do que o painel original, além disso gire na direção oposta ao clicar em qualquer lugar fora dele e arrasta com com o mouse.

No meu exemplo eu girei e posicionei um pouco maior do que o primeiro. Quando termina pressione Enter do seu teclado para aceitar as alterações e sai do comando transformação livre:

17 – fechar o grupo Camada

18 – fechar o grupo Camada

Precisamos fazer mais algumas cópias do grupo de camadas para criar os painéis adicionais,

de modo a evitar que as coisas fiquem muito desordenado e confuso no painel de camadas,

fechar o grupo de camadas, clicando novamente no triângulo à esquerda do nome do grupo:

19: Repita os passos 14-18 para adicionar os painéis adicionais

Neste ponto para adicionar o restantes dos painéis é apenas uma questão de repetir os

mesmos passos.

Uma cópia do grupo aparecerá diretamente acima dele. Aqui a nova cópia é chamado Painel

copiar 2, Como você adicionar mais painéis, os grupos de camadas serão nomeados Painel

copiar 3, Painel de copiar 4, e assim por diante:

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

Pressione Ctrl + colchete esquerdo ([) do seu teclado para mover o novo grupo abaixo dos

outros grupos de camadas:

Abra o grupo de camada clicando no ícone de triângulo à esquerda de seu nome, em seguida

selecione a forma de camada Retângulo 1 dentro do grupo:

Pressione Ctrl + T do seu teclado para abrir a caixa transformação livre, arraste as alças em

torno do painel para esquer ou para a direita, colocando o novo painel acima ou abaixo

do interior, clique fora do painel e arraste com o mouse para girá-lo pressione Enter para

confirma as alterações.

Por fim clique no ícone de triângulo para fechar o grupo de camadas. Você não

necessariamente tem que fechar os grupos de camadas cada vez, mas é muito mais fácil

trabalhar no interior do painel de camadas com os grupos fechados:

Repita os mesmos passos para adicionar os restantes do painéis no documento. E Aqui o meu

resultado final.

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;