Sobretudo, neste tutorial de efeitos fotográficos com grades de cores, aprenderemos como exibir uma foto em uma grade de quadrados coloridos aleatoriamente! Então, usaremos o recurso de grade integrado do Photoshop como um guia para configurar o espaçamento inicial, depois o transformaremos em uma grade baseada em pixels usando algumas ferramentas de seleção raramente usadas do Photoshop. Em seguida veremos como selecionar facilmente diferentes quadrados na grade com a Magic Wand Tool, como colori-los com adjustment layers e blend modes e, finalmente, como ajustar a aparência da própria grade usando layers styles!
Esta versão do tutorial foi atualizada para o Photoshop CS6 e também é totalmente compatível com o Photoshop CC (Creative Cloud). Eu uso o Photoshop em Inglês, portanto o nome das ferramentas usadas estarão em Inglês.
Então, aqui está como o design da grade de cores ficará quando terminarmos. Claro, você pode usar as cores que quiser para o seu efeito. Isso é apenas um exemplo:
Como criar um efeito de foto de grade de cores
Etapa 1: Criar um novo documento do Photoshop
Primeiramente vamos começar criando um novo documento para a grade. Em seguida vá até o menu File na Barra de Menu na parte superior da tela e escolha New:
Em suma, isso abre a caixa de diálogo “Novo Documento do Photoshop”. Esse efeito funciona melhor com um documento em forma de quadrado, portanto, para este tutorial, definirei meus valores de largura e altura para 1.000 pixels. Claro, sinta-se à vontade para substituir meus valores pelas dimensões que precisar, mas, novamente, você deve usar um documento quadrado para obter os melhores resultados. Não estou planejando imprimir isso (será estritamente para visualização na tela), então não há necessidade de se preocupar com o valor da Resolução (deixarei definido como padrão de72 pixels/polegada), mas se você estiver criando esse efeito para impressão, você provavelmente deverá criar um documento maior que 1000 x 1000 pixels e definir sua resolução para cerca de 240 pixels/polegada ou superior. Em seguida clique em OK quando terminar para fechar a caixa de diálogo, o novo documento aparecerá na sua tela:
Etapa 2: Ativar a grade do Photoshop
Em seguida, ativaremos a grade interna do Photoshop para que possamos usá-la como guia para criar nossa grade baseada em pixels. Então, para ativar a grade, vá até o menu View na parte superior da tela, escolha Show e depois Grid:
A grade aparecerá como uma sobreposição no topo do seu documento. Então faremos algumas alterações na aparência da grade a seguir:
Etapa 3: Ajuste o número de linhas de grade
Sobretudo, podemos ajustar o número de linhas e seções na grade usando as Preferências do Photoshop. Se você estiver executando o Photoshop em um PC com Windows, vá até o menu Edit na parte superior da tela, escolha Preferences, depois escolha Guides, Grid & Slices. Em um Mac, vá até o menu Photoshop, escolha Preferences e escolha Guides, Grid & Slices:
Então, isso abre a caixa de diálogo de predefinições para as preferências Guides, Grid & Slices. Em seguida na seção Grid, altere a opção Gridline Every para 10%, o que nos dará uma grade de 10×10, e altere o valor de Subdivisions para 1 para evitar que a grade seja subdividida em seções menores. Fique de olho na grade no documento e você verá uma visualização ao vivo das alterações enquanto as faz:
Clique em OK quando terminar para fechar a caixa de diálogo Preferências. Agora você deve ver uma grade de 10 seções de largura e 10 seções de altura. É importante observar que essa grade não faz parte do documento. É simplesmente um guia visual que usaremos para nos ajudar a criar nossa própria grade baseada em pixels, como faremos em um momento apropriado:
Etapa 4: Adicione uma nova camada em branco e nomeie-a como “grade”
Então, vamos adicionar uma nova camada em branco para manter a grade baseada em pixels que estamos prestes a criar. Pressione e segure a tecla Alt (Win) / Option (Mac) no teclado e em seguida clique no ícone New Layer na parte inferior do painel Layers:
Contudo, isso abre a caixa de diálogo Nova Camada, dando-nos a chance de nomear a nova camada antes de adicioná-la. Nomeie a camada “Grade” e em seguida clique em OK para fechar a caixa de diálogo:
Nada acontecerá no próprio documento, mas podemos ver no painel Layers que o Photoshop adicionou a nova camada “Grade” acima da camada Background:
Etapa 5: Selecione a Single Row Marquee Tool
Para criar nossa grade, usaremos duas das ferramentas de seleção muito básicas e raramente usadas do Photoshop – a Single Row Marquee Tool e a Column Marquee Tool. Então, começaremos com a ferramenta Single Row Marquee. Por padrão, ambas as ferramentas estão aninhadas atrás da Ferramenta Rectangular Marquee Tool, então clique e segure a Ferramenta Rectangular Marquee Tool próximo ao topo do painel Ferramentas até que um menu suspenso apareça mostrando as outras ferramentas disponíveis no mesmo local, então escolha a Ferramenta Single Row Marquee:
Etapa 6: Clique em cada linha de grade horizontal
A princípio, como o próprio nome indica, a ferramenta Single Row Marquee irá selecionar uma única linha horizontal de pixels no documento.
Para usá-lo, basta clicar em qualquer lugar do documento e o Photoshop selecionará automaticamente o pixel em que clicamos, além de todos os outros pixels dessa linha da esquerda para a direita. Então, vamos usar a ferramenta para converter as linhas de grade horizontais em uma série de contornos de seleção.
Primeiramente, mova o cursor diretamente sobre a linha de grade horizontal superior e clique com o mouse. Então você verá um contorno de seleção de 1 pixel de espessura ao longo da linha de grade. Eu circulei o local onde cliquei, mas clicar em qualquer lugar na linha lhe dará exatamente o mesmo resultado.
Se der errado refaça
Se você perceber que seu clique não foi diretamente sobre a linha de grade, basta pressionar Ctrl+Z (Win) / Command+Z (Mac) no teclado para desfazer e tentar novamente:
Em seguida, adicionaremos o restante das linhas de grade horizontais à nossa seleção. Em seguida pressione e segure a tecla Shift no teclado e clique na próxima linha de grade abaixo dela. Contudo, isso selecionará uma segunda linha horizontal de pixels e, como mantivemos a tecla Shift pressionada, o Photoshop adicionará essa segunda seleção à primeira. Continue pressionando a tecla Shift enquanto clica no restante das linhas de grade horizontais até que um contorno de seleção apareça ao longo de cada uma delas. Então, quando terminar, você deverá ver nove linhas de seleção no total. Certifique-se de manter a tecla Shift pressionada enquanto clica em cada uma, caso contrário, você apenas substituirá a seleção anterior pela nova:
Etapa 7: Mude para a ferramenta Single Column Marquee Tool
Precisamos fazer a mesma coisa agora com as linhas de grade verticais, o que significa que precisamos alternar para a Single Column Marquee Tool. Clique e segure a Ferramenta Letreiro de Linha Única no painel Ferramentas (ela aparecerá onde o ícone da Ferramenta Letreiro Retangular apareceu anteriormente) até que o menu suspenso apareça, então escolha a Ferramenta Single Column Marquee Tool no menu:
Etapa 8: Clique em cada linha de grade vertical
A Ferramenta Letreiro de Coluna Única funciona da mesma forma que a Ferramenta Letreiro de Linha Única, a única diferença é que ela seleciona colunas de pixels (de cima para baixo) em vez de linhas, com cada coluna tendo 1 pixel de largura. Em seguida pressione e segure a tecla Shift e clique em cada uma das linhas de grade vertical da esquerda para a direita até que todas estejam selecionadas. Então, quando terminar, você deverá ver os contornos de seleção ao longo de cada linha de grade, tanto horizontal quanto vertical:
Passo 9: Preencha a seleção com preto
Então criaremos nossa grade preenchendo as seleções horizontal e vertical com preto. Em seguida vá até o menu Edit na parte superior da tela e escolha Fill:
Enfim, isso abre a caixa de diálogo Preenchimento do Photoshop. Defina a opção Use na parte superior para Black e em seguida clique em OK:
O Photoshop preenche a seleção com preto, embora possa ser difícil ver com os contornos da seleção e a própria grade do Photoshop no caminho. Para remover os contornos de seleção (já que não precisamos mais deles), vá até o menu Select na parte superior da tela e escolha Deselect:
Em seguida, para desativar a grade do Photoshop, vá até o menu View, escolha Show e, novamente, escolha Grid. Então, uma marca de seleção à esquerda da palavra Grid significa que ela está ativada no momento. Selecioná-lo novamente removerá a marca de seleção e desativará a grade:
Com os contornos de seleção na grade do Photoshop removidos, podemos ver nossa grade preta no documento:
Etapa 10: Abra a foto que você deseja exibir na grade
Então abra a foto que você exibirá dentro da grade. A foto será aberta em seu próprio documento com guias. Segue a foto que estou usando:
Etapa 11: Selecione e copie a foto
No momento, nossa grade está em um documento e nossa foto em outro. Então precisamos mover a foto para o mesmo documento que a grade. Para fazer isso, primeiro selecione a foto indo até o menu Select na parte superior da tela e escolha All:
Assim um contorno de seleção aparecerá ao redor das bordas da foto. Em seguida, vá até o menu Edit na parte superior da tela e escolha Copy:
Etapa 12: Mudar para o documento de grade
Por fim, alterne para o documento de grade clicando em sua guia logo abaixo da Barra de opções na parte superior. No meu caso, o documento é chamado simplesmente de “Untitled-1“:
Etapa 13: Selecione a camada de fundo
Então, com o documento de grade aberto, clique na camada Background no painel Layers para selecioná-la. Dessa forma, ao colar a foto no documento, o Photoshop a colocará em uma nova camada diretamente entre a camada Background e a camada Grade:
Etapa 14: Cole a foto
Vá até o menu Edit, escolha Paste Special e, em seguida, Paste in Place:
A princípio, o Photoshop cola e centraliza a foto no documento de grade. No meu caso (e provavelmente no seu também) a foto precisará ser redimensionada, mas vamos corrigir isso a seguir:
Se olharmos no painel Layers, veremos que o Photoshop adicionou a foto em sua própria camada entre as camadas Background e Grade, exatamente como planejamos:
Infelizmente, o Photoshop deu à nova camada um nome genérico (“Layers 1“), então, antes de continuarmos, vamos renomeá-la. Dê um duplo clique diretamente em seu nome para realçá-lo, então digite “Foto” com o novo nome. Pressione Enter (Win) / Return (Mac) no teclado quando terminar para aceitar a mudança de nome:
Etapa 15: Converta a camada da foto em um objeto inteligente
Em um momento, redimensionaremos a foto para que ela se encaixe melhor na grade, mas antes disso, vamos converter rapidamente sua camada em um Objeto Inteligente. Dessa forma, se decidirmos redimensioná-la novamente mais tarde, não perderemos a qualidade da imagem da foto. Com a camada Foto selecionada, clique no pequeno ícone do menu no canto superior direito do painel Camadas:
Escolha Convert to Smart Object no menu que aparece:
Parece que nada aconteceu no documento, mas um pequeno ícone de Objeto Inteligente aparece no canto inferior direito da miniatura de visualização da camada no painel Camadas. Isso nos diz que a camada agora é um Objeto Inteligente:
Passo 16: Redimensione a foto com Free Transform
Para redimensionar a foto, usaremos o comando Free Transform do Photoshop. Vá até o menu Edit na parte superior da tela e escolha Free Transform:
Isso coloca a caixa delimitadora de Transformação Livre e as alças ao redor da imagem. Se você não conseguir ver as alças porque as bordas da sua foto se estendem além da área visível no documento, vá até o menu View e escolha Fit on Screen:
O Photoshop reduzirá instantaneamente a imagem o suficiente para que tudo, incluindo as alças de Transformação livre, caiba dentro da área visível do documento. Para redimensionar a foto, pressione e segure a tecla Shift, clique em qualquer uma das quatro alças de canto e arraste-as.
Manter a tecla Shift pressionada enquanto arrasta manterá a proporção original da imagem para que você não distorça acidentalmente a aparência dela. Se você quiser redimensionar a foto do centro em vez de um canto, pressione e segure Shift+Alt (Win) / Shift+Option (Mac) enquanto arrasta qualquer uma das alças do canto. Se você precisar mover a imagem dentro do documento, clique em qualquer lugar dentro da caixa delimitadora Free Transform e arraste-a para o lugar. Quando terminar, pressione Enter (Win) / Return (Mac) para aceitar a transformação e sair do comando Free Transform:
Se você diminuiu o zoom da imagem um momento atrás usando o comando Fit on Screen e deseja aumentar o zoom novamente agora que terminou de redimensionar a imagem, volte para o menu View e escolha 100%:
Etapa 17: Selecione a camada de grade
Neste ponto, o trabalho duro está feito. Criamos nossa grade, copiamos e colamos nossa foto no documento da grade e redimensionamos e movemos a foto para a posição. Estamos prontos para nos divertir colorindo a grade! Primeiro, clique na camada Grade no painel Layers para selecioná-la:
Etapa 18: Selecione a ferramenta Varinha mágica
Para colorir a grade, precisamos de uma maneira de selecionar os quadrados individuais, e podemos fazer isso facilmente usando a ferramenta Magic Wand do Photoshop. Por padrão, a Ferramenta Varinha Mágica está aninhada atrás da Ferramenta de Seleção Rápida no painel Ferramentas, então clique e segure a Ferramenta de Seleção Rápida até que um menu suspenso apareça, então escolha a Ferramenta Magic Wand no menu:
Etapa 19: Selecione os quadrados da borda externa
Para selecionar um quadrado na grade, certifique-se de ter a camada Grid selecionada no painel Layers (muito importante!), então simplesmente clique dentro do quadrado com a Magic Wand Tool. Um contorno de seleção aparecerá ao redor das bordas externas do quadrado. Para adicionar mais quadrados à seleção, pressione e segure a tecla Shift e clique dentro de mais quadrados. Você selecionará cada novo quadrado em que clicar e a seleção será adicionada aos quadrados selecionados anteriormente. Vamos começar selecionando todos os quadrados ao redor da borda externa da grade. Primeiro, clique dentro do quadrado no canto superior esquerdo da grade. Um contorno de seleção aparecerá ao redor dele. Para facilitar a visualização de qual quadrado eu selecionei, eu o colori em amarelo na captura de tela. Isso não faz parte do efeito; é apenas para facilitar a visualização de qual quadrado está selecionado:
Em seguida, pressione e segure a tecla Shift e continue clicando com a Magic Wand Tool dentro de cada um dos quadrados ao redor das bordas externas da grade para adicioná-los à seleção. Novamente, eu colori os quadrados selecionados em amarelo aqui apenas para tornar as coisas mais fáceis de ver na captura de tela. O amarelo não faz parte do efeito real, então não se preocupe se você não o estiver vendo em seu documento:
Vou adicionar mais alguns quadrados à minha seleção novamente pressionando e segurando minha tecla Shift e clicando dentro deles para adicioná-los aos quadrados selecionados anteriormente:
Etapa 20: Adicionar uma nova camada abaixo da camada de grade
Vamos preencher esses quadrados iniciais com branco, o que criará uma borda para o efeito. Pressione e segure Ctrl+Alt (Win) / Command+Option (Mac) no teclado e clique no ícone New Layer na parte inferior do painel Layers:
Isso abre a caixa de diálogo Nova Camada. Nomeie esta nova camada como “Branco” e clique em OK:
O Photoshop adiciona uma nova camada em branco chamada “Branco” entre as camadas Grade e Foto:
Passo 21: Preencha a seleção com branco
Vá até o menu Edit na parte superior da tela e mais uma vez escolha o comando Fill. Desta vez, quando a caixa de diálogo Preencher aparecer, altere a opção Contents para White e clique em OK:
O Photoshop preenche os quadrados selecionados com branco. Para remover o contorno de seleção dos quadrados, vá até o menu Selecionar e escolha Desmarcar ou apenas pressione Ctrl+D (Win) / Command+D (Mac) no teclado:
Etapa 22: Selecione a camada de grade mais uma vez
Vamos selecionar alguns quadrados diferentes para colorir. Primeiro, precisamos ter a camada grade ativa no painel Layers, então clique nela para selecioná-la. Lembre-se, você sempre precisa selecionar a camada Grade antes de selecionar qualquer quadrado:
Passo 23: Selecione Quadrados Diferentes
Com a camada Grade novamente ativa, pressione e segure a tecla Shift e clique dentro de outros quadrados aleatórios com a Magic Wand Tool para selecioná-los. Se você mudar de ideia e quiser remover um quadrado da seleção, solte a tecla Shift e pressione e segure a tecla Alt (Win) / Option (Mac) e clique dentro do quadrado para desmarcá-lo. Aqui, selecionei mais alguns quadrados (e colori-os de amarelo para que possamos ver quais selecionei):
Etapa 24: Selecione a camada da foto
Com seus quadrados selecionados, clique na camada Foto (o Objeto Inteligente) no painel Camadas para selecioná-lo:
Etapa 25: Colorir os quadrados com uma camada Hue/Saturation
Vamos colorir esses quadrados usando uma camada de ajuste Hue/Saturation. Clique no ícone Nova Camada de Ajuste na parte inferior do painel Camadas:
Escolha Hue/Saturation na lista que aparece:
Os controles e opções para a camada de ajuste Hue/Saturation aparecerão no painel Properties do Photoshop. Primeiro, selecione a opção Colorizar clicando dentro de sua caixa de seleção. Em seguida, escolha a cor com a qual deseja colorir os quadrados selecionados arrastando o controle deslizante Matiz. Para esses quadrados, na verdade, vou deixar o controle deslizante Hue definido totalmente para a esquerda (sua posição padrão), o que me dá vermelho. Claro, você pode escolher a cor que quiser. Depois de escolher uma cor com o controle deslizante Matiz, você pode ajustar sua saturação ao seu gosto arrastando o controle deslizante Saturação para a esquerda ou para a direita. Para minha cor vermelha, vou definir meu valor de Saturação para cerca de 50. Fique de olho no seu documento enquanto arrasta os controles deslizantes para visualizar os resultados:
Etapa 26: Altere o modo de mesclagem da camada de ajuste para cor
Se olharmos no painel Layers, veremos a camada de ajuste diretamente acima da camada Foto. Certifique-se de que está selecionado (destacado em azul), então vá até a opção Blend Mode na parte superior do painel Layers e altere seu modo de mesclagem de Normal (o modo padrão) para Color. Isso nos permite alterar apenas as cores da imagem, não os valores de brilho:
Aqui está o meu documento depois de colorir os quadrados com vermelho:
Etapa 27: renomear a camada de ajuste
Como usaremos várias camadas de ajuste de matiz/saturação para colorir a grade, vamos acompanhar qual delas está sendo usada para qual cor renomeando-as. Como usei essa primeira camada Hue/Saturation para vermelho, clicarei duas vezes em seu nome no painel Layers e mudarei seu nome do genérico “Hue/Saturation 1” para “Vermelho“. Pressione Enter (Win) / Return (Mac) no teclado para aceitar a mudança de nome:
Etapa 28: Selecione e colora mais quadrados
Repita os passos 22-27 para selecionar e colorir mais quadrados. Primeiro selecione a camada Grade no painel Layers, então pressione e segure a tecla Shift e clique dentro de alguns quadrados com a Magic Wand Tool para selecioná-los. Clique na camada Foto no painel Layers para selecioná-la, depois clique no ícone New Adjustment Layer e escolha Hue/Saturation.
No painel Propriedades, marque a opção Colorize e escolha uma cor com o controle deslizante Matiz e um nível de saturação com o controle deslizante Saturação. Altere o modo de mesclagem da nova camada de ajuste para Color e renomeie a camada de ajuste com base na cor escolhida.
Você também pode usar uma camada de ajuste Hue/Saturation para dessaturar completamente alguns dos quadrados, deixando-os em preto e branco. Para fazer isso, selecione alguns quadrados e adicione uma camada de ajuste Matiz/Saturação como faria normalmente, mas em vez de escolher uma cor com o controle deslizante Matiz, basta arrastar o controle deslizante Saturação totalmente para a esquerda (para um valor de -100 ), que removerá toda a cor:
Aqui está o meu resultado depois de selecionar e colorir mais quadrados. Eu usei seis camadas de ajuste de matiz/saturação no total – uma para vermelho (matiz:0, saturação:50), amarelo (matiz:40, saturação:50), verde (matiz:120, saturação:20), azul ( matiz:200, saturação:20) e roxo (matiz:300, saturação:20), mais um para preto e branco (saturação:-100):
E aqui, podemos ver todas as minhas seis camadas de ajuste Hue/Saturation no painel Layers, cada uma nomeada de acordo com sua cor:
Etapa 29: Altere a cor das linhas de grade para branco
Agora que colorimos nossos quadrados, vamos alterar a aparência das próprias linhas de grade, primeiro alterando sua cor de preto para branco. Clique na camada Grade no painel Layers para selecioná-la:
Em seguida, clique no ícone Lock Transparent Pixels logo abaixo da opção Blend Mode na parte superior do painel Layers:
Com a opção Bloquear Pixels Transparentes habilitada, qualquer coisa que fizermos na camada afetará apenas as próprias linhas de grade. Não terá efeito nas áreas transparentes da camada. Dessa forma, se preenchermos a camada com, digamos, branco (como estamos prestes a fazer), apenas as linhas da grade serão preenchidas com branco. As áreas transparentes permanecerão transparentes.
Vá até o menu Edit e mais uma vez escolha Fill. Quando a caixa de diálogo Preencher aparecer, a opção Contents já deve estar definida como Branca, pois foi para isso que a definimos da última vez, portanto, basta clicar em OK para fechar a caixa de diálogo:
O Photoshop preenche as linhas de grade com branco:
Etapa 30: Adicionar um estilo de camada de traçado
Se você quiser aumentar a espessura das linhas da grade, clique no ícone Layer Styles (o ícone “fx“) na parte inferior do painel Layers com a camada Grade selecionada:
Escolha Stroke na lista que aparece:
Isso abre a caixa de diálogo Layer Style do Photoshop definida para as opções Stroke na coluna do meio. Primeiro, vamos alterar a cor do traço para branco. Clique na amostra de cor à direita da palavra Color:
Isso abre o Seletor de cores. Escolha branco como a nova cor para o traço e clique em OK para fechá-lo:
Com o branco agora como a cor do traço, defina a opção Position para Outside e ajuste a largura do traço arrastando o controle deslizante Size. Você provavelmente não vai querer aumentar muito o tamanho. Vou definir o meu para 2 px:
Clique em OK quando terminar para fechar a caixa de diálogo Layer Style. Aqui está o meu efeito com as linhas de grade brancas e um pouco mais largas:
Etapa 31: Mova e redimensione a foto novamente, se necessário
Neste ponto, agora que o design da grade está completo, se precisar redimensionar e/ou reposicionar a foto. No meu caso, acho que estou muito feliz com a aparência das coisas, mas se você precisar mover ou redimensionar sua foto, clique na camada Foto no painel Camadas para selecioná-la:
Em seguida, basta usar as mesmas etapas que abordamos na Etapa 16 para redimensionar e/ou mover a imagem. Vá até o menu Edit e escolha Free Transform (ou pressione Ctrl+T (Win) / Command+T (Mac) no teclado) para abrir a caixa Free Transform e as alças ao redor da foto.
Se você não conseguir ver as alças porque sua foto se estende além da área visível do documento, vá até o menu View e escolha Fit on Screen (ou pressione Ctrl+0 (Win) / Command+0 (Mac) no teclado ).
Redimensionando a foto
Pressione e segure Shift enquanto clica e arrasta qualquer uma das alças de canto para redimensionar a foto, ou pressione e segure Shift+Alt (Win) / Shift+Option (Mac) para redimensionar a foto a partir de seu centro em vez de um canto. Para mover a foto, basta clicar e arrastar para qualquer lugar dentro da caixa Free Transform. Vou arrastar minha foto um pouco para baixo, mas vou deixar o tamanho como era antes:
Observe que, como convertemos a foto em um objeto inteligente na Etapa 15, podemos redimensioná-la com segurança novamente sem perda de qualidade da imagem. Quando estiver satisfeito com o tamanho e a posição final da sua imagem, pressione Enter (Win) / Return (Mac) para aceitá-la e feche o comando Free Transform. Em seguida, para aumentar o zoom na imagem, vá até o menu View e escolha 100% (ou pressione Ctrl+1 (Win) / Command+1 (Mac) no teclado):
Etapa 32: Cortar a imagem (opcional)
Esta etapa final é opcional, mas se você quiser cortar parte da borda branca ao redor da grade, selecione a ferramenta Crop do Photoshop no painel Ferramentas:
Com a ferramenta Cortar selecionada, defina a opção Proporção à esquerda da Barra de opções para Proporção original:
Você verá uma borda de corte aparecer nas bordas do documento, com marcas de corte nos quatro lados e nos cantos. Pressione e segure a tecla Alt (Win) / Option (Mac) no teclado enquanto clica e arrasta qualquer uma das quatro marcas de corte de canto para dentro para cortar parte da borda branca caso precise, no meu caso deixei como estava, cortei só as partes excedentes da imagem:
Pressione Enter (Win) / Return (Mac) no teclado para cortar a imagem e pronto!
Aqui, depois de cortar, está meu resultado final do Efeitos fotográficos com grades de cores:
