Magic Canvas: crie gráficos no seu navegador, à mão ou falando

A tela inicial tem três partes. Descreva e o aiKit cria: digite ou dite o que você precisa (para quem é, o que deve dizer, o estilo) e escolha um tamanho da lista, depois pressione Criar meu design. O editor abre e o layout é montado como camadas reais que você pode alterar; o que o aiKit não conseguiu fazer aparece primeiro em Ainda não feito. Dados como telefones, preços e endereços só são usados se você os digitou; caso contrário, você verá um marcador entre colchetes, como [Telefone], para preencher.

Ou comece com um tamanho em branco: as abas Redes sociais, Impressão, Web e E-mail mostram tamanhos com uma pequena imagem do formato (Post do Instagram 1080 × 1350, Story 1080 × 1920, Panfleto 8,5 × 11 pol, Cartão de visita 3,5 × 2 pol, Pôster 18 × 24 pol, Banner para site 1920 × 800, e os tamanhos padrão de e-mail com 600 de largura: cabeçalho 600 × 200, banner principal 600 × 300, imagem 600 × 400 e duas colunas 300 × 300, que são baixados em 2× por padrão para ficarem nítidos em celulares). Tamanho personalizado aceita qualquer largura e altura em pixels ou polegadas, e a finalidade; polegadas significam impressão. Editar uma foto abre uma imagem do seu computador no tamanho original.

Meus designs lista os designs que você salvou (do mais recente para o mais antigo, com uma imagem de cada), pesquisáveis por nome. Clique em um para reabri-lo com todas as camadas ainda editáveis. Cada design tem seu próprio endereço, então você pode salvá-lo nos favoritos ou enviar o link para um colega da sua conta.

No topo: Designs (volta para a tela inicial), o nome do design (clique para renomear), seu tamanho, Desfazer e Refazer, zoom (menos, a porcentagem, mais; clique na porcentagem para ajustar à página), a chave Pro, Salvar design e Baixar. Em um trackpad ou na roda do mouse, rolar move a página e pinçar (ou Ctrl/⌘ + rolagem) aplica zoom.

À esquerda fica a barra lateral: Recursos, Texto, Formas, Fotos, Marca, Camadas e Histórico. Cada um abre seu painel ao lado da barra; clique novamente para fechar o painel e dar mais espaço à página. No meio fica a página sobre uma mesa cinza. À direita ficam as configurações do que estiver selecionado, ou da própria página quando nada estiver. Abaixo da página fica a barra de IA.

Tamanhos para impressão mostram duas linhas-guia que nunca são impressas: a linha vermelha contínua é onde o papel é cortado (o corte), e a linha azul tracejada dentro dela é a área segura. Mantenha textos e logotipos dentro da linha tracejada. Cores e fotos que devem chegar à borda do papel devem ultrapassar a linha vermelha até a borda externa da página (esse 1/8 de polegada extra é a sangria).

Simples é o padrão. Ative o Pro para ver os números exatos de posição e tamanho (X, Y, L, A e giro em graus) e os modos de mesclagem (Multiplicar, Tela, Sobreposição e os demais) de qualquer camada. Sua escolha fica salva neste navegador.

Texto: adicione um título, um subtítulo ou texto corrido e clique duas vezes sobre ele na página para digitar. Com o texto selecionado, o lado direito mostra a fonte (31 fontes em grupos: Limpa, Negrito, Condensada, Serifada, Cursiva, Manuscrita, Divertida, Retrô), tamanho, negrito, itálico, sublinhado, Aa (alterna entre MAIÚSCULAS e minúsculas), alinhamento, cor (as cores da sua marca aparecem primeiro), espaçamento entre letras, altura da linha, Curva (curva a linha em formato de arco ou sorriso) e Efeitos: Contorno (com cor e largura) e Sombra.

Formas: retângulo, retângulo arredondado, círculo, triângulo, estrela, linha, seta e coração. Selecionada, a forma tem preenchimento (ou Sem preenchimento), cor e largura da borda e arredondamento dos cantos, para retângulos. Um retângulo atrás do texto cria uma faixa de cor ou um rótulo.

