Contents

Como vetorizar e colorir seus desenhos do Procreate com o Adobe Illustrator

Ligações rápidas

⭐ É possível criar vectores no Procreate?

⭐ Como converter desenhos do Procreate em vectores utilizando o Illustrator

⭐ Como colorir o seu vetor no Illustrator

Principais lições

O Procreate, sendo uma aplicação de software baseada em raster, não tem a capacidade de gerar gráficos vectoriais devido à sua dependência de pixéis em vez de cálculos matemáticos.

Para transformar as ilustrações do Procreate em gráficos vectoriais, é necessário utilizar o Adobe Illustrator e seguir um procedimento sequencial.

A utilização da função Image Trace do Adobe Illustrator juntamente com a ferramenta Lápis permite o processo de conversão de ilustrações desenhadas à mão criadas no Procreate em gráficos vectoriais totalmente escaláveis. Isto permite aos utilizadores melhorar os seus desenhos, adicionando várias cores e efeitos de sombreamento, preservando as qualidades originais do desenho.

O Procreate fornece recursos excepcionais para artistas digitais; no entanto, para converter o seu trabalho artístico do Procreate num formato vetorial, é necessário utilizar software externo como o Adobe Illustrator. Neste tutorial, demonstraremos o processo de conversão e aprimoramento de suas criações do Procreate usando o Illustrator.

É possível criar vectores no Procreate?

No seu estado atual, o Procreate não suporta a criação de vectores diretamente na aplicação. Isso ocorre porque ele opera com base em rasterização, utilizando pixels em vez de cálculos matemáticos para renderizar imagens. Apesar desta limitação, os utilizadores podem estar familiarizados com a distinção entre formatos gráficos raster e vectoriais, o que os ajudará a compreender a razão por detrás da incapacidade do Procreate para gerar vectores.

O Adobe Fresco oferece uma série de pincéis vectoriais, que não estão disponíveis no Procreate. A nossa análise abrangente compara vários tipos de pincéis no Adobe Fresco, incluindo pincéis raster, píxeis e vivos. Com esta ferramenta versátil, tem acesso a diversas opções de pincéis diretamente a partir do software, eliminando a necessidade de utilizar quaisquer programas adicionais.

Se estiver determinado a utilizar o Procreate para criar ilustrações vectoriais, existe um processo através do qual pode transformar os seus desenhos do Procreate num formato compatível com o Adobe Illustrator.

Como converter desenhos do Procreate em vectores utilizando o Illustrator

Se ainda não o fez, certifique-se de que transfere o Procreate ($12,99) para o seu iPad. Também é necessário obter uma subscrição do Adobe Illustrator , cujo preço varia consoante o pacote.Pode utilizar a aplicação para computador ou para tablet, e existe um teste gratuito de 7 dias para novos utilizadores.

Passo 1: Criar o seu desenho no Procreate

/pt/images/procreate-drawing-of-flower.jpg

Ao utilizar um Apple Pencil na extensa biblioteca de pincéis do Procreate, recomenda-se que seleccione um pincel com um acabamento suave. Isto porque quaisquer áreas opacas ou texturadas podem apresentar dificuldades ao tentar converter o trabalho artístico em vectores numa fase posterior. Uma escolha adequada seria o pincel Monoline, que oferece uma qualidade de linha nítida e descomplicada, ideal para criar designs elegantes e minimalistas.

Ao converter um desenho criado no Procreate para um formato vetorial utilizando o Adobe Illustrator, é aconselhável desenhar inicialmente a preto para facilitar a conversão. Além disso, se pretender incorporar cores no seu desenho, recomenda-se que crie camadas separadas no Procreate para cada cor individual. Ao fazê-lo, pode manter uma distinção clara entre o traço preto e os elementos coloridos do seu trabalho artístico.

Passo 2: Exportar a tela do Procreate

/pt/images/procreate-share-layers-png.jpg

Em primeiro lugar, aceda ao menu “Actions” (Acções) na aplicação, seleccionando o ícone da chave inglesa; em seguida, navegue até à opção “Share” (Partilhar) e continue escolhendo “Layers” (Camadas); por fim, seleccione o formato de ficheiro preferido como JPEG ou PNG para fins de partilha.

