A ferramenta Frame, um novo recurso do Photoshop CC 2019, facilita a inserção de imagens em formas! Aprenda a desenhar formas com a ferramenta Frame, como colocar imagens em suas formas, como trocar instantaneamente imagens por outras imagens e muito mais!

O Photoshop CC 2019 apresenta uma nova ferramenta na Barra de Ferramentas do Photoshop, conhecida como Ferramenta de Moldura. A ferramenta Frame foi projetada para tornar a colocação de imagens em formas simples e intuitivas, especialmente para usuários iniciantes no Photoshop. É ótimo para projetar layouts e, de fato, se você usou um programa de layout de página como o Adobe InDesign, já está familiarizado com o funcionamento da ferramenta Frame Frame. Você apenas arrasta um quadro para colocar uma imagem na página (ou, neste caso, no documento do Photoshop) e depois arrasta a imagem para o quadro!

Para ser justo, a nova ferramenta de quadros do Photoshop não é necessariamente a melhor maneira de trabalhar. Isso porque tudo o que você pode fazer com a ferramenta Frame também pode ser feito usando as máscaras de corte mais flexíveis do Photoshop. Mas a ferramenta Frame é mais fácil, especialmente se você é novo no Photoshop. E a ferramenta Frame aproveita ao máximo os poderosos objetos inteligentes do Photoshop. Portanto, mesmo se você é um usuário mais experiente do Photoshop, a Ferramenta de molduras ainda tem algo a oferecer. Vamos ver como isso funciona.

Para acompanhar, você precisará do Photoshop CC. E se você já é assinante do Adobe Creative Cloud, verifique se a sua cópia do Photoshop CC está atualizada. Vamos começar!

Como usar a ferramenta Frame no Photoshop CC 2019

É fácil usar a nova ferramenta Moldura no Photoshop CC 2019 para colocar imagens em formas. Apenas selecionamos a ferramenta Moldura, desenhamos uma moldura, arrastamos uma imagem para dentro da moldura e movemos ou redimensionamos a imagem dentro da moldura. Você pode adicionar um traço ao redor do quadro para ajudar no seu design e até trocar a imagem existente por uma nova imagem apenas arrastando e soltando a nova imagem no quadro.

Para mostrar como ele funciona, criei um novo documento:

Um novo documento no Photoshop CC 2019.

Etapa 1: selecione a ferramenta Frame

A nova ferramenta de quadro do Photoshop é encontrada na barra de ferramentas. É a ferramenta que se parece com uma caixa com um X através dela. Clique nele para selecioná-lo. Você também pode selecionar a ferramenta Moldura no teclado pressionando a letra K :

Selecionando a ferramenta Frame na barra de ferramentas.

Etapa 2: escolha uma forma para o seu quadro na barra de opções

Com a ferramenta Moldura selecionada, escolha uma forma para o seu quadro na barra de opções. Por padrão, você desenha um quadro retangular, mas também pode desenhar quadros elípticos. Selecione a forma que você precisa clicando no ícone. Vou ficar com a forma retangular por enquanto:

Escolha uma forma (retangular ou elíptica) para o quadro.

Etapa 3: desenhe um quadro em que deseja colocar uma imagem

Em seguida, arraste um quadro onde deseja colocar uma imagem dentro do documento:

Clique e arraste para desenhar seu quadro.

Usando teclas modificadoras com a ferramenta Frame

Para reposicionar o quadro enquanto o desenha, mantenha pressionada a barra de espaço, arraste o quadro para a posição e solte a barra de espaço para continuar desenhando o quadro. Para forçar um quadro retangular a um quadrado perfeito, mantenha pressionada a tecla Shift enquanto arrasta. Ou, se estiver desenhando um quadro elíptico, mantenha pressionada a tecla Shift para forçá-lo a um círculo perfeito:

Mantenha a tecla Shift pressionada para forçar quadros retangulares em quadrados ou quadros elípticos em círculos.

No meu caso, desenharei uma moldura larga na metade superior do documento:

Desenhando uma moldura retangular onde desejo colocar uma imagem.

Solte o botão do mouse e o quadro aparece. O quadro é um contêiner para uma imagem. Mas como o quadro ainda não tem conteúdo, ele começa vazio:

Um quadro vazio foi adicionado ao documento.

A nova camada de quadro no painel Camadas

