Como criar elementos editáveis ​​em cores para o Canva usando o Adobe Illustrator

O Canva é uma ótima ferramenta para fazer designs rapidamente para mídias sociais ou uma variedade de outras coisas. Os elementos do Canva, como gráficos, linhas ou logotipos, realmente elevam seus designs. Mas às vezes você quer carregar seus próprios elementos que você mesmo desenhou.

Muitas vezes, seus próprios vetores não podem ser editados depois de carregados no Canva, mas e se você aprendesse a editar as cores de seus próprios elementos no Canva? Vamos mostrar como fazer isso usando o Adobe Illustrator.

Passo 1: Desenhe Seu Elemento

Estamos focando este tutorial no uso do Adobe Illustrator para ajudar a tornar seu elemento Canva editável em cores, mas você pode usar outro software com recursos semelhantes. Quer você desenhe sua imagem diretamente no Illustrator ou desenhar no Procreate e vetorizar no Illustrator, ou qualquer outro método, você só precisa ter um elemento desenhado.

Você também pode baixar um gráfico vetorial pré-fabricado de qualquer mercado online. Há uma abundância de lugares para encontrar arquivos SVG gratuitos ou você pode comprá-los no Etsy ou Fabrica Criativa. Se você desenhou um elemento em outro programa ou baixou um elemento, traga-o para o Illustrator como um PNG.

Desenhe ou crie sua imagem com várias cores para obter todos os benefícios deste tutorial de mudança de cor. Não precisa ser complexo. Deve ser um gráfico pequeno e divertido, como qualquer outro que você normalmente usa no Canva.

Etapa 2: converter o desenho no Adobe Illustrator

Depois de terminar seu desenho, use o Adobe Illustrator para converter seu desenho em um gráfico adequado.

Opção 1: expandir as linhas de traçado para preencher

Se seu gráfico usar linhas de traçado, você precisará converter seus traçados em preenchimento.

Para fazer isso, selecione o gráfico inteiro usando o Seleção ferramenta (V). Clique e arraste o cursor sobre a imagem para selecioná-la e vá para Objeto > Expandir aparência.

Volte para Objeto > Expandir. Em seguida, clique com o botão direito na imagem e escolha Desagrupar.

Verifique se funcionou selecionando uma parte individual de seu gráfico - especialmente uma parte que foi anteriormente uma linha de traçado - e a cor deve aparecer na amostra de preenchimento, não na amostra de traçado sob a barra de ferramentas.

Opção 2: rastreamento de imagem

Se você desenhou seu gráfico usando um programa baseado em raster - ou à mão e escaneado - você precisará convertê-lo em vetor para que isso funcione. Isso envolve o uso da função Image Trace do Illustrator.

Você pode seguir nosso pequeno guia para vetorizando imagens raster no Adobe Illustrator. Você terá os melhores resultados com uma predefinição simplificada; tente usar uma predefinição que tenha a mesma quantidade de cores da arte original.

Etapa 3: exportar ou salvar seu arquivo SVG

Existem duas maneiras de exportar ou salvar um arquivo SVG no Illustrator. Se você estiver criando um SVG a partir de um arquivo que contém apenas um gráfico, poderá salvá-lo diretamente. Se sua prancheta contiver vários gráficos que você deseja salvar individualmente, exporte cada gráfico como um ativo SVG.

Opção 1: Como salvar um arquivo SVG no Illustrator

Se toda a sua prancheta consistir em um gráfico que se tornará seu elemento do Canva, você poderá salvar o arquivo como está. Certifique-se, em primeiro lugar, de que não haja plano de fundo em sua prancheta. Seu gráfico deve estar sozinho na prancheta.

Usando o Seleção ferramenta (V), clique e arraste sobre todo o gráfico para selecioná-lo. Clique com o botão direito e escolha Grupo. Se sua arte foi feita em várias camadas, isso mesclará tudo em uma camada.

Para salvar o arquivo como SVG, vá para Arquivo > Salvar como e escolha SVG (svg) no Formatar suspenso. Deixe o Usar pranchetas caixa desmarcada cortará o SVG nas bordas de sua arte. No entanto, se você preferir o espaço vazio ao redor da arte, verifique o Usar pranchetas caixa, e você terá um plano de fundo transparente em torno de seu gráfico.

Selecione Salvar e então OK na próxima janela.

Opção 2: como exportar um recurso SVG no Illustrator

Você pode usar esta técnica se tiver apenas um gráfico em sua prancheta, mas é mais útil se você tiver criado mais de um gráfico em sua prancheta ou arquivo do Illustrator. Você pode facilmente exportar gráficos individuais sem salvar todos os seus gráficos como SVG, se não for necessário.

Com o Seleção ferramenta (V) selecionado, clique e arraste o cursor sobre a imagem inteira para selecionar tudo. Em seguida, clique com o botão direito do mouse no gráfico e escolha Grupo. Faça isso individualmente para todos os gráficos que deseja exportar.

Ao lado do painel Camadas, você encontrará uma guia chamada Exportação de ativos. Se você não vir o título da guia, vá para Janela > Exportação de ativos, e aparecerá ao lado de suas camadas.

Clique e arraste o elemento agrupado para o Exportação de ativos caixa e solte-a. Se você tiver vários gráficos, desde que sejam agrupados individualmente, você pode arrastá-los todos de uma vez para a caixa para criar ativos individuais. Cada ativo é numerado na caixa Exportação de ativo.

Debaixo de Configurações de exportação, escolher SVG no Formatar suspenso. Se você precisa do seu elemento em qualquer outro formato, você pode selecionar Adicionar Escala para exportar em outros formatos simultaneamente.

Selecione quais ativos numerados você deseja exportar e, em seguida, selecione Exportar e navegue até onde deseja salvar o ativo; selecionar Escolher para salvá-lo. Você exportará seus recursos para SVG e qualquer outro formato escolhido.

Se você use a ferramenta de recoloração de vetores do Adobe Firefly, esses gráficos também serão salvos como SVG depois que você fizer suas opções de recolorir. Você pode enviá-los para o Canva e aplicar o mesmo processo de mudança de cor.

Passo 4: Carregue o elemento no Canva

Depois de criar seu gráfico SVG, vá para canva. Você pode enviar seus próprios elementos usando uma conta gratuita do Canva, que é uma ótima maneira de aproveitar ao máximo este ótimo software.

Primeiro, você precisa carregar seu elemento em um novo design em branco, em vez de usar um modelo. Depois de carregar seu elemento para um novo design, você poderá acessá-lo e editar as cores em qualquer modelo que criar também.

Selecione Criar um projeto. Quando a tela estiver aberta, selecione o uploads guia à esquerda e selecione Fazer upload de arquivos. Navegue até o seu SVG em seu sistema, selecione-o e clique em Carregar. Seus SVGs estarão em suas próprias pastas rotuladas SVG em qualquer lugar que você escolheu para exportar.

Etapa 5: edite as cores dos elementos no Canva

Uma vez carregado no Canva, você pode selecionar ou arrastar seu elemento para a tela para adicioná-lo ao seu projeto. Ele sempre aparecerá nas cores originais com as quais você o criou. Quando selecionado, você verá amostras de cores quadradas acima da tela com as cores presentes em seu gráfico; um quadrado para cada cor.

Selecione qualquer um dos quadrados de amostra para alterar a cor. A guia de cores será aberta, permitindo que você escolha qualquer cor, digite um nome ou use um valor HEX. Se você tem usou o recurso de kit de marca do Canva, você verá as cores da sua marca aqui. Este é um ótimo recurso para manter todos os gráficos e ilustrações coloridas adequadamente para sua marca.

Para alterar outras cores no gráfico, selecione outra das amostras originais acima da tela e a guia de cores também estará disponível para essa amostra.

Agora você pode abrir o elemento do seu uploads pasta em qualquer projeto do Canva. É fácil editar as cores para combinar com as cores do seu projeto para uma harmonia total nos designs do Canva. Por que não adicione animação ao seu novo gráfico do Canva realmente personalizar seus projetos?

Personalize seus próprios elementos gráficos no Canva

O Canva torna divertido adicionar gráficos e elementos a qualquer projeto. Agora, com apenas algumas etapas, você pode enviar seus próprios elementos gráficos que podem ser editados diretamente no Canva. Isso facilita o uso de ilustrações de estoque ou a criação em massa de suas próprias ilustrações e define as cores para se adequar ao seu design. É um truque rápido e fácil que vai elevar seus designs do Canva.