Os ficheiros PNG (Portable Network Graphics) possuem uma grande variedade de aplicações em vários sectores e áreas. Apesar de serem imagens rasterizadas, os PNGs oferecem suporte à transparência, permitindo que os usuários extraiam o trabalho artístico de suas camadas do Procreate sem nenhum plano de fundo. Isto simplifica o processo de conversão da imagem em vectores utilizando o Adobe Illustrator numa fase posterior.

Ao utilizar um dispositivo com o sistema operativo da Apple, é possível transmitir o ficheiro criado com o Procreate no iPad para o computador de secretária através do AirDrop. No entanto, para computadores que funcionam com plataformas diferentes, recomenda-se a troca de dados sem fios, enviando-os por correio eletrónico ou estabelecendo uma ligação Bluetooth entre os dois dispositivos.

Passo 3: Arrastar o ficheiro para o Illustrator

Ao utilizar o Procreate para a criação de arte digital e ao empregar várias tonalidades no seu trabalho, é importante ter em atenção que cada tonalidade individual aplicada será preservada de forma independente como um ficheiro distinto.

No Adobe Illustrator, abra um novo documento seleccionando um tamanho predefinido ou um que corresponda às dimensões da tela do Procreate.É importante considerar a aplicação e o objetivo pretendidos ao escolher entre os espaços de cor CMYK e RGB, uma vez que têm funções distintas, consoante esteja a preparar conteúdo para impressão ou exibição digital. Depois de ter feito estas selecções, clique em “Criar” para estabelecer a base do seu projeto de design.

/pt/images/adobe-illustrator-create-a-new-document.jpg

Localize os ficheiros pretendidos no armazenamento do sistema e, em seguida, proceda à transferência da sua presença através de um gesto que envolva o indicador e o polegar de uma mão, colocando-os sobre a tela desenrolada que serve de suporte visual à aplicação Adobe Illustrator. Ao fazê-lo, garante que cada ficheiro é aberto em simultâneo na extensão partilhada do espaço de trabalho ilustrativo no Illustrator, em vez de ser aberto individualmente como entidades separadas no referido programa.

É aconselhável não alterar as dimensões destes ficheiros de imagem, uma vez que estes são compostos por formato raster e tal manipulação levaria a uma diminuição da resolução, afectando subsequentemente a eficácia do processo de traçado. Por outro lado, se as imagens apresentarem uma pixelização excessiva, o algoritmo de rastreio pode inadvertidamente aderir à grelha de pixéis em vez de delinear com precisão os contornos originais.

/pt/images/graphic-layers-imported-into-illustrator.jpg

Parece que todas as suas camadas foram combinadas, no entanto, ao selecionar a seta situada adjacente à Camada 1 no painel Camadas, poderá visualizar as suas camadas do Procreate. Atualmente, estão ocultas de uma forma em que estão posicionadas acima e abaixo umas das outras, com um alinhamento perfeito.

Passo 4: Utilizar a função de traçado de imagem

Em primeiro lugar, determine qual a camada que deve ser traçada inicialmente e, em seguida, desoculte as restantes camadas, clicando nos respectivos ícones no painel Camadas. Em seguida, utilizando a ferramenta de seleção na barra de ferramentas, seleccione a imagem atual para processamento posterior. Depois disso, utilize a função “Image Trace” disponível no Adobe Illustrator para a converter num formato vetorial.

/pt/images/image-trace-on-adobe-illustrator.jpg

Seleccione uma imagem e utilize a funcionalidade “Image Trace” (Traçado de imagem) localizada no menu pop-up que aparece quando se selecciona uma imagem. Para mais informações sobre este processo, aceda ao menu pendente “Window” (Janela) no painel “Properties” (Propriedades) e seleccione “Image Trace” (Rastreio de imagem).

/pt/images/adobe-illustrator-image-trace-tool-with-3-colors-preset.jpg

