Miniatura de vídeo: O guia definitivo para recortar imagens no Photoshop

O guia definitivo para recortar imagens no Photoshop, com a School of Motion

Por Wacom |
9 de maio de 2024
School of Motion Logo

A School of Motion está reimaginando a escola de arte com treinamento de classe mundial que está disponível em sua agenda de qualquer lugar do mundo. Eles oferecem uma ampla variedade de cursos que podem levar seus objetivos criativos para o próximo nível. Visite o site deles para ver todas as ofertas. O vídeo abaixo foi publicado originalmente no canalda School of Motion no YouTube, e este artigo explicativo foi publicado originalmente em seu site.

O Adobe Photoshop é uma ferramenta poderosa para design e animação. Muitos projetos dependem de imagens que precisam ser removidas de um plano de fundo antes de serem usadas. Seja para desenhar um pôster, criar storyboards para um projeto de animação ou trabalhar em uma obra-prima de motion design, temos o guia definitivo para você começar.


Preparamos o guia definitivo para recortar imagens no Photoshop. Não, realmente, este é o mais abrangente que já fizemos, e sabemos que você vai aprender um ou dois truques ao longo do caminho. É claro que há prós e contras em cada uma dessas dicas, e elas funcionam melhor quando você combina várias técnicas. Este tutorial tem o objetivo de adicionar novas ferramentas ao seu currículo, portanto, pegue uma xícara de café (ou a bebida de aprendizado de sua preferência) e vamos em frente. 

Neste tutorial, você aprenderá a:

  • Pintar em uma máscara de imagem
  • Usar a ferramenta caneta
  • Usar a ferramenta de seleção de objetos
  • Usar a ferramenta Quick Selection
  • Usar ferramentas de seleção inteligente

Observação: este tutorial é baseado no Adobe Photoshop CC 2022, mas deve ser bastante semelhante, independentemente da versão do Photoshop que você estiver usando.) Para fazer download dos arquivos e acompanhar o processo, acesse o site da School of Motion.

Como pintar em uma máscara de imagem no Photoshop CC 2022

Uma máscara de imagem é uma maneira rápida e não destrutiva de ajustar imagens em sua composição. Em vez de cortar a imagem do plano de fundo, você simplesmente oculta as partes da imagem que não deseja usar. Se você usar a borracha, na verdade estará excluindo pixels da imagem. Se você cometer muitos erros, nem mesmo o CTRL/CMD+Z poderá salvá-lo. É por isso que você deve usar máscaras. 

As máscaras de imagem podem ser criadas clicando na camada de imagem e, em seguida, no ícone de máscara. 

SOM 1

Você verá uma camada branca simples aberta ao lado da camada da imagem. Agora, selecione o pincel (B) e mude a cor para preto. Clique na camada de máscara e desenhe sobre a imagem. Os pixels desaparecerão, como se você estivesse apagando... mas esses pixels não desaparecerão para sempre. Eles estão apenas mascarados. 

O que é ótimo em uma máscara é a capacidade de usar tons de cinza para mascarar sua imagem em níveis variados de opacidade. Isso facilita ainda mais a combinação entre as imagens. Embora as máscaras de imagem sejam excelentes por sua flexibilidade e natureza não destrutiva, elas também são um processo manual meticuloso. Se o tempo for essencial, talvez essa não seja a melhor ferramenta.

Como usar a ferramenta caneta no Photoshop

ferramenta caneta é praticamente a maneira mais precisa de cortar elementos de uma imagem no Photoshop. No entanto, antes mesmo de começar, recomendamos que você ajuste uma configuração da ferramenta. Por padrão, a caneta deixará as pontas para baixo na ponta do ícone. 

Em vez disso, vamos tornar isso um pouco mais preciso. Primeiro, acesse o menu Photoshop > Preferences > Cursors e defina Other Cursors como Precise.

SOM 4

Isso muda o cursor do ícone da caneta para uma mira, o que permite uma seleção perfeita de pixels. Lembre-se de que a chave para um fluxo de trabalho rápido é preparar suas ferramentas para as tarefas em questão. Agora que você tem sua ferramenta caneta configurada, é hora de ver o que ela pode fazer. 