Fotos: envie do seu computador (várias de uma vez), Imagem com IA (descreva a imagem e clique em Criar imagem; leva de 20 a 40 segundos e usa tokens) ou escolha na sua Biblioteca de Gráficos (pesquise direto no painel). Marca mostra as cores e os logotipos dos kits de marca que você salvou no Logo Kit: clique em uma cor para pintar o item selecionado (ou o fundo, se nada estiver selecionado) e clique em um logotipo para adicioná-lo.

A aba Cor é um seletor de cores completo: arraste no quadrado para ajustar saturação e brilho e na faixa para o matiz, ou digite valores HEX, RGB, HSB ou CMYK; alterne entre a cor de primeiro plano e a de fundo no topo; cores da marca, cores recentes e amostras ficam a um clique, e o seletor do sistema inclui conta-gotas de tela. Clicar nos quadrados de cor na parte de baixo da barra de ferramentas também abre o seletor.

Selecione uma foto para ver suas ferramentas. Ajustes rápidos: Remover fundo e Ampliar 2× funcionam de graça no seu próprio dispositivo (o primeiro uso baixa o modelo gratuito uma vez). Efeitos mágicos, também gratuitos no seu dispositivo: Ajuste automático mede a luz e a cor da foto e define brilho, contraste, cor e um pouco de nitidez, depois informa o que mudou; Cores vivas dá mais intensidade às cores sem deixar os tons de pele com aparência pintada.

Look de cor muda o perfil de cor da foto: Natural, Teal e laranja, Hora dourada, Filme, Fosco, Cinematográfico, Pastel, Noir e Pop. Duotom pinta a foto em duas cores (as partes escuras na primeira e as claras na segunda); começa com as cores da sua marca, se você tiver. Efeitos de sujeito encontram o sujeito no seu dispositivo: Desfoque de retrato desfoca o fundo atrás dele, Respingo de cor deixa o fundo em preto e branco enquanto o sujeito mantém a cor, e Adesivo recorta o sujeito com borda branca e sombra suave.

Controles deslizantes: Vibrância, Nitidez, Granulação de filme e Pixel art, depois Brilho, Contraste, Saturação, Temperatura e Desfoque, além de filtros de um toque (P&B, Sépia, Vintage, Vívido, Frio, Quente, Desbotado). Redefinir ajustes volta os controles e filtros ao padrão. Recortar mostra uma caixa tracejada: arraste e redimensione, depois clique em Recortar (ou Cancelar). Formas colocam a foto dentro de um círculo, retângulo arredondado, estrela ou coração. Inverter espelha a foto.

Para qualquer camada selecionada: Transparência (o quanto ela é transparente), Posição na página (esquerda, centro, direita, topo, meio, base, medida até a área segura nos tamanhos para impressão), Trazer para frente, Enviar para trás, Duplicar, Bloquear e Excluir. Ao arrastar, uma linha vermelha mostra quando a camada está centralizada na página e ela se encaixa ali.

O painel Camadas lista tudo, do topo para a base, com um ícone para texto, foto ou forma. Clique em um nome para selecionar, clique duas vezes para renomear (a IA também usa esses nomes) e use as setas para subir ou descer a camada, o olho para ocultar ou mostrar e o cadeado para bloquear, evitando que ela seja movida por engano.

Teclado: Delete ou Backspace remove o que está selecionado, ⌘Z desfaz, ⇧⌘Z refaz, ⌘D duplica, ⌘C e ⌘V copiam e colam, as setas movem o item aos poucos (segure Shift para passos maiores), Esc remove a seleção. No Windows, use Ctrl no lugar de ⌘.

Recursos é o primeiro botão na barra à esquerda, e a tela inicial tem a mesma caixa em Descreva (Adicione seu logotipo, fotos ou um design para combinar). Adicione até 6 imagens: solte-as na caixa, cole uma (⌘V ou Ctrl+V em qualquer lugar da página), clique em Enviar ou em Biblioteca de Gráficos para escolher as que você já tem (clique em uma imagem para adicioná-la e clique de novo para tirá-la). Todo envio é salvo na sua Biblioteca de Gráficos, na pasta Magic Canvas/Assets, para ficar disponível em qualquer ferramenta depois.

