Aprenda a redimensionar, girar, inverter, distorcer e inclinar imagens usando o comando Transformação Livre no Photoshop! Neste tutori...
Aprenda a redimensionar, girar, inverter, distorcer e inclinar imagens usando o comando Transformação Livre no Photoshop!
Neste tutorial, mostrarei como usar o comando Transformação Livre do Photoshop para redimensionar, girar, inverter, distorcer e inclinar imagens. Você aprenderá dicas para aproveitar ao máximo a Transformação Livre e como transformar imagens sem perder qualidade.
Começaremos com o básico e aprenderemos como redimensionar e rotacionar imagens. Em seguida, veremos as transformações mais avançadas do Photoshop, como Inclinar, Distorcer e Perspectiva, além das melhores maneiras de usá-las. E, por fim, mostrarei como obter resultados ainda mais impressionantes com os comandos padrão de Rotacionar e Inverter, incluindo como criar um efeito de imagem espelhada em quatro direções!
Este tutorial inclui as alterações que a Adobe fez na ferramenta Transformação Livre a partir do Photoshop CC 2019, juntamente com melhorias adicionais no Photoshop 2020. Portanto, para obter os melhores resultados, você deve usar a versão mais recente do Photoshop.
Vamos começar!
Configuração do documento
Para acompanhar, abra qualquer imagem. Vou usar esta imagem do Adobe Stock:
No painel Camadas, a imagem aparece na camada de fundo:
Que tipos de camadas podemos transformar no Photoshop?
O Photoshop permite transformar praticamente qualquer tipo de camada, incluindo camadas de pixels, camadas de texto, camadas de formas e até mesmo objetos inteligentes.
Mas uma camada que não podemos transformar é a camada de fundo, e isso porque a camada de fundo está bloqueada:
O comando Transformação Livre encontra-se no menu Editar da barra de menus. No entanto, com a camada de fundo bloqueada, o comando fica acinzentado.
Como desbloquear a camada de fundo
Para corrigir isso, basta desbloquear a camada de fundo clicando no ícone de cadeado:
Em seguida, volte ao menu Editar e você verá a opção Transformação Livre pronta para ser selecionada:
Como evitar a transparência ao transformar uma camada
O único problema agora é que, se eu selecionar Transformação Livre e depois redimensionar a imagem clicando e arrastando uma das alças, acabo com um padrão quadriculado atrás da imagem. Esse padrão quadriculado é a forma como o Photoshop representa a transparência.
E a razão pela qual estamos vendo transparência é porque atualmente não tenho nenhuma outra camada abaixo da minha imagem:
Adicionando uma nova camada abaixo da imagem
Para corrigir isso, vou adicionar uma nova camada. E meu tipo de camada favorito para usar como fundo é uma camada de preenchimento de cor sólida.
Primeiro, vou pressionar a tecla Esc no meu teclado para cancelar o comando Transformação Livre sem salvar as alterações. Em seguida, vou clicar no ícone Nova Camada de Preenchimento ou Ajuste na parte inferior do painel Camadas:
E vou escolher Cor Sólida da lista:
A grande vantagem de uma camada de preenchimento de Cor Sólida é a facilidade de escolher qualquer cor desejada no Seletor de Cores. Para este tutorial, vou simplificar e escolher o branco para o fundo. Em seguida, clicarei em OK para fechar o Seletor de Cores.
Em seguida, de volta ao painel Camadas, vou arrastar a camada de preenchimento Cor Sólida para baixo da imagem:
Vou clicar na camada da imagem para selecioná-la:
Desta vez, se eu selecionar Transformação Livre no menu Editar e arrastar uma alça para redimensionar a imagem, veremos o fundo branco atrás da imagem em vez da transparência. Novamente, pressionarei a tecla Esc no meu teclado para cancelar as alterações.
Como transformar imagens sem perder qualidade
Antes de analisarmos todas as maneiras de transformar imagens no Photoshop, há mais um tópico importante que precisamos abordar: a diferença entre transformações destrutivas e não destrutivas.
Cada vez que redimensionamos, rotacionamos ou transformamos de alguma forma uma camada baseada em pixels, perdemos qualidade de imagem. Isso ocorre porque o Photoshop precisa redesenhar os pixels a cada alteração. Esse processo é conhecido como edição destrutiva, pois estamos fazendo mudanças permanentes na imagem.
Para evitar perda de qualidade, uma maneira melhor de trabalhar é primeiro converter sua camada em um objeto inteligente. Objetos inteligentes são como contêineres que protegem a imagem dentro deles. Quaisquer transformações que fizermos em um objeto inteligente são aplicadas ao próprio objeto, enquanto a imagem dentro dele permanece intacta. E cada vez que aplicamos uma nova transformação, o Photoshop redesenha o objeto inteligente com base nos dados da imagem original. Portanto, não importa quantas transformações apliquemos a um objeto inteligente, o resultado sempre ficará ótimo.
Você pode aprender mais sobre objetos inteligentes no meu tutorial "Redimensionando imagens sem perder qualidade".
Como converter uma camada em um objeto inteligente
Para converter sua camada em um objeto inteligente, clique com o botão direito do mouse (Windows) / Control-clique (Mac) na camada no painel Camadas:
Em seguida, selecione Converter em Objeto Inteligente no menu:
Um ícone de objeto inteligente aparece no canto inferior direito da miniatura de pré-visualização, indicando que a camada agora está dentro de um objeto inteligente e que estamos prontos para começar a transformar a imagem:
Quais opções de transformação estão disponíveis no Photoshop?
Todas as opções de Transformação do Photoshop podem ser acessadas indo até o menu Editar e escolhendo Transformar:
A partir daqui, podemos optar por redimensionar ou rotacionar a imagem, incliná-la, realizar transformações de distorção e perspectiva e até mesmo deformar a imagem. Eu explico como deformar imagens em um tutorial separado.
Também temos opções padrão para girar a imagem em 90 ou 180 graus. E podemos inverter a imagem horizontalmente ou verticalmente:
O que é Transformação Livre?
Mas, embora você possa continuar voltando ao menu Editar para selecionar essas diferentes opções, na verdade não há necessidade. Isso porque todos os comandos de Transformação do Photoshop podem ser selecionados usando um único comando conhecido como Transformação Livre, uma solução completa para todas as suas necessidades de transformação de imagem.
Você pode selecionar Transformação Livre aqui no menu Editar. Mas uma maneira mais rápida é usar o atalho de teclado Ctrl + T (Windows) / Command + T (Mac). Mesmo que você não goste de atalhos de teclado, este definitivamente vale a pena conhecer:
A caixa de transformação e as alças
Assim que você selecionar Transformação Livre, verá a caixa de transformação e as alças ao redor da imagem. Há uma alça na parte superior, inferior, esquerda e direita, além de uma em cada canto:
Como alterar a cor da caixa de transformação
Se a cor do contorno da caixa de transformação for difícil de ver em relação à sua imagem, você pode escolher uma cor diferente.
Primeiro, pressione a tecla Esc no seu teclado para cancelar o comando Transformação Livre. Em seguida, abra as Preferências do Photoshop. No Windows, acesse o menu Editar. No Mac, acesse o menu Photoshop CC. Lá, escolha Preferências e, em seguida, Guias, Grade e Fatias.
Na parte inferior da caixa de diálogo, encontra-se a opção Cor de Controle. Esta é a cor atual da caixa de transformação:
A cor padrão é azul claro, mas você pode clicar na opção e escolher uma cor diferente na lista. A opção Clássica é uma ótima escolha porque exibe um contorno escuro sobre as áreas claras da imagem e um contorno claro sobre as áreas escuras, facilitando bastante a visualização.
Depois de escolher uma cor, clique em OK para fechar a caixa de diálogo Preferências. Na próxima vez que abrir a Transformação Livre, você verá a nova cor.
Como redimensionar uma imagem com a Transformação Livre
Vamos analisar todas as maneiras pelas quais podemos transformar imagens usando o comando Transformação Livre do Photoshop, começando com Escala.
Redimensionar uma imagem proporcionalmente
Para redimensionar uma imagem, clique e arraste qualquer uma das alças. A partir do Photoshop CC 2019, o comportamento padrão da Transformação Livre é redimensionar as imagens proporcionalmente. Portanto, independentemente da alça que você arrastar, a imagem será redimensionada mantendo a proporção original.
Aqui estou arrastando a alça do canto superior esquerdo para dentro:
Escala não proporcional
Para redimensionar de forma não proporcional, mantenha pressionada a tecla Shift enquanto arrasta uma alça.
Aqui estou comprimindo a imagem mantendo a tecla Shift pressionada enquanto arrasto a alça lateral esquerda para dentro:
Para voltar ao dimensionamento proporcional, solte a tecla Shift e arraste uma das alças.
Observe, porém, que o Photoshop não restaura a proporção original da imagem. Em vez disso, ficamos presos à nova proporção criada após o redimensionamento não proporcional:
Como desfazer etapas no modo de Transformação Livre
A partir do Photoshop CC 2020, agora é possível desfazer várias etapas no modo de Transformação Livre. Portanto, se precisar retornar à proporção original ou a alguma etapa anterior, vá ao menu Editar e escolha Desfazer. Ou pressione Ctrl+Z (Windows) / Command+Z (Mac) no teclado. Pressione o atalho repetidamente para desfazer quantas etapas forem necessárias.
Para refazer uma etapa, pressione Shift+Ctrl+Z (Windows) / Shift+Command+Z (Mac). Pressione repetidamente para refazer várias etapas:
E depois de desfazer alguns passos, voltei à proporção original:
Atualização do Photoshop CC 2020: Redimensionamento de camadas de forma
No Photoshop CC 2019, a Transformação Livre se comportava de maneira diferente com camadas de forma em comparação com camadas de pixel ou texto. Arrastar uma alça sem pressionar a tecla Shift redimensionava a camada de forma de maneira não proporcional. Já pressionar a tecla Shift a redimensionava proporcionalmente.
Felizmente, esse problema foi corrigido no Photoshop CC 2020. Camadas de pixels, camadas de texto e camadas de forma agora se comportam da mesma maneira. Arraste uma alça sem pressionar Shift para dimensionar proporcionalmente ou pressione Shift para dimensionar de forma não proporcional.
Como mover a imagem com a ferramenta Transformação Livre
Para mover a imagem dentro da tela enquanto a transforma, clique e arraste dentro da caixa Transformação Livre:
Como redimensionar uma imagem a partir do seu centro
Para redimensionar uma imagem proporcionalmente a partir do seu centro, pressione e mantenha pressionada a tecla Alt (Windows) / Option (Mac) enquanto arrasta uma alça.
Ou, para redimensionar de forma não proporcional a partir do centro, mantenha pressionadas as teclas Shift + Alt (Windows) / Shift + Option (Mac) enquanto arrasta:
Como aceitar a transformação
Vou redimensionar a imagem para o tamanho que preciso:
E então, se estiver satisfeito com o tamanho da imagem e não houver outros comandos de Transformação para aplicar, você pode aceitar as alterações e fechar a Transformação Livre clicando na marca de seleção na Barra de Opções. Ou pressione Enter (Windows) / Return (Mac) no seu teclado:
Como restaurar o tamanho original da imagem
Se você converteu sua imagem em um objeto inteligente, como mostrei anteriormente, é fácil restaurar o tamanho original da imagem mesmo depois de redimensioná-la e fechar a Transformação Livre.
Primeiro, pressione Ctrl + T (Windows) / Command + T (Mac) para selecionar novamente o comando Transformação Livre. Em seguida, observe na Barra de Opções que os campos Largura e Altura estão exibindo valores inferiores a 100%. No meu caso, estou vendo um valor de 60% tanto para a Largura quanto para a Altura.
Como estamos trabalhando com um objeto inteligente, o Photoshop sabe que a imagem original dentro do objeto inteligente é maior do que o tamanho redimensionado. Para restaurar o tamanho original, primeiro certifique-se de que o ícone de link entre os campos Largura e Altura esteja selecionado:
Em seguida, basta alterar o valor de Largura ou Altura para 100%. O outro valor será alterado automaticamente. Pressione Enter (Windows) / Return (Mac) para confirmar o novo tamanho.
E agora a imagem voltou ao seu tamanho original, sem perda de qualidade:
Como cancelar a Transformação Livre sem salvar as alterações
Na verdade, não era isso que eu queria fazer. Para cancelar a Transformação Livre sem salvar as alterações, clique no botão Cancelar na Barra de Opções. Ou pressione a tecla Esc no seu teclado.
E agora voltei ao tamanho original:
Como rotacionar uma imagem com a ferramenta Transformação Livre
Para rotacionar uma imagem, mova o cursor do mouse para fora da caixa de Transformação Livre. O cursor se transformará em uma seta curva de duas pontas.
Em seguida, clique e arraste para girar a imagem livremente. Ou mantenha a tecla Shift pressionada enquanto arrasta para restringir o ângulo de rotação a incrementos de 15 graus:
Inserir um ângulo de rotação específico
Em vez de arrastar o mouse para girar a imagem, você também pode inserir um valor de rotação diretamente na opção Ângulo na Barra de Opções:
Como redefinir o ângulo de rotação
E para redefinir o ângulo a qualquer momento, basta digitar 0:
O ponto de referência da transformação
Em versões anteriores do Photoshop, a caixa de Transformação Livre incluía um ícone de alvo no centro. Esse ícone é conhecido como Ponto de Referência, pois marca o centro da transformação. Veremos o que isso significa em instantes.
Mas, por algum motivo, a Adobe decidiu ocultar o Ponto de Referência nas versões mais recentes do Photoshop. Ele ainda está lá, mas não podemos vê-lo a menos que o ativemos.
Como mostrar o ponto de referência
Para ativar o Ponto de Referência, acesse a Barra de Opções e clique na caixa de seleção Alternar Ponto de Referência:
Em seguida, olhe no centro da caixa de Transformação Livre e você verá o ícone de alvo:
Movendo o ponto de referência
Antes, quando redimensionávamos a imagem a partir do centro pressionando Alt (Windows) / Option (Mac) e arrastando uma alça, na verdade estávamos redimensionando a imagem a partir do Ponto de Referência. E podemos mover o Ponto de Referência simplesmente arrastando o ícone de destino para um local diferente.
Vou mover o ponto de referência para a ponta da asa da borboleta:
Agora, se eu pressionar Alt (Windows) / Option (Mac) e arrastar uma alça, estarei redimensionando a imagem com a ponta da asa como o novo ponto central:
E se eu rotacionar a imagem, ela agora gira em torno da asa:
Dica: Uma maneira mais rápida de mover o Ponto de Referência é manter pressionada a tecla Alt (Windows) / Option (Mac) e simplesmente clicar no local onde você deseja que o ícone de destino apareça.
Grade de Pontos de Referência
Outra forma de mover o Ponto de Referência é usando a Grade de Pontos de Referência na Barra de Opções (diretamente ao lado da caixa de seleção Alternar Ponto de Referência). Cada quadrado externo na grade representa uma das alças ao redor da caixa de transformação.
Para mover o Ponto de Referência para uma alça específica, clique no quadrado correspondente na grade. Ele é bem pequeno, então talvez seja bom ter uma lupa à mão.
Como centralizar o ponto de referência
Para mover o Ponto de Referência de volta para o centro da caixa de transformação, clique no quadrado central da grade:
Como ativar o Ponto de Referência permanentemente
Se você quiser visualizar o Ponto de Referência o tempo todo sem precisar clicar no ícone Alternar Ponto de Referência na Barra de Opções, você pode fazer isso nas Preferências do Photoshop.
Se a Transformação Livre estiver ativa, pressione a tecla Esc para cancelá-la. Em seguida, pressione Ctrl + K (Windows) / Command + K (Mac) para abrir a caixa de diálogo Preferências. Selecione a categoria Ferramentas à esquerda e escolha Mostrar Ponto de Referência ao usar a Transformação. Clique em OK para fechar a caixa de diálogo.
Como acessar qualquer comando de transformação a partir da Transformação Livre
Até agora, vimos como redimensionar e rotacionar uma imagem com a Transformação Livre. Mas e os outros comandos de transformação do Photoshop que vimos no menu Editar, como Inclinar, Distorcer e Perspectiva?
Com a Transformação Livre ativada, o mesmo menu de opções pode ser acessado clicando com o botão direito do mouse (Windows) / Control + clique (Mac) dentro da caixa de Transformação Livre. Em seguida, basta escolher a opção desejada:
Como distorcer uma imagem
Vamos analisar os próximos três comandos da lista (Inclinar, Distorcer e Perspectiva), começando por Inclinar. Selecione Inclinar no menu:
Com a opção Inclinar selecionada, clique na alça superior ou inferior e arraste para inclinar a imagem para a esquerda ou para a direita:
Vou pressionar Ctrl + Z (Windows) / Command + Z (Mac) para desfazer isso.
Para inclinar a imagem para cima ou para baixo, clique e arraste uma das alças laterais:
Para desfazer essa ação, pressione Ctrl + Z (Windows) / Command + Z (Mac).
Você pode distorcer lados opostos simultaneamente (a parte superior e inferior ou a esquerda e a direita) mantendo pressionada a tecla Alt (Windows) / Option (Mac) enquanto arrasta:
Como distorcer uma imagem
Para distorcer uma imagem, clique com o botão direito do mouse (Windows) / Control-clique (Mac) dentro da caixa Transformação Livre e escolha Distorcer:
Em seguida, clique e arraste qualquer uma das alças de canto. Isso é conhecido como distorção de quatro pontos, porque você está distorcendo a imagem a partir de seus quatro pontos de canto:
Como desfazer uma distorção
Como mencionei anteriormente, o Photoshop CC 2020 agora oferece a opção de desfazer várias ações no modo Transformação Livre. Para desfazer uma etapa da distorção, pressione Ctrl+Z (Windows) / Command+Z (Mac). Pressione repetidamente para desfazer várias etapas.
Como distorcer uma imagem em perspectiva
Além de aplicar uma distorção de quatro pontos, também podemos aplicar uma distorção de perspectiva. Clique com o botão direito (Windows) / Control + clique (Mac) dentro da caixa Transformação Livre e escolha Perspectiva:
Qual a diferença entre Distorcer e Perspectiva?
A diferença entre Distorcer e Perspectiva é que Distorcer permite mover cada alça de canto independentemente, enquanto Perspectiva move a alça oposta simultaneamente, na direção oposta.
Aqui estou arrastando a alça do canto superior esquerdo para a direita. E observe que a alça superior direita se move junto, mas para a esquerda:
Ou, se eu arrastar uma alça de canto para cima ou para baixo, a alça oposta se move junto com ela. O modo perspectiva é ótimo quando você precisa remodelar um objeto para corresponder à perspectiva da imagem ou para criar efeitos 3D simples.
Atalhos de teclado para Inclinar, Distorcer e Perspectiva
O problema de selecionar comandos de transformação no menu é que os comandos são "grudentos", ou seja, você não pode fazer mais nada a menos que selecione um comando diferente. Por exemplo, se você selecionar "Inclinar" e depois tentar redimensionar ou rotacionar a imagem, não conseguirá. Você precisaria primeiro selecionar "Redimensionar" ou "Rotacionar" no menu, o que pode se tornar rapidamente tedioso.
Uma maneira melhor de selecionar Inclinar, Distorcer ou Perspectiva é alternar temporariamente para elas usando seus atalhos de teclado. Mesmo que você não goste de atalhos de teclado, vale a pena conhecer estes.
Distorção
Com a Transformação Livre ativa, pressione e mantenha pressionada a tecla Ctrl (Windows) / Command (Mac) no teclado para alternar temporariamente para o modo Distorcer. Em seguida, clique e arraste uma alça superior, inferior ou lateral para distorcer a imagem.
Para restringir o movimento à horizontal ou à vertical, mantenha pressionadas as teclas Shift + Ctrl (Windows) / Shift + Command (Mac) e arraste.
Adicione a tecla Alt (Windows) / Option (Mac) para distorcer os lados opostos simultaneamente. Em seguida, solte a(s) tecla(s) para sair do modo de distorção e retornar à transformação livre.
Distorcer
Para realizar uma distorção de quatro pontos, mantenha pressionada a tecla Ctrl (Windows) / Command (Mac) e arraste qualquer uma das alças de canto.
Para restringir seu movimento à horizontal ou vertical, adicione a tecla Shift. Solte a(s) tecla(s) para retornar à Transformação Livre.
Perspectiva
Para alternar temporariamente para o modo Perspectiva, mantenha pressionadas as teclas Shift + Ctrl + Alt (Windows) / Shift + Command + Option (Mac) e arraste uma das alças de canto. Em seguida, solte as teclas para retornar à Transformação Livre.
Os comandos Girar e Inverter
E, por fim, se você clicar com o botão direito (Windows) / Control-clique (Mac) dentro da caixa Transformação Livre, encontrará opções padrão para girar a imagem 180°, girá-la 90° no sentido horário ou anti-horário e para inverter a imagem horizontalmente ou verticalmente:
Crie um efeito de imagem espelhada em quatro direções com a Transformação Livre
Por si só, os comandos Girar e Inverter do Photoshop são bastante simples. Mas, se os combinarmos com o Ponto de Referência de transformação (o ícone de alvo) que vimos anteriormente, podemos fazer coisas mais interessantes. Por exemplo, vamos aprender como criar rapidamente um efeito de imagem espelhada em quatro direções usando o comando Transformação Livre.
Vou diminuir um pouco o tamanho da minha imagem e movê-la para o lado direito da tela. Em seguida, pressionarei Enter (Windows) / Return (Mac) para confirmar e fechar a ferramenta Transformação Livre.
Fazer uma cópia da imagem
Vou criar uma cópia da minha camada (ou, neste caso, do meu objeto inteligente) pressionando Ctrl + J (Windows) / Command + J (Mac). Agora, no painel Camadas, vemos duas cópias da imagem.
Vou garantir que o objeto inteligente superior esteja selecionado:
Movendo o ponto de referência
Em seguida, pressionarei Ctrl + T (Windows) / Command + T (Mac) para selecionar Transformação Livre. Mas antes de selecionar um dos comandos de transformação, clicarei no Ponto de Referência no centro da caixa de Transformação Livre e o arrastarei sobre a alça do lado esquerdo:
Inverter a imagem horizontalmente
Em seguida, clicarei com o botão direito do mouse (Windows) / Control-clique (Mac) dentro da caixa Transformação Livre e escolherei Inverter Horizontalmente no menu:
E como movi o Ponto de Referência para a lateral, o Photoshop inverte a imagem usando o lado esquerdo como centro da transformação, criando uma versão espelhada da imagem. Vou pressionar Enter (Windows) / Return (Mac) para confirmar:
Movendo as imagens
De volta ao painel Camadas, vou selecionar os dois objetos inteligentes ao mesmo tempo, mantendo pressionada a tecla Shift e clicando no objeto inteligente de baixo:
Em seguida, selecionarei a Ferramenta Mover do Photoshop na barra de ferramentas:
E na barra de opções, vou garantir que a opção Seleção automática esteja desmarcada:
Em seguida, vou arrastar as duas cópias da imagem para a metade superior da tela. Vou manter a tecla Shift pressionada enquanto arrasto para facilitar o movimento para cima:
Fazer uma cópia das duas imagens
Com as duas cópias da imagem ainda selecionadas no painel Camadas, vou pressionar Ctrl + J (Windows) / Command + J (Mac) para copiá-las:
Invertendo as imagens verticalmente
Em seguida, de volta ao documento, pressiono Ctrl + T (Windows) / Command + T (Mac) para selecionar Transformação Livre. Isso coloca as alças de Transformação Livre em torno de ambas as imagens simultaneamente.
Vou clicar no Ponto de Referência no centro e, desta vez, arrastá-lo para baixo até a alça inferior. Dessa forma, a parte inferior das imagens se tornará o centro da transformação.
Em seguida, clicarei com o botão direito do mouse (Windows) / Control-clique (Mac) dentro da caixa Transformação Livre e escolherei Inverter Verticalmente:
O Photoshop inverte as cópias verticalmente, usando novamente o Ponto de Referência como centro da transformação, criando um reflexo espelhado em quatro direções da imagem. Pressione Enter (Windows) / Return (Mac) para confirmar:
Para onde ir a seguir?
E pronto! É assim que se usa o comando Transformação Livre no Photoshop!
COMENTÁRIOS