Agora, o truque para usar a caneta é simples. Clique para posicionar seu ponto inicial. Quando você clicar no segundo ponto, mantenha pressionado e arraste para criar uma alça de Bézier. Isso permite que você crie curvas que seguem os contornos naturais da imagem. Se estiver trabalhando com linhas gravadas a laser, ótimo. Você pode usar uma linha reta. Mas a maioria das imagens que usaremos em nossas carreiras não tem um formato tão perfeito. 

Quando tiver a forma inicial, pressione Option/Alt e arraste, e você quebrará a alça de Bezier. 

SOM 5

Isso informa ao Photoshop a direção que você planeja seguir e facilita muito a movimentação de um ponto a outro. 

Se você cometer um erro ao posicionar um ponto, mantenha pressionado o botão CMD/CTRL e você poderá pegar e mover o ponto para onde ele precisa ir. Esse é um processo tedioso, especialmente se você quiser obter todos os detalhes, mas é o necessário para obter uma imagem nítida. 

Ao mover-se pela imagem, mantenha pressionada a barra de espaço para transformar o cursor em uma mão, de modo que você possa ajustar a tela. 

SOM 6

Isso requer prática, mas logo você terá um instinto para saber como a ferramenta se comportará. Como você pode ver, consegui fazer menos pontos em algumas áreas, enquanto as seções mais movimentadas exigiram uma série de ajustes. 

Criar uma máscara de imagem com a ferramenta caneta

Para transformar isso em uma máscara, vamos até a guia Path (Caminho) no lado direito. Você verá que temos um caminho de trabalho criado. Se você clicar em CMD+Click, isso transformará o caminho em uma seleção. Agora, vá para a guia Camada, clique no ícone Máscara e pronto! Você criou uma máscara perfeita para sua imagem. No entanto, há uma maneira ainda melhor de mascarar sua imagem. 

Criar uma máscara de vetor com a ferramenta caneta

Em vez de uma máscara de imagem, vamos criar uma máscara de vetor

Com o Path criado, selecione a imagem e vá até o ícone Mask (Máscara). Mantenha pressionado CMD/CTRL e clique no botão Mask (Máscara) para criar uma máscara de vetor. Você notará que a máscara tem uma aparência diferente em sua camada.

Agora, com a Máscara de vetor selecionada, pressione a tecla A para alternar para a Ferramenta de seleção direta. Isso permite que você selecione pontos do caminho e os afete de forma não destrutiva. Você também tem opções adicionais na guia Properties (Propriedades) que são exclusivas das Vector Masks (Máscaras de vetor). 

A Ferramenta caneta, como você pode ver, é extremamente precisa. No entanto, sua utilização pode ser um processo lento e tedioso. Felizmente, o Photoshop oferece a você algumas ferramentas poderosas para acelerar o processo. 

Como usar a ferramenta de seleção de objetos no Photoshop

A Object Selection Tool é uma ferramenta divertida e fácil de usar que identifica e seleciona rapidamente um objeto. No entanto, talvez não seja fácil encontrá-lo em suas configurações padrão. Às vezes, ela fica escondida com todas as outras ferramentas. De qualquer forma, vamos trazê-lo para a frente e ver o que ele pode fazer. 

Acesse Edit > Toolbar, e podemos inserir a ferramenta Object Selection Tool onde quisermos. Acho que ela pertence à Ferramenta de seleção rápida, portanto, é lá que a estou colocando. 

Ao selecionar a ferramenta, você verá duas setas girando na barra de ferramentas. Este é o mecanismo Sensei da Adobe trabalhando em segundo plano, tentando descobrir onde estão todos os objetos na imagem. Quando as setas pararem de se mover, você estará pronto. 

Agora, onde quer que meu cursor se mova, você verá a imagem destacada para seleção. 

SOM 9

Não é legal? O Photoshop já criou máscaras para cada objeto em sua imagem (que ele conseguiu identificar). Portanto, se eu quiser mudar a cor de um desses objetos, basta clicar e ele seleciona. Posso manter a tecla Shift pressionada para selecionar vários objetos. Se eu cometer um erro, posso cancelar a seleção mantendo pressionada a tecla Option/Alt e clicando. 

Agora, vamos criar uma nova camada e, em seguida, criar uma máscara de imagem nessa camada. Você verá que minha máscara já está configurada para os objetos que selecionei. Agora, selecione a nova camada de imagem, escolha uma cor e pressione Option/Alt+Delete. Agora só preciso alterar o modo de transferência dessa camada e posso criar...

SOM 11

A ferramenta de seleção de objetos é uma adição incrível à barra de ferramentas do Photoshop. Embora demore um segundo para inicializar (dependendo da máquina), você pode ver como o Sensei Engine pode ser eficiente. 

Se quiser refinar suas seleções, você pode fazer isso com a ferramenta Selecionar e Mascarar, que será abordada daqui a pouco. 

Como usar a ferramenta de seleção rápida no Photoshop CC 2022

A ferramenta Quick Selection é uma maneira muito útil de capturar objetos rapidamente quando você não precisa ter um pixel perfeito. Vá até a barra de ferramentas e selecione essa ferramenta. 

Quando você usar a Quick Selection Tool, o cursor mudará para o ícone de um pincel. Use os colchetes ( [ ou ] ) para aumentar ou diminuir a ferramenta. Em seguida, basta pintar sobre o objeto que deseja selecionar. Se você encontrar algo que não deseja, mantenha pressionada a tecla Option/Alt e pinte sobre essa área. 

Você pode notar que a área de seleção salta de tempos em tempos. Isso é o Photoshop usando sua entrada para adivinhar quais partes da imagem você queria capturar. Será necessário fazer alguns ajustes finos se o objeto não estiver bem iluminado ou for pequeno demais, mas essa é uma maneira fácil de capturar objetos óbvios na imagem. 

SOM 12

Ferramentas de seleção inteligente no Photoshop

Há também algumas ferramentas de Seleção Inteligente no Photoshop que podem realmente ajudar seu fluxo de trabalho, portanto, vamos dar uma olhada rápida nelas também. 

Selecionar céu no Photoshop

Digamos que você tenha uma ótima imagem, mas precisa trocar por um céu mais interessante. Bem, esse pode ser um processo bastante tedioso, mascarando todos os objetos em primeiro plano. Hoje, no entanto, você pode simplesmente acessar o site Select > Sky. Sério. 

O Photoshop examinará sua imagem e, em segundos, criará uma máscara bastante precisa. Para testá-lo, vamos até nossa imagem Sky e aplicamos a máscara recém-criada. No nosso caso, parece muito bom!

SOM 15
Original à esquerda, novo céu à direita

Selecionar área de foco no Photoshop

Agora você pode selecionar uma faixa focal específica em sua imagem. Para isso, use a seleção da Área de foco no menu Select (Selecionar ). Isso permite que você selecione as partes da imagem que estão dentro do intervalo de foco que você escolheu.

O Photoshop selecionará automaticamente os pixels que estão dentro de seu plano focal. Depois de pressionar OK, você terá uma seleção em torno apenas dessa parte da imagem, o que permite fazer algumas coisas bem divertidas. 

Com minha nova seleção, posso abrir uma camada de ajuste e aplicar uma curva, iluminando essa parte da imagem como se eu tivesse uma luz principal separada. Com as ferramentas adicionais na guia Properties (Propriedades), posso suavizar a máscara para apagar as bordas ásperas e criar uma aparência mais natural. 

SOM 18

Continue sua jornada no Photoshop

Quer saber ainda mais sobre como cortar imagens no Photoshop? Assista ao restante do vídeo acima para obter dicas sobre como usar a ferramenta Select and Maskselecionar o intervalo de coresusar canais. E se você se sente confortável com o Photoshop, mas não se sente confiante em suas habilidades de design, confira nosso Design Bootcamp!


School of Motion Logo

Quer saber mais?

Embora este não seja um guia completo sobre como recortar imagens no Photoshop, ele certamente servirá para você começar. Interessado em aprender mais sobre edição de imagens e animação? Para obter mais dicas, acesse o canal do YouTube da School of Motion ou encontre cursos completos em seu site.

Publicações relacionadas:

“Movink Reminded Me Why I’m An Artist:” Animator Joshua Bronk Reviews The Wacom Movink 13

“Movink Reminded Me Why I’m An Artist:” Animator Joshua Bronk Reviews The Wacom Movink 13

Wacom Movink, My New Best Friend! An animated review by Javadoodles

Wacom Movink, My New Best Friend! An animated review by Javadoodles

How To Draw Polar Bears, with Legendary Animator Aaron Blaise

How To Draw Polar Bears, with Legendary Animator Aaron Blaise

The best storyboarding classes on Skillshare