Se olharmos no painel Camadas, veremos que o Photoshop adicionou o quadro em sua própria camada de Quadro separada, que também é nova no CC 2019. A miniatura à esquerda representa o próprio quadro (indicado pelo ícone de quadro pequeno no canto inferior direito ) E a miniatura à direita é para o conteúdo dentro do quadro. Como ainda não há conteúdo, a miniatura é preenchida apenas com branco:

O ícone no canto inferior direito indica que é uma camada de quadro.

Etapa 4: Coloque uma imagem no quadro

Para colocar uma imagem no quadro, vá para o menu Arquivo na barra de menus e escolha Inserir incorporado . Ou você pode escolher Colocar vinculado . A diferença é que o Place Embedded incorporará a imagem no seu documento, enquanto o Place Linked vinculará apenas a imagem no seu computador. Na maioria dos casos, o Place Embedded é a melhor escolha:

Indo para Arquivo> Inserir incorporado.

Em seguida, navegue até a imagem no seu computador, selecione-a e clique em Local :

Selecionando a imagem para colocar dentro do quadro.

O Photoshop coloca a imagem no quadro. E redimensiona automaticamente a imagem para corresponder ao tamanho do quadro (foto do Adobe Stock):

A imagem é colocada e redimensionada no quadro. Crédito da foto: Adobe Stock.

Colocando a imagem como um objeto inteligente

Se olharmos novamente para a camada Quadro no painel Camadas, veremos o conteúdo do quadro agora aparecendo na miniatura à direita. Observe também o ícone do objeto inteligente no canto inferior direito da miniatura, informando que o Photoshop converteu automaticamente a imagem em um objeto inteligente.

Se você é novo no Photoshop, isso pode não significar muito para você, mas objetos inteligentes são uma coisa boa. Isso significa que podemos redimensionar a imagem dentro do quadro sem perder a qualidade. E podemos substituir facilmente a imagem por outra, como veremos em alguns momentos:

A camada Quadro mostrando o conteúdo adicionado como um objeto inteligente.

Como alternar entre o quadro e a imagem

Agora que colocamos uma imagem no quadro, vejamos como alternar entre o quadro e seu conteúdo.

No painel Camadas

Uma maneira de alternar entre o quadro e a imagem é no painel Camadas. Observe a borda branca ao redor da miniatura do conteúdo. Isso nos diz que a imagem dentro do quadro está selecionada:

A borda nos diz qual (o quadro ou a imagem) está selecionado.

Selecionando o quadro

Para selecionar o próprio quadro, clique na miniatura do quadro à esquerda:

Selecionando o quadro clicando na miniatura esquerda.

Juntamente com a borda ao redor da miniatura, outra maneira de saber se o quadro está selecionado é que podemos ver as alças de transformação ao redor do quadro no documento. Usamos as alças para redimensionar o quadro e retornaremos em breve:

As alças de transformação significam que o quadro está selecionado.

Selecionando a imagem

Para voltar à imagem, clique na miniatura à direita:

Selecionando a imagem clicando na miniatura direita.

E com a imagem selecionada, as alças de transformação ao redor do quadro desaparecem:

As alças de transformação do quadro desapareceram.

Selecionando o quadro e a imagem

Para selecionar o quadro e a imagem ao mesmo tempo, pressione e mantenha pressionada a tecla Shift e clique na que não está selecionada no momento. A borda branca aparece ao redor das duas miniaturas:

Clique com a tecla Shift pressionada na outra miniatura para selecionar as duas ao mesmo tempo.

Desmarcar a moldura ou a imagem

E, para voltar a selecionar apenas o quadro ou a imagem, clique no que você precisa. Vou selecionar novamente o quadro, e isso desmarca a imagem:

Quando os dois estiverem selecionados, clique em uma miniatura para desmarcar a outra.

Do documento

Outra maneira de alternar entre o quadro e seu conteúdo é no documento.

Selecionando a imagem

Para selecionar a imagem, basta clicar nela dentro do quadro. Observe o contorno ao redor da imagem e inclui as partes ocultas da imagem, porque elas se estendem além dos limites do quadro:

Clicando na imagem para selecioná-la.

Selecionando o quadro

Para selecionar o quadro, clique diretamente no contorno do quadro. As alças de transformação reaparecem:

Clicando no quadro para selecioná-lo.

