Fevereiro 12, 2022

Efeito de quebra-cabeça do Photoshop

efeito de quebra-cabeça do Photoshop
escrito por Steve Patterson.

neste tutorial de efeitos do Photoshop, veremos como criar facilmente um efeito de quebra-cabeça do Photoshop, permitindo transformar qualquer foto em um quebra-cabeça! Ou pelo menos, estaremos criando a ilusão de que a foto é feita de pequenas peças de quebra-cabeça, embora eu suponho que você pode imprimir a foto depois, corte em torno de todos os pedaços com uma tesoura e fazer um quebra-cabeça real, mas como eu gosto de dizer, por inépcia em torno da realidade, quando fingem as coisas no Photoshop é muito mais fácil.

como veremos, muito do trabalho para o nosso efeito de quebra-cabeça já foi feito para nós graças ao filtro Texturizer do Photoshop e a uma textura livre que o Photoshop vem com, Embora precisemos carregar a textura em nós mesmos, o que aprenderemos a fazer. Vamos levar as coisas um pouco mais longe do que isso, no entanto, e ver como fazer parecer que algumas das peças ainda estão faltando, dando ao nosso quebra-cabeça uma aparência de “trabalho em andamento”.

devo mencionar antecipadamente que, embora este efeito de foto seja muito fácil de fazer, parte deste tutorial envolve o uso da ferramenta Pen e, como explicar como a ferramenta Pen funciona no Photoshop exigiria seu próprio tutorial separado, vou supor aqui que você já está familiarizado com como usá-lo. A boa notícia é que a ferramenta caneta tem seu próprio tutorial separado, então, se você precisar de ajuda com a ferramenta caneta, não deixe de conferir nossas seleções completas com o tutorial da ferramenta caneta que você pode encontrar em nossa seção Photoshop Basics.

aqui está a foto que vou usar para este tutorial, um garotinho que obviamente está muito empolgado por ter sua foto transformada em um quebra-cabeça:

uma foto de um menino brincando na água. Imagem licenciada pelo Photoshop Essentials.com.

a foto original.

e veja como ficará com nosso efeito de quebra-cabeça do Photoshop aplicado:

efeito de quebra-cabeça do Photoshop. Imagem © 2008 Photoshop Essentials.com.

a mesma imagem depois de aplicar o efeito Photoshop puzzle.

1 ° Passo: duplique A Camada de Fundo

Com a nossa foto recém-aberto no Photoshop, a primeira coisa que precisamos fazer é criar uma cópia da camada de Fundo, que é a camada que contenha foto e, atualmente, é a única camada que nós temos. Fazer uma cópia dessa camada nos permitirá fazer o que quisermos com nossa imagem sem prejudicá-la, pois sempre teremos o original na camada de fundo para voltar, se necessário. A maneira mais fácil de fazer uma cópia de uma camada é usando o atalho de teclado Ctrl+J (Win) / Command+J (Mac). Se olharmos em nossa paleta de camadas depois de pressionar o atalho do teclado, podemos ver que agora temos duas camadas. A camada de fundo original está na parte inferior, e uma cópia da camada, que o Photoshop chamou automaticamente de “Camada 1”, está sentada acima dela:

a paleta de camadas no Photoshop. Imagem © 2008 Photoshop Essentials.com.

a paleta de camadas mostrando a recém-criada “Camada 1” sentada acima da camada de fundo.

Passo 2: renomeie a nova camada”Puzzle”

um excelente hábito para entrar ao trabalhar no Photoshop é dar às suas camadas nomes mais descritivos. Isso pode não parecer tão importante quando você está apenas trabalhando com algumas camadas, mas não é raro encontrar-se, de repente, trabalhando com 50 camadas, 100 camadas ou mais, e se todas as suas camadas têm nomes como “Camada 1”, “Camada de 56” e “Camada de 83 Copiar 4”, você vai bater-se para não tomar alguns segundos para dar a suas camadas mais útil e nomes descritivos. Nesse caso, usaremos “Camada 1” como nosso principal efeito de quebra-cabeça, então vou clicar duas vezes diretamente no nome da camada e renomeá-lo “Quebra-Cabeça”:

renomeando uma camada no Photoshop. Imagem © 2008 Photoshop Essentials.com.