Cada recurso tem um nome que você pode alterar e um tipo: Logotipo (colocado no design), Foto (usada no design), Produto (em destaque, em tamanho grande) ou Estilo a seguir (nunca colocado; o aiKit copia seu visual: cores, o estilo das fontes, o layout e o clima). O aiKit analisa de fato cada recurso em cada pedido que você faz, então “use meu logotipo”, “coloque a foto do produto à esquerda” ou “deixe parecido com o folheto que adicionei” funcionam com palavras simples. O + em um recurso o coloca na página para você; o × o tira da lista (ele continua na sua Biblioteca de Gráficos).

Embaixo da página, uma pequena linha mostra o que o aiKit vai usar no seu próximo pedido: Vê 3 recursos (clique para abrir Recursos) e o estilo em uso, se houver. Quando você altera um design, o aiKit também recebe uma imagem de como a página está agora, então “a foto está escura demais” ou “as palavras estão difíceis de ler” são entendidas do jeito que você vê. Soltar uma imagem direto na página a coloca ali.

O Histórico é o último botão da barra lateral à esquerda. Seu Histórico de versões lista cada momento do design, do mais recente para o mais antigo: cada pedido à IA (Feito com IA, Alterado com IA), cada rodada de alterações manuais (Alterado manualmente), cada vez que você restaura algo e cada versão criada. Uma rodada de alterações manuais vira um momento próprio cerca de 20 segundos depois que você para, e um design salvo se salva automaticamente ao mesmo tempo, então nada do que você fez se perde, mesmo que feche a aba. Cada momento fica guardado com o design (até 500 por design; versões nomeadas são sempre mantidas), então, ao reabrir um design em Meus designs ou abrir o link dele em outro computador, todo o histórico volta junto.

Cada momento mostra uma pequena imagem do design naquele instante, a hora e o custo de IA, suas próprias palavras entre aspas e, para alterações manuais, uma linha curta dizendo o que mudou (por exemplo, 2 alterações: texto “Promoção de Verão” · cor de um círculo). Detalhes abre o que a aiKit fez, o que ela não fez, o estilo (bolinhas de cor mais as fontes), o tamanho, qualquer rótulo de versão, os recursos usados e Exatamente o que foi pedido à aiKit: o pedido como a aiKit recebeu (tamanho, suas palavras, os recursos e os tipos deles, o estilo que ela recebeu para usar).

Nomear esta versão, no topo, dá ao design como ele está agora um nome e uma nota opcional, como Enviado ao cliente, antes da troca de cor. Versões nomeadas são marcadas com um marcador e uma borda colorida, e Nomear (ou Renomear) em qualquer momento dá nome àquele. Os filtros acima da lista mostram Todos, Nomeados, IA ou Manuais. Tirar o nome (em Detalhes) transforma uma versão nomeada de volta em um momento comum.

Botões em cada momento: Restaurar (o design volta para aquele momento, como um novo momento, e ⌘Z desfaz), Comparar com agora, Nomear e Começar a partir daqui (abre um design novo e separado a partir daquele momento, para que o que você está editando permaneça como está). Em Detalhes: Usar este estilo (seu próximo pedido à IA usa essas fontes e cores) e Salvar estilo (dê um nome para mantê-lo).

Comparar mostra os dois lado a lado ou com um controle deslizante, e abaixo das imagens uma lista O que mudou, uma linha por camada: Adicionado, Removido ou Alterado, com o que mudou em palavras (o texto antigo e o novo, movido, redimensionado, girado, cor, fonte, tamanho da letra, transparência, oculto, contorno, sombra, aspecto de foto, recortado, trazido para frente ou enviado para trás, e o fundo). Ao comparar um momento com agora, cada linha tem Restaurar esta parte (a camada volta como estava naquele momento, ou uma camada removida retorna) ou Remover (para uma camada adicionada depois), e o restante do design continua como está agora; ⌘Z desfaz. Restaurar tudo devolve o design inteiro àquele momento.

Para comparar quaisquer dois momentos, marque a caixa à direita de dois momentos e pressione Comparar estes 2: o mais antigo fica à esquerda, a lista O que mudou vai do mais antigo para o mais novo, e você pode restaurar qualquer um dos dois.

Os estilos salvos ficam no topo do Histórico. Salvar o visual deste design como estilo lê as fontes, as cores principais e o fundo da página e pede um nome. Usar aplica um estilo aos seus próximos pedidos à IA (aparece abaixo da página como Estilo: nome, com × para parar); a tela inicial também tem uma lista de Estilos, então um design novo já começa com o seu visual. Os estilos pertencem ao seu espaço de trabalho, então todos da sua equipe podem usá-los.