The best storyboarding classes on Skillshare

Conecte-se com a Wacom nas mídias sociais

🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Movink! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/27 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
598 387
Have you ever tried masking out a person using a mouse? 🫢 @ruthiesmagicalcamera did and it really sucked. 🤷🏻‍♀️ Ruthie likes to have full control over every single detail on her photo composites, and editing with a Wacom pen allows her to get really deep in the details, with razor sharp precision, as if she were painting over her photos 💃✍️📸🌾 Check her out trying out the new #WacomMovink! PS. The Wacom Movink is now on sale! #photoediting #photoretouch #madewithwacom #creativeprofessionals #creativesonthego #digitalphotography
400 9
Jake aka @killerrabbitmedia prefers working on a Wacom Intuos because it's easy to carry and super durable. He also loves pixel art and Asperite because it blends artistry with technical skill. There's a long tutorial video on our YouTube explaining how Jake achieved this look. Go check it out! #madewithwacom #wqcomintuos #intuos #wacomtablet #pixelart #artistsoninstagram
416 6
Enjoy this stylized illustration created by @bonehaus inspired by his recent trip to Amsterdam. ⁣ ⁣ He goes full circle, collecting inspiration and reference, sketching in #AdobePhotoshop, illustrating in #AdobeIllustrator, and then right back to #photoshop for finalizing color and texture 🔄✌️⁣ ⁣ Once in Illustrator, Kirk outlines and traces the major shapes of his sketch, then removes the lines and focuses instead on shapes and shadows. ⁣ ⁣ "I start building in more shadows and more details to help separate any of the shapes that are struggling without that outline. I like my art without a ton of outline, so I prefer the challenge of using some shadows and highlights and stuff to separate them.”⁣ - @bonehaus⁣ Head to the #WacomBlog to read the full interview! ⁣ #MadeWithWacom #WacomCintiqPro #DigitalIllustration #adobeillustrator #Photoshop
351 1
El óleo perfecto para tus ideas es tan delgado como un espejo. 🪞🌾 Descubre la magia de Wacom Movink, nuestro primer lienzo digital OLED. Video creado por la maravillosa @martinab.illustrations 🌹 #WacomMovink #creativeprofessionals #creativesonthego #tabletadigital #artedigital
489 5
#WacomSale⁣ The festive season is upon us, and adventure calls! 🏁✈️🌎⁣ Unleash your creativity anywhere with a #WacomMovink.⁣ Shop now through the link in our bio!⁣
132 2
📝 Managing license requests and agreements is an essential part of protecting your work as a professional artist. And in this tutorial we show you how to do it easily. Wacom Yuify allows you to easily view, approve, or reject requests, ensuring your creative rights are secured. Streamlining the process means more control over your art and less hassle. 🔒 Ready to simplify your license management? Register for free at yuify.com *Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
81 2
This week's giveaway is closed now. ✌️✌️✌️ Congratulations @dumartrigali, you're the lucky winner. Thanks to everyone who participated. Stay tuned for this week's giveaway coming up soon! 🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Cintiq 16! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/20 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
930 583
Therapeutic break! Let's draw some Winnie stickers with @konistudio on a #WacomOne 13. 🧣❄️🌲 #Wacomworkspace #madewithwacom #artistsoninstagram #artistlife
707 13
How to draw fire without burning yourself 🧯🔥 @lplucas thank you for this important service. Stay cozy and stay safe out there friends ✌️ #madewithwacom #drawingtips #digitalartist #digitalart #wacomtips
149225 106
How do you keep inspired during ordinary days? @buttersketch shares a glimpse into her creative process, full of graphic novels, picture books, music, journaling and art materials. "“I really love bribing myself with new materials,” she confesses with a smile. “I think it helps my brain bypass the anxiety of starting, because now I’m focused on just playing.” - @buttersketch✌️ #Wacomworkspace #WacomMovink #creativeprofessional #artistlife #artistsoninstagram #creativeinspiration
236 2
As an artist, protecting your work can feel impossible. Watermarks distort your art, and even then, they can be removed. Many have felt the frustration of seeing creations copied without credit - and that’s why Wacom Yuify exists ✨ —it adds an invisible mark to your work, keeping it safe and traceable without compromising its beauty. 🔒 Ready to protect your art? Visit Yuify.com for more info. Now available for @escapemotions #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
153 2