altere o nome de “Camada 1” para “quebra-cabeça”.

pressione Enter (Win) / Return (Mac) quando terminar de aceitar a alteração do nome.

Etapa 3: Adicione uma nova camada em branco abaixo da camada” quebra-cabeça “

em seguida, precisamos adicionar uma nova camada em branco abaixo da camada” quebra-cabeça “para que apareça entre a camada” quebra-cabeça ” e a camada de fundo. Atualmente, temos a camada” quebra-cabeça ” selecionada na paleta de camadas. Sabemos que está selecionado porque está destacado em azul. Normalmente, sempre que adicionar uma nova camada, o Photoshop automaticamente o coloca acima de qualquer camada está selecionada, então, se fôssemos clique no ícone de Nova Camada na parte inferior da paleta de Camadas, agora, acabaríamos com uma nova camada em branco acima do “Quebra-cabeça” da camada. Não é isso que queremos, então aqui está um truque útil. Mantenha pressionada a tecla Ctrl ( Win) / Command (Mac) e clique no ícone nova camada:

clicando no ícone nova camada na paleta Camadas. Imagem © 2008 Photoshop Essentials.com.

mantenha pressionada a tecla “Ctrl” (Win) / “Command” (Mac) e clique no ícone nova camada na paleta Camadas.

ao adicionar a tecla Ctrl / Command à etapa, dizemos ao Photoshop para adicionar uma nova camada e colocá-la abaixo da camada atualmente selecionada. Podemos ver na paleta de Camadas, agora que temos uma nova camada em branco, novamente chamado de “Camada 1”, situado entre o “Quebra-cabeça” e de camadas de Fundo:

Uma nova camada é adicionada à paleta de Camadas. Imagem © 2008 Photoshop Essentials.com.

uma nova camada em branco aparece entre as camadas” Puzzle ” e fundo.

Passo 4: Preencha a nova camada com preto

esta camada será usada como plano de fundo para o nosso efeito, e vou usar o preto como minha cor de fundo, pelo menos por enquanto, o que significa que preciso preencher essa camada com preto (mais tarde, veremos como alterar a cor de fundo, se necessário). O Photoshop tem um comando criado especificamente para essa tarefa, e por acaso é chamado de comando de preenchimento. Você o encontrará acessando o menu Editar na parte superior da tela e escolhendo preencher:

selecionando o comando preencher no Photoshop. Imagem © 2008 Photoshop Essentials.com.

vá para editar > preencher.

isso abre a caixa de diálogo preencher. Defina a opção conteúdo na parte superior da caixa de diálogo como preto e clique em OK para sair da caixa de diálogo:

a caixa de diálogo de comando de preenchimento no Photoshop. Imagem © 2008 Photoshop Essentials.com.

defina a opção Conteúdo como preto.

Nada parece ter acontecido na nossa janela do documento, desde a foto no “Quebra-cabeça” camada está bloqueando tudo de ler no momento, mas se olharmos para a camada de visualização em miniatura para a “Camada 1” na paleta de Camadas, o que nos dá uma pequena prévia do que está na camada, podemos ver que a “Camada 1” tem sido, de fato, preenchida com preto:

A camada de pré-visualização de miniaturas na paleta de Camadas. Imagem © 2008 Photoshop Essentials.com.

a miniatura de visualização da camada para” Camada 1 ” agora aparece preenchida com preto.

de acordo com o que eu disse Há um momento sobre a renomeação de camadas, vou clicar duas vezes diretamente no nome dessa camada (“Camada 1”) e renomeá-la “cor de fundo”:

renomeando a nova camada. Imagem © 2008 Photoshop Essentials.com.

renomeie a nova camada “Cor De Fundo”.

Etapa 5: Selecione a camada” quebra-cabeça ” mais uma vez

vamos criar nossas peças de quebra-cabeça a seguir, mas precisaremos selecionar a camada correta e, no momento, não o faremos. Temos a camada” cor de fundo “selecionada, mas é a camada” quebra-cabeça “de que precisamos, então clique na camada” quebra-cabeça ” na paleta de camadas para selecioná-la:

selecionando a camada 'quebra-cabeça'. Imagem © 2008 Photoshop Essentials.com.

clique na camada” quebra-cabeça ” na paleta de camadas para selecioná-la.