Seleccione uma das opções de cor disponíveis, movendo os cursores correspondentes para as posições pretendidas. Isto permitir-me-á traçar a imagem com mais precisão, com base nas cores presentes na área selecionada.

/pt/images/adobe-illustrator-image-trace-settings.jpg

Em alternativa, desmarcar a opção “Cor” na secção “Ignorar cores” permite-lhe ignorar o fundo branco, tornando-o translúcido na saída do vetor. Para obter um nível mais fino de controlo sobre a imagem resultante, considere navegar para o separador “Avançado” no menu “Traçado de imagem” e ajustar os selectores “Caminhos”, “Cantos” ou “Ruído”, conforme necessário.

/pt/images/image-trace-on-colored-element-in-illustrator.jpg

Utilizar o Image Trace em cada camada uniformemente implica aplicá-lo de forma consistente em todas as camadas, com as camadas de cor inicialmente definidas como pretas por predefinição, a menos que sejam alteradas para uma tonalidade diferente seleccionando a opção de predefinição “3 Cores”.

Etapa 5: expandir a imagem traçada

Apesar de oferecer um fundo translúcido para arte de linha preta, o Adobe Image Trace preserva o contorno da seleção da imagem inicial. Aumentar a escala da ilustração traçada eliminará o limite mais amplo que envolve o trabalho de linha.

/pt/images/illustrator-expand-tool.jpg

Para obter uma imagem com um fundo transparente, siga estes passos:1. Escolha o traço pretendido a partir das opções disponíveis, seleccionando-o na lista.2. Em seguida, navegue até ao separador “Propriedades” no menu de contexto do item selecionado.3. Uma vez aí, localize o submenu “Acções rápidas”.4. Por fim, clique na opção para expandir a seleção de acções rápidas. Esta ação fornece-lhe a versão vectorizada do trabalho artístico escolhido com um fundo transparente.

/pt/images/expanded-vector-in-illustrator.jpg

Os caminhos azuis vão delinear a totalidade dos seus esforços traçados, enquanto o contorno escolhido será alinhado ao longo dos limites periféricos.

Passo 6: Arrumar com a ferramenta Lápis

Tendo em conta as complexidades da sua ilustração inicial, a função Image Trace do Adobe Illustrator pode alterar os contornos e as larguras das linhas ou mesmo necessitar de ajustes, como adicionar ou remover elementos específicos após o traçado. Para aperfeiçoar o seu trabalho de linha, utilize a ferramenta Lápis para efetuar as modificações necessárias.

/pt/images/pencil-tool-in-adobe-illustrator.jpg

Para ativar a opção de preencher uma área com um gradiente utilizando a ferramenta Lápis, siga estes passos:1. seleccione a secção pretendida do seu trabalho artístico, clicando e arrastando o cursor sobre a mesma, mantendo premida a tecla Alt.2Mude para a ferramenta Lápis seleccionando-a na barra de ferramentas ou premindo a tecla de letra “N”.3. Faça duplo clique no ícone da ferramenta Lápis para abrir o respetivo menu de opções.4. Certifique-se de que a caixa de verificação junto a “Preencher novos traços de lápis” está selecionada.5. Clique em “OK” para aplicar as alterações.

Utilizando a ferramenta Lápis, crie uma linha ligando dois pontos com a ferramenta Lápis, mantendo a ligação entre esses pontos.

/pt/images/adobe-illustrator-pencil-tool-edits.jpg

aceda novamente às preferências da ferramenta Lápis, clicando no ícone na barra de ferramentas. Localize a opção “Preencher novos traços de lápis” e desactive-a com um clique. De seguida, utilize a ferramenta Lápis para criar uma ligação entre dois pontos de ancoragem dentro do traçado existente. Ao fazê-lo, a parte do caminho que é traçada por este segmento recém-criado será eliminada, deixando para trás um caminho de vetor editável.

/pt/images/Lom4bStYtqDVy_XBC04auv9eAQhtz91PnID5J-w2CharZYHKzcaAUrJqwpWCp7JI8NCZYRxuY2Dh8BfjO-VP5rwWjn4bTdKS0CwD9gT3qDBDx1nQXdbTqTmTO_0Cgxfe6Yf3jGzWxEd4bh3iwjtLw0U