Versões, na barra superior, abre três opções. Duplicar faz uma cópia do design (com o histórico) e a abre, para que você possa seguir uma ideia em outra direção enquanto a primeira permanece como está. Criar versões… pede à aiKit de 2 a 6 versões. Comparar todas mostra todas as versões lado a lado. Duplicar e Criar versões também aparecem abaixo de cada resultado da IA, ao lado de Desfazer esta alteração da IA.

Em Criar versões, escolha quantas (2–6) e diga como elas devem ser diferentes, com as palavras que quiser: “3 panfletos para públicos diferentes: idosos, estudantes e famílias”, “experimente outros títulos”, “um post quadrado, um story e um banner”, “uma como vídeo curto”. As sugestões abaixo da caixa adicionam as mais comuns. Se deixar vazio, a aiKit varia o layout, o título e as cores. Se algo na página estiver selecionado, Alterar só o selecionado mantém todo o resto igual (por exemplo, três opções para o título). Seus dados (nomes, datas, preços, ofertas) permanecem os mesmos em todas as versões; o que a aiKit não sabia aparece como [marcador de posição].

As versões são criadas uma após a outra, com uma linha para cada: para que serve, o tamanho, o que a aiKit alterou, o que não foi feito e Abrir. Uma versão em um novo tamanho é refeita do zero para esse tamanho a partir do seu design, dos seus recursos e das fotos que já estão nele. Cada versão é um design próprio, com histórico próprio, salvo ao lado do original. Versões marcadas como Vídeo são preparadas para ter animação.

Quando um design tem versões, uma faixa de Versões aparece no topo: clique em uma para abri-la (cada uma tem seu próprio link), use Comparar todas para vê-las juntas e Abrir esta para continuar trabalhando nela. Cada versão usa cerca de 1–2¢ de IA; imagens de IA custam 5¢ cada.

Digite ou dite qualquer alteração na barra abaixo da página e pressione Fazer: “deixe o fundo mais escuro”, “mova o logo para o canto superior direito”, “curve o título e deixe-o dourado”, “foto mais quente com aspecto de filme”, “desfoque o fundo atrás da pessoa”, “adicione um selo vermelho de PROMOÇÃO no canto”. Em uma página vazia, a mesma barra cria um design completo. A aiKit lê suas camadas (nomes, textos, tamanhos e posições) e as altera; nada é refeito do zero.

Cada pedido é tratado como uma lista de verificação. O que não foi feito aparece primeiro em Ainda não feito, com o motivo (por exemplo, remover uma pessoa de dentro de uma foto não pode ser feito aqui), e o restante aparece com um visto. Desfazer esta alteração da IA devolve o design exatamente como estava; o Desfazer comum também funciona. Em cada resultado você pode avaliar com um joinha para cima ou para baixo e dizer o que deu errado; Enviar e corrigir pede à aiKit que tente de novo com a sua observação.

Salvar design mantém o design inteiro com todas as camadas, para você reabri-lo em Meus designs e continuar editando. As fotos enviadas ou criadas com IA são colocadas na sua Biblioteca de Gráficos (pasta Designs/Fotos) na primeira vez que você salvar, então o design fica leve e abre em qualquer computador.

Abrir no Pro Designer (ao lado de Baixar) coloca o design finalizado na sua Biblioteca de Gráficos e o abre no Pro Designer, para terminar à mão com ferramentas no estilo Photoshop.

Baixar abre uma janela. Tipo de arquivo: PNG (mais nítido, mantém as partes transparentes), JPG (menor; escolha Melhor, Alta ou Arquivo menor), PDF (para tamanhos de impressão: 300 dpi com sangria de 1/8 de polegada, marcas de corte ativadas ou não, e o tamanho de corte definido no arquivo para a gráfica ver; para outros tamanhos, uma página no tamanho do design) ou SVG (texto e formas continuam vetoriais; as fontes ficam vinculadas). Para tamanhos de tela, escolha 0,5×, 1×, 2× ou 3×. Onde salvar: Baixar para este computador, ou Salvar na Biblioteca de Gráficos com nome, categoria, tags, cliente e projeto; o arquivo salvo leva direto ao seu lugar na biblioteca.