agora estamos prontos para converter fotos em um quebra-cabeça!

Passo 6: Abra a caixa de diálogo do filtro “Texturizer” do Photoshop

como mencionei no início deste tutorial, A maior parte do trabalho de criar as peças do quebra-cabeça já foi feito para nós graças a uma das texturas instaladas gratuitamente com o Photoshop. Infelizmente, mesmo que a textura esteja no seu disco rígido pronto para uso, ela não é realmente carregada no Photoshop, pelo menos não automaticamente. Precisamos carregá-lo em nós mesmos, mas antes que possamos fazer isso, precisaremos abrir o filtro Texturizer do Photoshop, então vá até o menu Filtro na parte superior da tela, Escolha textura e escolha Texturizer:

selecionando o filtro Texturizer no menu Filtro no Photoshop. Imagem © 2008 Photoshop Essentials.com.

vá para filtrar > Textura > Texturizer.

Etapa 7: carregue a textura” quebra-cabeça ”

isso abre a caixa de diálogo Grande Filtro Texturizer, com uma janela de visualização à esquerda e as opções para o filtro à direita. Precisamos carregar na textura” quebra-cabeça ” que o Photoshop instalou no seu disco rígido, então clique na pequena seta à direita da opção de seleção de textura à direita da caixa de diálogo, que abre um menu com apenas uma opção, Carregar Textura. Clique nele para selecioná-lo:

clicando na pequena seta ao lado da opção de seleção de textura e selecione 'Carregar Textura'. Imagem © 2008 Photoshop Essentials.com.

clique na pequena seta à direita da opção de seleção de textura e selecione “Carregar Textura”.

isso abre a caixa de diálogo Carregar Textura, permitindo-nos navegar até a nossa Textura. A textura “quebra-cabeça” que estamos procurando está localizada dentro do diretório do Photoshop em seu disco rígido, onde quer que você tenha instalado o Photoshop. Em um PC (Windows), o local de instalação padrão está em sua unidade C:, portanto, primeiro navegue até sua unidade C: e abra a pasta Arquivos de programa. Dentro da pasta Arquivos de Programas, você encontrará uma pasta Adobe e, dentro da pasta Adobe, encontrará sua pasta Photoshop. O nome real da pasta Photoshop dependerá de qual versão do Photoshop você está usando. Então, por exemplo, se você estiver usando o Photoshop CS3 como eu estou aqui e você instalou o Photoshop no local padrão, sua pasta do Photoshop estará em C:\Program arquivos \ Adobe \ Photoshop CS3.

em um Mac, as coisas são um pouco mais fáceis. Você encontrará sua pasta do Photoshop dentro do Diretório de aplicativos no disco rígido. Novamente, o nome real da sua pasta do Photoshop dependerá de qual versão do Photoshop você está usando.

depois de localizar sua pasta do Photoshop, clique duas vezes nela para abri-la. Dentro da pasta, você encontrará uma pasta predefinições. Clique duas vezes nele para abri-lo e agora procure uma pasta de texturas. Clique duas vezes nele para abri-lo e você verá todas as texturas que o Photoshop instalou para nós. Há alguns deles para escolher, mas o que queremos para o nosso efeito de quebra-cabeça é a textura do quebra-cabeça. Clique nele para selecioná-lo e clique no botão Carregar para carregar a textura:

carregando a textura do quebra-cabeça no Photoshop'. Imagem © 2008 Photoshop Essentials.com.

navegue até a pasta Textura dentro do Diretório do Photoshop e selecione a textura do quebra-cabeça.

Passo 8: Ajuste as opções de textura

com a textura do quebra-cabeça carregada, você deve ver que a opção de textura na caixa de diálogo Texturizer agora está definida como quebra-cabeça. Se, por algum motivo, não for, Selecione a textura do quebra-cabeça na lista. Em seguida, usando a janela de visualização à esquerda da caixa de diálogo como guia, ajuste as opções para a textura. As configurações que você usa dependerão em grande parte da sua imagem e do tamanho que você deseja que suas peças do quebra-cabeça apareçam. No meu caso, quero que as peças do quebra-cabeça apareçam o maior possível, então vou aumentar minha opção de escala até 200%. A opção de relevo abaixo determina o quão forte de uma aparência as peças do quebra-cabeça terão na imagem. Vou definir o meu para 6. Novamente, as configurações que você usa podem ser diferentes. Por fim, defina a opção Luz, que determina a fonte de luz para as peças do quebra-cabeça, no canto superior direito:

alterando as opções para a textura do quebra-cabeça. Imagem © 2008 Photoshop Essentials.com.

ajuste as opções para a textura do quebra-cabeça, usando a área de visualização à esquerda da caixa de diálogo como guia.Clique em OK quando terminar de sair da caixa de diálogo Texturizer e aplicar a textura à sua imagem. Aqui está minha foto com a textura do quebra-cabeça aplicada: Photoshop puzzle texture applied. Imagem © 2008 Photoshop Essentials.com.

a foto agora aparece dividida em peças do quebra-cabeça.

o efeito básico do quebra-cabeça agora está completo, mas vamos levar as coisas um pouco mais longe e remover algumas das peças, como se o quebra-cabeça ainda fosse um trabalho em andamento. Vamos fazer isso a seguir!

Passo 9: Selecione A Ferramenta Caneta

Esta é a parte do tutorial, onde você precisará saber como usar a Ferramenta Caneta no Photoshop. A razão pela qual usaremos a ferramenta caneta é porque precisamos ser capazes de desenhar seleções em torno de peças individuais do quebra-cabeça e as peças têm muitas curvas para elas. Você pode tentar selecionar as peças com algo como a ferramenta laço ou a ferramenta Laço poligonal, mas provavelmente descobrirá que seus resultados parecem desleixados e irregulares, enquanto a ferramenta Caneta foi projetada especificamente para desenhar curvas e lhe dará resultados muito mais bonitos.

se você já está confortável usando a ferramenta Caneta, o resto deste tutorial será fácil, Uma Vez Que a caneta realmente é uma ferramenta muito simples de usar, uma vez que você tem uma idéia de como ele funciona. Se termos como” caminhos”,” pontos de ancoragem “e” alças de direção ” são novos para você ou você não tem certeza de entendê-los, certifique-se de verificar nossas seleções completas com o tutorial da ferramenta caneta em nossa seção Photoshop Basics, onde você encontrará tudo o que precisa saber.

primeiro, antes de podermos usar a ferramenta Caneta, precisamos selecioná-la, então pegue-a na paleta Ferramentas ou simplesmente pressione a letra P no teclado:

a ferramenta caneta no Photoshop. Imagem © 2008 Photoshop Essentials.com.

selecione a ferramenta Caneta.

Passo 10: Selecione O “Caminhos” Opção Na Barra de Opções

Com a Ferramenta Caneta selecionada, procure na Barra de Opções no topo da tela e certifique-se de que os Caminhos opção é selecionada, desde que precisa para desenhar um caminho com a Caneta, não de uma forma vetorial ou com base em pixel forma:

A Barra de Opções no Photoshop. Imagem © 2008 Photoshop Essentials.com.

selecione a opção” caminhos ” na barra de Opções.

Passo 11: desenhe um caminho em torno de uma das peças do quebra-cabeça

Use a ferramenta caneta para desenhar um caminho em torno de uma das peças do quebra-cabeça. Vamos cortar essa peça do quebra-cabeça e fazer com que pareça estar flutuando logo acima do quebra-cabeça, pronto para ser encaixado no lugar. Não importa qual peça você escolher. Vou escolher uma peça acima do olho direito do menino (sua direita, nossa esquerda). Faça o seu caminho ao redor da peça adicionando pontos de ancoragem e arrastando alças de direção até que você tenha desenhado com sucesso um caminho ao redor de toda a forma. Você pode ampliar a peça, se necessário, pressionando Ctrl+barra de espaço (Win) / Command + barra de espaço (Mac) para acessar temporariamente a ferramenta Zoom e, em seguida, clicando na peça algumas vezes para aumentar o zoom nela. Um caminho pode ser um pouco difícil de ver em uma captura de tela, então circulei a peça que descrevi:

um caminho desenhado em torno de uma das peças do quebra-cabeça. Imagem © 2008 Photoshop Essentials.com.

um caminho agora é desenhado em torno de uma das peças do quebra-cabeça.

Passo 12: converta o caminho em uma seleção

