Como usar grupos nas transformações de imagens de produto

Jacob Mølby

Por , Sócio ·

Ilustração de um painel de camadas com um grupo chamado Sale badge que contém um preço e um círculo

O recurso mais novo do editor chegou: grupos!

Agora você pode usar grupos nos seus templates de anúncios de produtos. Isso dá a você mais controle sobre o seu design.

Para criar um novo grupo, clique no novo ícone acima do painel de camadas:

Posição do botão de grupo no editor
Botão de novo grupo

Se você tiver elementos selecionados, eles vão automaticamente para o novo grupo. Se não, um grupo vazio é criado para você.

O que os grupos podem fazer?

Diferente dos outros elementos do editor, os grupos não têm estilo nem posição. Eles servem apenas como um contêiner para os seus outros elementos.

A única coisa que você pode adicionar a um grupo são condições. Assim, fica fácil mudar todo o design do seu template do jeito que você quiser.

Por exemplo, você pode ter alguns elementos que só devem aparecer quando o produto está em promoção. Antes, era preciso adicionar a mesma condição a cada um desses elementos. Agora, basta agrupá-los e adicionar a condição ao grupo.

Grupo com a condição "em promoção"
Grupo com a condição "em promoção"

Como você pode ver na imagem, todos os elementos herdam a condição do seu grupo. Quando uma camada tem um ponto vermelho, significa que o próprio elemento tem condições que não são atendidas pelo produto atual. Se o ponto for amarelo, o elemento está dentro de um grupo que não deve aparecer para o produto atual.

Grupos dentro de grupos

Os grupos não se limitam a um único nível. Você pode aninhar grupos quantas vezes quiser. Isso permite criar designs condicionais avançados.

Grupos aninhados
Grupos aninhados

Crie designs únicos

Como os grupos não têm estilo nem posição, dá para criar designs bem diferentes dentro do mesmo template. Por exemplo, você pode ter produtos de marca própria que quer mostrar de um jeito diferente dos produtos de marcas de terceiros que você vende.

Neste exemplo, criei dois designs diferentes com base no nome da marca. Se o nome da marca contiver Waves, mostramos um grupo com um design completo. Caso contrário, mostramos o outro grupo, com um design totalmente diferente.

Design Wave
Design Wave
Design simples
Design simples

Atalhos de teclado

Para facilitar o trabalho com os novos grupos, adicionamos atalhos de teclado. Se você selecionou alguns elementos que quer agrupar, pressione cmd/ctrl + g. Da mesma forma, se você selecionou um grupo que não quer mais, pressione cmd/ctrl + u para desagrupar.

Conclusão

Os grupos também combinam bem com os outros recursos do editor, como os gradientes e os filtros de imagem.

Vamos continuar trazendo novos recursos para você criar imagens bonitas para os seus anúncios dinâmicos de produtos, como os anúncios de catálogo da Meta, vender mais e se destacar da concorrência falando direto com o seu público-alvo.