Selecionando o quadro e a imagem

E para selecionar o quadro e a imagem, clique duas vezes na imagem. O contorno ao redor da imagem desaparece e você verá apenas o contorno ao redor do quadro:

Clique duas vezes na imagem para selecionar o quadro e a imagem de uma só vez.

Com o quadro e a imagem selecionados, você pode clicar e arrastar os dois juntos dentro do documento:

Clique e arraste o quadro e a imagem quando os dois estiverem selecionados.

Como desfazer uma etapa com a ferramenta Frame

Eu vou desfazer isso, indo até o menu Editar e escolhendo Desfazer Mover . O Photoshop nos dá vários desfazer com a ferramenta Frame. Para retroceder nas etapas, pressione Ctrl + Z (Win) / Command + Z (Mac) repetidamente. E para refazer uma etapa, pressione Shift + Ctrl + Z (Win) / Shift + Command + Z (Mac):

Desfazendo a última etapa com a ferramenta Frame.

Cancelando a seleção do quadro quando os dois estão selecionados

Por fim, quando você seleciona o quadro e a imagem, pode voltar a selecionar apenas a imagem clicando novamente nela. Portanto, quando a imagem ou o quadro é selecionado, clicar duas vezes na imagem selecionará os dois. E quando os dois são selecionados, o clique duplo seleciona apenas a imagem:

Clique duas vezes novamente para selecionar apenas a imagem.

Como mover e redimensionar o conteúdo do quadro

Agora que sabemos como selecionar e alternar entre o quadro e seu conteúdo, vamos aprender como mover e redimensionar a imagem dentro do quadro.

Como mover a imagem no quadro

Para mover a imagem, clique e arraste-a. Somente a área dentro do quadro permanece visível:

Clique e arraste para reposicionar a imagem dentro do quadro.

Como redimensionar a imagem no quadro

Para redimensionar a imagem, não usamos a ferramenta Frame Frame diretamente. Em vez disso, usamos o comando Free Transform do Photoshop. Vá para o menu Editar e escolha Transformação livre :

Indo para Editar> Transformação livre.

Em seguida, arraste as alças para redimensionar a imagem. No Photoshop CC 2019, o Free Transform bloqueia automaticamente a proporção, assim não há necessidade de pressionar Shift enquanto você arrasta. Mas se você deseja redimensionar a imagem do centro, pressione e segure Alt (Win) / Option (Mac). Quando terminar, pressione Enter (Win) / Return (Mac) para aceitá-lo:

Redimensionando a imagem dentro do quadro com Transformação Livre.

Como redimensionar o quadro

Para redimensionar o quadro, não o conteúdo, primeiro clique no contorno do quadro para selecioná-lo:

Selecionando o quadro clicando diretamente em seu contorno.

Em seguida, arraste qualquer uma das alças para remodelá-la e redimensioná-la. Se você pressionar e segurar a tecla Shift enquanto arrasta uma alça de canto, bloqueará a proporção original do quadro:

Redimensionando o quadro arrastando as alças de transformação.

Depois de redimensionar o quadro, você pode clicar e arrastar a imagem dentro do quadro para reposicioná-la:

Movendo a imagem após redimensionar o quadro.

Como mover o quadro e a imagem juntos

Para mover o quadro e a imagem ao mesmo tempo, clique duas vezes na imagem para selecionar os dois:

Clique duas vezes para selecionar o quadro e a imagem.

E, em seguida, clique e arraste para mover os dois juntos:

Arrastando o quadro e seu conteúdo ao mesmo tempo.

Como redimensionar o quadro e a imagem juntos

Para redimensionar o quadro e a imagem de uma só vez, verifique novamente se os dois estão selecionados. Vá para o menu Editar e escolha Transformação livre :

Voltando a Editar> Transformação livre.

E arraste as alças para redimensionar o quadro e seu conteúdo:

Arrastar as alças da Transformação livre para redimensionar o quadro e seu conteúdo.

Você também pode reposicionar o quadro e seu conteúdo clicando e arrastando dentro da caixa Transformação livre. Aqui eu centralizei o quadro e a imagem no documento. Pressione Enter (Win) / Return (Mac) quando terminar para aceitá-lo:

Centralizando o quadro e a imagem no documento com Transformação livre.

Categoria:

Noções básicas do Photoshop