depois de terminar de desenhar seu caminho ao redor da primeira peça do quebra-cabeça, pressione Ctrl+Enter (Win) / Command+Return (Mac) no teclado para converter o caminho em uma forma. Você verá seu esboço de caminho sólido se transformar em um esboço de seleção:

o caminho agora é convertido em uma seleção. Imagem © 2008 Photoshop Essentials.com.

Pressione “Ctrl+Enter” (Win) / “Command+Return” (Mac) para converter o caminho em uma seleção.

Passo 13: Corte A seleção em sua própria camada

vamos cortar a peça de quebra-cabeça selecionada da camada “quebra-cabeça” e colocá-la em sua própria camada, deixando um buraco vazio na camada “quebra-cabeça” em seu lugar. Certifique-se de que você ainda tenha a camada “quebra-cabeça” selecionada na paleta de camadas e, em seguida, vá até o menu Camada na parte superior da tela, escolha Novo e, em seguida, escolha Camada via corte:

escolhendo nova camada via corte no menu Camada no Photoshop. Imagem © 2008 Photoshop Essentials.com.

vá para a camada > Nova > camada via corte.

isso corta a peça da camada” quebra-cabeça “e a coloca em sua própria camada acima da camada” quebra-cabeça”, que podemos ver na paleta de camadas. A peça agora está na camada superior, que o Photoshop mais uma vez chamou de “Camada 1”. Vou renomear esta camada “primeira peça do quebra-cabeça”:

a peça do quebra-cabeça agora está em sua própria camada. Imagem © 2008 Photoshop Essentials.com.

a peça do quebra-cabeça agora aparece em sua própria camada acima da camada “quebra-cabeça”.

passo 14: Mova e gire a peça do quebra-cabeça com Transformação livre

vamos fazer esta peça do quebra-cabeça parecer que está prestes a ser encaixada no lugar. Pressione Ctrl + T (Win) / Command+T (Mac) no teclado para abrir a caixa de transformação gratuita do Photoshop e as alças ao redor da peça do quebra-cabeça, clique em qualquer lugar fora da caixa de transformação gratuita e arraste o mouse para girar a peça. Depois de girá-lo, clique em qualquer lugar dentro da caixa de Transformação livre e arraste o mouse para mover a peça para longe de sua localização original. Lembre-se de que queremos que seja óbvio que esta peça pertence a este local, então não a mova muito longe ou gire muito.

você notará ao mover a peça que o local onde a peça estava sentada há um momento agora parece estar cheio de preto. Isso porque cortamos um buraco na camada” quebra-cabeça “e o preto da camada” Cor De Fundo ” abaixo dela está mostrando através:

movendo e girando a peça do quebra-cabeça. Imagem © 2008 Photoshop Essentials.com.

use Transformação livre para mover e girar a peça do quebra-cabeça.

pressione Enter (Win) / Return (Mac) quando terminar de aceitar a transformação e sair do comando Free Transform.

Passo 15: adicione uma sombra de queda

para dar à peça do quebra-cabeça mais uma aparência 3D, então parece que está flutuando acima do quebra-cabeça, vamos adicionar uma sombra de queda. Clique no ícone de estilo de camada na parte inferior da paleta de camadas e selecione Sombra suspensa na lista:

selecionando o estilo de camada de sombra suspensa. Imagem © 2008 Photoshop Essentials.com.

selecione “Drop Shadow” na lista de estilos de camada.

isso abre a caixa de diálogo Estilo de camada definida para as opções de sombra na coluna do meio. Abaixe a opacidade de sua sombra de queda para cerca de 60% para que não seja tão intensa. Desmarque a opção Usar luz Global e defina o ângulo da sombra para 120°. Aumente a distância para cerca de 16 px e, em seguida, aumente o tamanho para cerca de 16 px também. Como de costume, pode ser necessário fazer ajustes nessas configurações para sua imagem:

as opções de sombra suspensa na caixa de diálogo Estilo de camada. Imagem © 2008 Photoshop Essentials.com.

altere as opções circuladas em vermelho.Clique em OK quando terminar de sair da caixa de diálogo Estilo de camada. Aqui está a minha imagem depois de aplicar a sombra para a peça do quebra-cabeça: A foto depois de aplicar a sombra para a peça do quebra-cabeça. Imagem © 2008 Photoshop Essentials.com.