Utilize esta metodologia para refinar contornos, ajustar a densidade das linhas ou incorporar/eliminar características de design na sua composição visual.

Pode utilizar a ferramenta Seleção Direta (atalho de teclado “A”) para escolher pontos de ancoragem específicos e manipulá-los movendo, eliminando ou adicionando segmentos de curva, alterando assim o contorno dos seus elementos gráficos.

Como colorir o seu vetor no Illustrator

Para modificar o perfil de cor de um documento no Adobe InDesign, pode considerar-se primeiro a possibilidade de o definir de acordo com as suas preferências. No entanto, se for pretendida uma alteração - como mudar entre os modos de cor CMYK e RGB ou vice-versa - esta pode ser efectuada navegando para “Editar” na interface do programa, seleccionando “Cores” e, em seguida, escolhendo “Converter para RGB” ou “Converter para CMYK”.

/pt/images/illustrator-live-paint-settings.jpg

Para transformar um gráfico vetorial num objeto de pintura em tempo real para adicionar cor, seleccione a linha e navegue para “Objeto” seguido de “Pintura em tempo real”. Em alternativa, pode clicar no ícone “Balde de pintura em direto” localizado na barra de ferramentas.

/pt/images/live-paint-hover-boundary.jpg

Ajuste a tonalidade da cor de fundo seleccionando a tonalidade apropriada na amostra de cor de fundo. À medida que move o cursor sobre a área designada, observe o limite exterior a ficar vermelho quando a localização selecionada estiver devidamente posicionada para aplicar a tonalidade escolhida.

/pt/images/live-paint-tool-in-illustrator.jpg

Utilize a ferramenta Balde de pintura em tempo real para dar ao elemento selecionado tons vibrantes através de pintura manual ou utilizando predefinições, melhorando assim o seu apelo visual e impacto emocional.

/pt/images/Illustrator-transparent-line.jpg

Embora o Balde de pintura em direto não possa ser utilizado em espaços abertos, existe uma solução alternativa. Para resolver este problema, pode utilizar a ferramenta Lápis, a ferramenta Pincel ou a ferramenta Caneta para criar um caminho contínuo, desenhando uma linha ao longo da abertura.Uma vez desenhada a linha, esta deve ser selecionada e os seus atributos de Traço e Preenchimento devem ser ajustados para os tornar transparentes, de modo a obter o efeito desejado de adicionar cor à área anteriormente inacessível.

/pt/images/Illustrator-transprent-color.jpg

Utilize a ferramenta de seleção para clicar e arrastar o rato sobre o trabalho artístico, abrangendo tanto as linhas opacas como as translúcidas, de modo a transformá-lo novamente num objeto de pintura vivo. Este processo pode ser repetido as vezes que forem necessárias.

Em alternativa, pode utilizar a funcionalidade incorporada do Adobe Illustrator conhecida como “ferramenta de recoloração de vectores”, que é alimentada pelo Adobe Firefly, para alterar as tonalidades de um determinado gráfico vetorial.

/pt/images/colored-vector-in-illustrator.jpg

Ao finalizar a edição das linhas e aplicar as tonalidades desejadas à ilustração vetorial, ela será considerada concluída.

Ao exportar imagens do Adobe Illustrator, é importante ter em conta o resultado pretendido e a compatibilidade com várias aplicações de software. Embora os ficheiros PNG ofereçam transparência, não são ideais para preservar dados vectoriais. Nesses casos, pode ser mais adequado converter a imagem para um formato SVG, que garante a transparência e mantém a integridade do vetor, ou para um formato AI, que permite uma edição fácil numa altura posterior. Para saber como guardar diferentes tipos de ficheiros no Illustrator, consulte os recursos disponíveis ou procure assistência, se necessário.

Como alternativa, se não possuir o software ou a licença necessários para o Adobe Illustrator, poderá obter resultados comparáveis empregando um método diferente de vectorização no CorelDRAW.