Como usar Transformação Livre no Photoshop – Aprenda a dimensionar, girar, inverter, inclinar e distorcer imagens usando o comando Transformação Livre no Photoshop! Agora totalmente atualizado!
Bem como, neste tutorial, mostro como usar o comando Transformação Livre do Photoshop para dimensionar, girar, inverter, inclinar e distorcer imagens. Ou seja, você aprenderá dicas para aproveitar ao máximo o Transformação Livre e como transformar imagens sem perder a qualidade.
A princípio, começaremos com o básico e aprenderemos como dimensionar e girar imagens. Em seguida, veremos as transformações mais avançadas do Photoshop, como Inclinar, Distorcer e Perspectiva, juntamente com as melhores maneiras de usá-las. Então, no final, mostrarei como obter resultados mais impressionantes com os comandos padrão Girar e Inverter, incluindo como criar um efeito de imagem espelhada em quatro direções!
Este tutorial inclui as alterações feitas pela Adobe no Transformação Livre a partir do Photoshop CC 2019, juntamente com melhorias adicionais no Photoshop 2020. Portanto, para obter melhores resultados, você deve usar a versão mais recente do Photoshop.
Vamos começar!
A configuração do documento
Para acompanhar, vá em frente e abra qualquer imagem. Vou usar esta imagem do freepik:
No painel Camadas, a imagem aparece na camada Plano de fundo:
Quais tipos de camadas podemos transformar no Photoshop?
Todavia, o Photoshop nos permite transformar praticamente qualquer tipo de camada, incluindo camadas de pixel, camadas de texto, camadas de forma e até mesmo objetos inteligentes.
Mas uma camada que não podemos transformar é a camada Plano de Fundo, e isso ocorre porque a camada está bloqueada:
Embora, o comando Transformação Livre é encontrado no menu Editar na barra de menus. Mas com a camada Plano de Fundo bloqueada, o comando fica esmaecido:
Desbloqueando a camada de fundo
Primordialmente, para corrigir isso, basta desbloquear a camada Background clicando no ícone de cadeado:
Em seguida, volte para o menu Editar e você verá a Transformação Livre pronto para ser selecionado:
Como evitar a transparência ao transformar uma camada
O único problema agora é que, se eu selecionar Transformação Livre e, em seguida, dimensionar minha imagem para diminuir clicando e arrastando uma das alças, acabo com um padrão quadriculado atrás da imagem. Ou seja, o padrão quadriculado é como o Photoshop representa a transparência:
E a razão pela qual vemos transparência é porque atualmente não tenho outras camadas abaixo da minha imagem:
Adicionando uma nova camada abaixo da imagem
Finalmente, para corrigir isso, adicionarei uma nova camada. Porém, meu tipo favorito de camada para usar como plano de fundo é uma camada de preenchimento de cor sólida.
Primeiro, pressionarei a tecla Esc no teclado para cancelar o comando Transformação Livre sem salvar minhas alterações. Em seguida, clicarei no ícone Nova camada de preenchimento ou ajuste na parte inferior do painel Camadas:
E vou escolher Cor Sólida na lista:
O melhor de uma camada de preenchimento de cor sólida é que é fácil escolher qualquer cor que você precisa no Seletor de cores. Para este tutorial, manterei as coisas simples e escolherei branco para o plano de fundo e, em seguida, clicarei em OK para fechar o Seletor de cores:
Em seguida, de volta ao painel Camadas, arrastarei a camada de preenchimento de cor sólida abaixo da imagem:
Clicarei na camada da imagem para selecioná-la:
E desta vez, se eu selecionar Transformação Livre no menu Editar e arrastar uma alça para dimensionar a imagem menor, veremos o fundo branco atrás da imagem em vez da transparência. Novamente, pressionarei a tecla Esc no meu teclado para cancelar minhas alterações:
Transformar imagens sem perder qualidade
Antes de examinarmos 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 dimensionamos, giramos ou de alguma forma transformamos uma camada baseada em pixels, perdemos a qualidade da imagem. Isso ocorre porque o Photoshop precisa redesenhar os pixels toda vez. Isso é conhecido como edição destrutiva porque estamos fazendo alterações permanentes na imagem.
Para evitar a perda de qualidade, uma maneira melhor de trabalhar é primeiro converter sua camada em um objeto inteligente. Objetos inteligentes são como recipientes que protegem a imagem dentro deles. Quaisquer transformações que fazemos em um objeto inteligente são aplicadas ao próprio objeto inteligente, enquanto a imagem dentro dele permanece ilesa. 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 aplicamos a um objeto inteligente, o resultado sempre parece ótimo.
Você pode aprender mais sobre objetos inteligentes em meu tutorial Redimensionar imagens sem perder a qualidade.
Converter uma camada em um objeto inteligente
Para converter sua camada em um objeto inteligente, clique com o botão direito (Win) / clique com a tecla Control pressionada (Mac) na camada no painel Camadas:
E, em seguida, escolha Converter em objeto inteligente no menu:
Um ícone de objeto inteligente aparece no canto inferior direito da miniatura de visualização, informando 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 escolher dimensionar ou girar a imagem, distorcê-la, realizar transformações de distorção e perspectiva e até distorcer a imagem. Eu abordo 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, não faz sentido. Isso ocorre porque todos os comandos Transformação do Photoshop podem ser selecionados usando um único comando conhecido como Transformação Livre, um balcão único 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 (Win) / Command + T (Mac). Mesmo que você não goste de atalhos de teclado, definitivamente vale a pena conhecer este:
A caixa de transformação e alças
Assim que selecionar Transformação Livre, você 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:
Mudar a cor da caixa de transformação
Se a cor do contorno da caixa de transformação for difícil de ver na frente da imagem, você pode escolher uma cor diferente.
Primeiro, pressione a tecla Esc do teclado para cancelar o comando Transformação Livre. Em seguida, abra as Preferências do Photoshop. No PC com Windows, vá até o menu Editar. E, em um Mac, vá até o menu Photoshop CC. A partir daí, escolha Preferências e, em seguida, Guias, Grade e Fatias:
Na parte inferior da caixa de diálogo está a opção Control Color. 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 opção porque exibe um contorno escuro sobre as áreas claras da imagem e um contorno claro sobre as áreas escuras, facilitando a visualização.
Depois de escolher uma cor, clique em OK para fechar a caixa de diálogo Preferências. E na próxima vez que abrir a Transformação Livre, você verá a nova cor:
Como dimensionar uma imagem com Transformação
Vejamos todas as maneiras pelas quais podemos transformar imagens usando o comando Transformação Livre do Photoshop, começando com Escala.
Dimensionar uma imagem proporcionalmente
Para dimensionar uma imagem, clique e arraste qualquer uma das alças. A partir do Photoshop CC 2019, o comportamento padrão do Transformação Livre é dimensionar as imagens proporcionalmente. Portanto, não importa qual alça você arraste, você dimensionará a imagem com a proporção travada no lugar.
Aqui estou arrastando a alça do canto superior esquerdo para dentro:
Dimensionamento não proporcional
Para dimensionar de forma não proporcional, segure a tecla Shift enquanto arrasta uma alça.
Aqui estou espremendo a imagem segurando Shift enquanto arrasto a alça do lado esquerdo para dentro:
Para voltar ao dimensionamento proporcional, solte a tecla Shift e arraste uma alça.
Mas observe que o Photoshop não restaura a proporção original da imagem. Em vez disso, estamos presos à nova proporção que criamos após o dimensionamento não proporcional:
Desfazendo etapas no Transformação Livre
Novidade no Photoshop CC 2020, agora podemos desfazer várias etapas enquanto estiver no Transformação Livre. Portanto, se você precisar voltar à proporção original ou a alguma outra etapa anterior, vá até o menu Editar e escolha Desfazer. Ou pressione Ctrl+Z (Win) / Command+Z (Mac) no teclado. Pressione o atalho repetidamente para desfazer quantas etapas forem necessárias.
Para refazer uma etapa, pressione Shift+Ctrl+Z (Win) / Shift+Command+Z (Mac). Pressione repetidamente para refazer várias etapas:
E depois de desfazer algumas etapas, volto à proporção original:
Atualização do Photoshop CC 2020: dimensionando camadas de forma
No Photoshop CC 2019, o Transformação Livre se comportou de maneira diferente com camadas de forma do que com camadas de pixel ou texto. Arrastar uma alça sem segurar Shift dimensionaria a camada de forma não proporcionalmente. E segurar Shift iria dimensioná-lo proporcionalmente.
Felizmente, esse problema foi corrigido no Photoshop CC 2020. Camadas de pixel, camadas de texto e camadas de forma agora se comportam da mesma maneira. Arraste uma alça sem segurar Shift para dimensionar proporcionalmente ou segure Shift para dimensionar não proporcionalmente.
Mover a imagem com Transformação Livre
Para mover a imagem dentro da tela enquanto a transforma, clique e arraste dentro da caixa Transformação Livre:
Como dimensionar uma imagem a partir do centro
Para dimensionar uma imagem proporcionalmente a partir do centro, pressione e segure a tecla Alt (Win) / Option (Mac) enquanto arrasta uma alça.
Ou para dimensionar de forma não proporcional a partir do centro, segure Shift + Alt (Win) / Shift + Option (Mac) enquanto arrasta:
Aceitar a transformação
Vou dimensionar minha imagem para o tamanho que preciso:
E então, se você estiver satisfeito com o tamanho da imagem e não tiver outros comandos de Transformação para aplicar, poderá aceitar suas alterações e fechar a Transformação Livre clicando na marca de seleção na Barra de opções. Ou pressione Enter (Win) / Return (Mac) no teclado:
Restaurar o tamanho original da imagem
Se você converteu sua imagem em um objeto inteligente como mostrei como fazer anteriormente, é fácil restaurar o tamanho original de sua imagem mesmo depois de dimensioná-la e fechar o Transformação Livre.
Primeiro, pressione Ctrl + T (Win) / 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 apresentando valores inferiores a 100%. No meu caso, estou vendo um valor de 60% para Largura e Altura:
Como estamos trabalhando com um objeto inteligente, o Photoshop sabe que a imagem original dentro do objeto inteligente é maior que o tamanho em escala. Para restaurar o tamanho original, primeiro verifique se o ícone de link entre os campos Largura e Altura está selecionado:
Em seguida, basta alterar o valor de Largura ou Altura para 100%. O outro valor mudará junto com ele. Pressione Enter (Win) / Return (Mac) para aceitar o novo tamanho:
E agora a imagem voltou ao tamanho original, e sem perda de qualidade:
Cancelar o Transformação Livre sem salvar suas alterações
Isso não é realmente o que eu queria fazer, então para cancelar o Transformação Livre sem salvar suas alterações, clique no botão Cancelar na barra de opções. Ou pressione a tecla Esc no seu teclado:
E agora estou de volta ao tamanho escalado:
Girar uma imagem com Transformação Livre
Para girar uma imagem, mova o cursor do mouse para fora da caixa Transformação Livre. Seu cursor se transformará em uma seta curva de dois lados:
Em seguida, clique e arraste para girar a imagem livremente. Ou segure Shift enquanto arrasta para restringir o ângulo de rotação a incrementos de 15 graus:
Inserindo 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:
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
Nas versões anteriores do Photoshop, a caixa Transformação Livre incluía um ícone de destino no centro. O ícone de destino é conhecido como Ponto de Referência porque marca o centro da transformação. Veremos o que isso significa em um momento.
Mas, por qualquer motivo, a Adobe decidiu ocultar o ponto de referência nas versões mais recentes do Photoshop. Ainda está lá, mas não podemos vê-lo, a menos que o liguemos.
Mostrar o ponto de referência
Para ativar o Ponto de Referência, vá até a Barra de Opções e clique na caixa de seleção Alternar Ponto de Referência:
Em seguida, olhe no centro da caixa Transformação Livre e você verá o ícone de destino:
Mundando o ponto de referência
Anteriormente, quando dimensionamos a imagem a partir do centro segurando Alt (Win) / Option (Mac) e arrastando uma alça, o que realmente estávamos fazendo era dimensionar a imagem a partir do ponto de referência. E podemos mover o ponto de referência apenas arrastando o ícone de destino para um local diferente.
Vou mover o ponto de referência para a ponta da asa da borboleta:
E agora, se eu segurar Alt (Win) / Option (Mac) e arrastar uma alça, estou dimensionando a imagem com a ponta da asa como o novo ponto central:
E se eu girar a imagem, a imagem agora gira em torno da asa:
Dica: Uma maneira mais rápida de mover o ponto de referência é segurar Alt (Win) / Option (Mac) e simplesmente clicar no local onde deseja que o ícone do alvo apareça.
A grade de pontos de referência
Outra maneira de mover o Ponto de Referência é usando a Grade do Ponto 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 em seu quadrado na grade. É muito pequeno, então você pode querer manter uma lupa à mão:
Centralizar o ponto de referência
E para mover o ponto de referência de volta para o centro da caixa de transformação, clique no quadrado central da grade:
Ativar o ponto de referência permanentemente
Se você quiser ver 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 o Transformação Livre estiver ativo, pressione a tecla Esc para cancelá-lo. Em seguida, pressione Ctrl + K (Win) / 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 Transformar. Clique em OK para fechar a caixa de diálogo:
Acessar qualquer comando de transformação do Transformação Livre
Até agora, vimos como dimensionar e girar uma imagem com o Transformação Livre. Mas e os outros comandos de transformação do Photoshop que vimos no menu Editar, como Inclinar, Distorção e Perspectiva?
Com o Transformação Livre ativo, esse mesmo menu de opções pode ser acessado clicando com o botão direito do mouse (Win) / clicando com a tecla Control pressionada (Mac) dentro da caixa Transformação Livre. Depois é só escolher o que você precisa:
Distorcer uma imagem
Vejamos os próximos três comandos na lista (Inclinar, Perspectiva e Distorcer), começando com Inclinar. Selecione Inclinar no menu:
Com Inclinar selecionado, clique na alça superior ou inferior e arraste para inclinar a imagem para a esquerda ou para a direita:
Vou pressionar Ctrl + Z (Win) / Command + Z (Mac) para desfazer isso.
E para inclinar a imagem para cima ou para baixo, clique e arraste uma das alças laterais:
Mais uma vez, vou desfazer isso pressionando Ctrl + Z (Win) / Command + Z (Mac).
Você pode inclinar lados opostos ao mesmo tempo (superior e inferior ou esquerdo e direito) segurando Alt (Win) / Option (Mac) enquanto arrasta:
Distorcendo uma imagem
Ou sela, para distorcer uma imagem, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) dentro da caixa Transformação Livre e escolha Distorcer:
Em seguida, clique e arraste qualquer uma das alças dos cantos. Isso é conhecido como distorção de quatro pontos porque você está distorcendo a imagem de seus quatro pontos de canto:
Desfazendo uma distorção
Como mencionei anteriormente, o Photoshop CC 2020 agora nos oferece vários desfazeres durante o Transformação Livre. Portanto, para desfazer uma etapa da distorção, pressione Ctrl+Z (Win) / Command+Z (Mac). Pressione repetidamente para desfazer várias etapas.
Aplicando perspectiva em imagem uma imagem
Além de realizar uma distorção de quatro pontos, também podemos realizar uma distorção de perspectiva. Clique com o botão direito (Win) / clique com a tecla Control pressionada (Mac) dentro da caixa Transformação Livre e escolha Perspectiva:
Qual é a diferença entre Distorção e Perspectiva?
A diferença entre Distorcer e Perspectiva é, que o Distorcer nos permite mover cada alça de canto independentemente, mas Perspectiva move a alça oposta ao mesmo tempo, 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 com ela, mas para a esquerda:
Ou se eu arrastar uma alça de canto para cima ou para baixo, a alça oposta se move novamente junto com ela. O modo de perspectiva é ótimo quando você precisa remodelar um objeto para corresponder à perspectiva da imagem ou para criar efeitos 3D simples:
Os atalhos de teclado Inclinar, Distorcer e Perspectiva
O problema com a seleção de comandos de transformação no menu é que os comandos são fixos, o que significa que você não pode fazer mais nada a menos que selecione um comando diferente. Por exemplo, se você selecionar Inclinar e tentar dimensionar ou girar a imagem, não conseguirá. Porém, você precisaria primeiro selecionar Dimensionar ou Girar no menu, o que pode rapidamente se tornar entediante.
Mas, uma maneira melhor de selecionar Inclinar, Distorcer ou Perspectiva é alternar temporariamente para eles usando seus atalhos de teclado. Novamente, mesmo que você não goste de atalhos de teclado, vale a pena conhecer esses.
Inclinar
Com o Transformação Livre ativo, pressione e segure Ctrl (Win) / Command (Mac) no teclado para alternar temporariamente para o modo Inclinar. Em seguida, clique e arraste uma alça superior, inferior ou lateral para distorcer a imagem.
Para restringir seu movimento para horizontal ou vertical, segure Shift + Ctrl (Win) / Shift + Command (Mac) e arraste.
Adicione a tecla Alt (Win) / Option (Mac) para inclinar os lados opostos ao mesmo tempo. Em seguida, solte a(s) tecla(s) para sair do modo Inclinar e retornar ao Transformação Livre.
Distorcer
Para executar uma distorção de quatro pontos, segure Ctrl (Win) / Command (Mac) e arraste qualquer uma das alças de canto.
Para restringir seu movimento para horizontal ou vertical, adicione a tecla Shift. Solte a(s) tecla(s) para retornar ao Transformação Livre.
Perspectiva
E para alternar temporariamente para o modo Perspectiva, segure Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac) e arraste uma alça de canto. Em seguida, solte as teclas para retornar ao Transformação Livre.
Os comandos Girar e Inverter
E, finalmente, se você clicar com o botão direito do mouse (Win) / clicar com a tecla Control pressionada (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 o imagem horizontalmente ou verticalmente:
Crie um efeito de imagem espelhada em quatro direções com Transformação Livre
Sozinhos, os comandos Girar e Inverter do Photoshop são bastante diretos. 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 redimensionar minha imagem um pouco menor e movê-la para o lado direito da tela. Em seguida, pressionarei Enter (Win) / Return (Mac) para aceitá-lo e fechar o Transformação Livre:
Fazendo uma cópia da imagem
Contudo, farei uma cópia da minha camada (ou neste caso, meu objeto inteligente) pressionando Ctrl + J (Win) / Command + J (Mac). E agora no painel Camadas, vemos duas cópias da imagem.
Vou garantir que o objeto inteligente superior seja selecionado:
Movendo o ponto de referência
Em seguida, pressionarei Ctrl + T (Win) / 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:
A imagem invertida horizontalmente
Em seguida, clicarei com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) dentro da caixa Transformação Livre e escolherei Virar Horizontal no menu:
Mas, como movi o ponto de referência para o lado, o Photoshop inverte a imagem usando o lado esquerdo como centro da transformação, criando uma versão espelhada da imagem. Então, vou pressionar Enter (Win) / Return (Mac) para aceitá-lo:
Movendo as imagens
Porém, de volta ao painel Camadas, selecionarei os dois objetos inteligentes de uma só vez, mantendo pressionada a tecla Shift e clicando no objeto inteligente inferior:
Em seguida, selecionarei a ferramenta Mover do Photoshop na barra de ferramentas:
Bem como, na barra de opções, vou garantir que a seleção automática esteja desmarcada:
Em seguida, arrastarei as duas cópias da imagem para a metade superior da tela. Vou segurar a tecla Shift enquanto arrasto para facilitar o arrasto para cima:
Fazendo uma cópia das duas imagens
Com as duas cópias da imagem ainda selecionadas no painel Camadas, pressionarei Ctrl + J (Win) / Command + J (Mac) para copiá-las:
As imagens verticalmente invertidas
Entretanto, de volta ao documento, pressionarei Ctrl + T (Win) / Command + T (Mac) para selecionar Transformação Livre. Isso coloca as alças de transformação livre em torno de ambas as imagens ao mesmo tempo.
Todavia, clico no ponto de referência no centro e, desta vez, arrasto-o até a alça inferior. Ou seja, desta forma, a parte inferior das imagens se tornará o centro da transformação:
Em seguida, clicarei com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) dentro da caixa Transformação Livre e escolherei Virar Vertical:
Porém, o Photoshop vira as cópias verticalmente, novamente usando o ponto de referência como o centro da transformação, criando um reflexo de espelho quadridirecional da imagem. Em seguida pressione Enter (Win) / Return (Mac) para aceitá-lo:
Para onde ir a seguir
Então, é isso aí! É assim que se usa o comando Transformação Livre no Photoshop CC 2020!
Bem como no próximo tutorial, mostro como distorcer imagens usando a recém-aprimorada ferramenta Warp (Deformar) do Photoshop!
Ou confira nossa seção Noções básicas do Photoshop para mais tutoriais!