a sombra agora parece estar flutuando um pouco acima do resto do quebra-cabeça.

etapa 16: selecione a camada” quebra-cabeça ” mais uma vez

cortamos uma das peças do quebra-cabeça e a colocamos flutuando acima do quebra-cabeça. Desta vez, vamos remover uma das peças completamente. Precisamos ter a camada” quebra-cabeça ” selecionada, então clique nela na paleta de camadas:

selecionando a camada de quebra-cabeça na paleta de camadas. Imagem © 2008 Photoshop Essentials.com.

selecione a camada “quebra-cabeça” na paleta de camadas.

passo 17: desenhe um caminho ao redor de outra peça do quebra-cabeça com a ferramenta Caneta

Escolha uma peça diferente do quebra-cabeça e use a ferramenta caneta para desenhar um caminho ao redor dela, assim como fizemos antes:

desenhando um caminho ao redor de outra peça do quebra-cabeça. Imagem © 2008 Photoshop Essentials.com.

desenhe um caminho em torno de outra peça do quebra-cabeça com a ferramenta Caneta.

Passo 18: Converter O Caminho Para Uma Seleção

Novamente, como fizemos antes, pressione Ctrl+Enter (Win) / Command+Return (Mac) para converter rapidamente o caminho em uma seleção:

O caminho foi convertido em uma seleção. Imagem © 2008 Photoshop Essentials.com.

converta o caminho em uma seleção.

passo 19: exclua a seleção

tudo o que vamos fazer com esta peça é removê-la completamente do quebra-cabeça e, para isso, tudo o que precisamos fazer é pressionar Excluir no teclado. Isso exclui a peça do quebra-cabeça, deixando um buraco na camada “quebra-cabeça” que permite que a cor de fundo preta mostre através de:

a imagem após excluir a segunda peça do quebra-cabeça. Imagem © 2008 Photoshop Essentials.com.

pressione Excluir para remover a peça do quebra-cabeça da imagem.

pressione Ctrl+D (Win) / Command+D (Mac) para desmarcar Sua Seleção, removendo o contorno da seleção. Aqui está minha foto depois de excluir a segunda peça do quebra-cabeça:

a imagem após excluir a segunda peça do quebra-cabeça. Imagem © 2008 Photoshop Essentials.com.

pressione Excluir para remover a peça do quebra-cabeça da imagem.Continue removendo mais algumas peças do quebra-cabeça, cortando uma peça e flutuando acima do quebra-cabeça (etapas 11-15) ou simplesmente excluindo a peça completamente (etapas 16-19). Sempre certifique-se de ter a camada “quebra-cabeça” selecionada na paleta de camadas Cada vez que você for cortar ou excluir uma peça.

aqui está minha imagem depois de cortar e excluir mais algumas peças do quebra-cabeça:

mais peças do quebra-cabeça foram removidas da foto. Imagem © 2008 Photoshop Essentials.com.Corte ou remova mais peças do quebra-cabeça para adicionar ao efeito.

etapa 20: desenhe um caminho em torno de todas as peças de borda (opcional)

essas últimas etapas são opcionais, mas vou dar à minha foto uma borda mais interessante excluindo todas as peças do quebra-cabeça ao longo das bordas. Novamente, isso é opcional, mas se você quiser acompanhar, use a Ferramenta Caneta para desenhar um caminho contínuo ao longo das bordas internas de todas as peças que correm ao longo das bordas da foto, como eu fiz aqui. Como é difícil ver um caminho em uma captura de tela, destacei meu caminho em amarelo:

desenhe um caminho ao redor das bordas internas das peças ao longo das bordas da foto. Imagem © 2008 Photoshop Essentials.com.

Desenhar um caminho com a Ferramenta Caneta ao longo das bordas internas de todas as peças nas bordas da foto.

Passo 21: Converter O Caminho Em Uma Seleção

uma Vez que você tenha desenhado o caminho, pressione Ctrl+Enter (Win) / Command+Return (Mac) para converter rapidamente o caminho em uma seleção:

O caminho agora é uma seleção. Imagem © 2008 Photoshop Essentials.com.

pressione “Ctrl + Enter” (Win) / “Command+Return” (Mac) para converter o caminho para uma seleção.

Passo 22: Inverter A Seleção

queremos eliminar todas as peças que correm ao longo das bordas do quebra-cabeça, o que significa que precisamos ter a borda peças selecionadas. No momento, porém, temos tudo, exceto as peças de borda selecionadas. Precisamos inverter nossa seleção para que tudo o que está selecionado no momento seja desmarcado e tudo o que não está selecionado no momento seja selecionado. Para fazer isso, vá até o menu Selecionar na parte superior da tela e escolha inverso:

invertendo a seleção no Photoshop. Imagem © 2008 Photoshop Essentials.com.

vá para selecionar > inverso para inverter a seleção.

todas as peças do quebra-cabeça ao longo das bordas da foto agora serão selecionadas:

as peças do quebra-cabeça edge agora estão selecionadas. Imagem © 2008 Photoshop Essentials.com.

as peças ao longo das bordas do quebra-cabeça agora são selecionadas.

passo 23: Exclua as peças de borda

com as peças de Borda agora selecionadas, certifique-se de ter a camada” quebra-cabeça ” selecionada na paleta de camadas e pressione Excluir no teclado para excluí-las. Pressione Ctrl + D ( Win) / Command + D (Mac) para remover o esboço de seleção:

efeito de quebra-cabeça do Photoshop. Imagem © 2008 Photoshop Essentials.com.

as peças das bordas agora são excluídas.

se você preferir usar branco para o fundo em vez de preto, basta clicar na camada “cor de fundo” na paleta Camadas para selecioná-lo, vá até o menu Editar na parte superior da tela e escolha preencher para abrir a caixa de diálogo preencher. Escolha branco para a opção conteúdo em vez de preto e clique em OK para sair da caixa de diálogo:

escolhendo branco para o conteúdo de preenchimento. Imagem © 2008 Photoshop Essentials.com.

para alterar a cor de fundo para branco, selecione a camada “cor de fundo”, selecione o comando Fill no menu Editar e defina o conteúdo para branco.

isso preenche o fundo com branco:

o fundo para o efeito de quebra-cabeça agora é branco. Imagem © 2008 Photoshop Essentials.com.

o fundo foi alterado para branco.

passo 24: adicione uma sombra ao quebra-cabeça principal (opcional)

esta etapa final só é realmente necessária se você decidiu usar o branco para sua cor de fundo em vez de preto. Vamos adicionar uma ligeira sombra ao quebra-cabeça principal e, obviamente, se a sua cor de fundo for preta e a sombra de queda for preta, você não poderá ver a sombra de queda, para que possa pular esta última etapa se ainda estiver usando preto para o seu fundo.

para adicionar a sombra ao quebra-cabeça principal, primeiro selecione a camada “quebra-cabeça” na paleta de camadas e clique no ícone de estilo de camada na parte inferior da paleta de camadas e selecione Sombra suspensa na lista:

selecionando um estilo de camada de sombra suspensa. Imagem © 2008 Photoshop Essentials.com.

selecione a camada “Puzzle”, clique no ícone Estilos de camada e escolha”Drop Shadow”.

isso mais uma vez traz a caixa de diálogo de estilo de camada do Photoshop definida para as opções de sombra na coluna do meio. Abaixe a opção opacidade até 60% para reduzir a intensidade da sombra, desmarque a opção Usar luz Global e defina o ângulo para 120°. Você pode deixar o restante das opções definidas para seus padrões:

as opções de sombra suspensa na caixa de diálogo Estilo de camada. Imagem © 2008 Photoshop Essentials.com.

altere as opções para a sombra que está sendo aplicada ao quebra-cabeça principal.

clique em OK quando terminar de sair da caixa de diálogo Estilo de camada, e pronto! Aqui, depois de aplicar uma sombra para o meu quebra-cabeça principal, é o meu efeito final:

Photoshop puzzle effect. Imagem © 2008 Photoshop Essentials.com.

o efeito final “Photoshop puzzle”.

e lá temos isso! É assim que criar um efeito de quebra-cabeça com uma imagem no Photoshop! Visite nossa seção de efeitos fotográficos para obter mais tutoriais de efeitos do Photoshop!

obtenha todos os nossos tutoriais do Photoshop como PDFs! Baixe-os hoje!

Deixe uma resposta

O seu endereço de email não será publicado.