Como criar imagens SVG: 13 etapas (com imagens)

Índice:

Como criar imagens SVG: 13 etapas (com imagens)
Como criar imagens SVG: 13 etapas (com imagens)

Vídeo: Como criar imagens SVG: 13 etapas (com imagens)

Vídeo: Como criar imagens SVG: 13 etapas (com imagens)
Vídeo: How To Convert AVIF Images To PNG, JPEG, BMP, GIF, TIFF, & HEIC Using Microsoft Paint In Windows 11 2024, Abril
Anonim

Os gráficos vetoriais escaláveis (SVG) permitem elementos mais interativos em páginas da web sem usar tanta largura de banda quanto outros formatos de imagem como JPEG ou GIF, tornando-os ideais para web design. Alguns programas de ilustração digital, como o Adobe Illustrator, oferecem opções de SVG e há sites de conversão de SVG online cujo acesso é gratuito. Este wikiHow mostra como criar suas próprias imagens SVG.

Passos

Método 1 de 2: usando o Convertio-j.webp" />
Criar Imagens Svg - Etapa 1
Criar Imagens Svg - Etapa 1

Etapa 1. Abra seu navegador da Web e vá para

Isso leva você à página do conversor-j.webp

Etapa 2 para criação de imagens Svg
Etapa 2 para criação de imagens Svg

Etapa 2. Selecione a fonte de sua imagem JPG

Na parte superior do menu do conversor, você verá uma barra de ferramentas vermelha listando as diferentes fontes que você pode acessar para fazer upload de um arquivo de imagem-j.webp

Etapa 3 para criação de imagens Svg
Etapa 3 para criação de imagens Svg

Etapa 3. Navegue até o arquivo que deseja converter

Depois de selecionar uma fonte, uma caixa de diálogo deve aparecer com a biblioteca de pastas do seu computador. De lá, navegue até a pasta com o arquivo que deseja converter e selecione o arquivo.

Etapa 4 da criação de imagens Svg
Etapa 4 da criação de imagens Svg

Etapa 4. Clique em Converter

Assim que o arquivo for carregado, um botão vermelho aparecerá no canto inferior direito da tela do menu. Isso iniciará o processo de conversão, que pode levar alguns minutos dependendo do tamanho do arquivo.

Etapa 5 para criação de imagens Svg
Etapa 5 para criação de imagens Svg

Etapa 5. Clique em Download

Assim que a conversão do arquivo for concluída, um botão azul aparecerá à direita do nome do arquivo no menu Conversor. Depois de clicar nele, a imagem será baixada para o seu computador como um arquivo SVG.

Método 2 de 2: usando Adobe Illustrator

Etapa 6 para criação de imagens Svg
Etapa 6 para criação de imagens Svg

Etapa 1. Abra o Adobe Illustrator

Adobe Illustrator é um aplicativo de design gráfico que permite criar sua própria arte usando uma variedade de ferramentas e recursos.

Etapa 7 para criação de imagens Svg
Etapa 7 para criação de imagens Svg

Etapa 2. Crie sua imagem

Depois de abrir o Illustrator, você pode selecionar qualquer uma das ferramentas na barra de ferramentas no lado esquerdo da tela para começar a projetar sua imagem.

Etapa 8 para criar imagens Svg
Etapa 8 para criar imagens Svg

Etapa 3. Aplique efeitos SVG a certas camadas de sua imagem

Se quiser adicionar qualquer efeito personalizado à sua imagem, você pode selecionar uma camada e clicar em Efeito > Filtros SVG > Aplicar filtro SVG. Então, basta clicar no Editar Filtro SVG botão, edite o código padrão e clique em OK para salvar seus efeitos SVG.

Etapa 9 para criar imagens Svg
Etapa 9 para criar imagens Svg

Etapa 4. Clique na guia Arquivo

Ele está localizado no canto superior esquerdo da tela.

Etapa 10 da criação de imagens Svg
Etapa 10 da criação de imagens Svg

Etapa 5. Selecione Exportar no menu

Para ter seu arquivo SVG pronto para visualização e uso fora do Illustrator, você precisará exportá-lo.

Você também pode selecionar Salvar como…, embora isso salvará o arquivo para que só possa ser visualizado e editado no Illustrator.

Etapa 11 para criação de imagens Svg
Etapa 11 para criação de imagens Svg

Etapa 6. Clique em Exportar como…

Isso abre um novo menu onde você pode exportar o arquivo do Illustrator para o formato de sua escolha.

Você também pode selecionar Exportar para telas … para ter sua imagem SVG salva de uma forma que possa ser acessada em dispositivos iOS ou Android.

Etapa 12 para criar imagens Svg
Etapa 12 para criar imagens Svg

Etapa 7. Selecione SVG na lista de tipos de arquivo

O Illustrator oferece uma variedade de tipos de arquivos para você escolher, incluindo arquivos SVG prontos para a web.

Etapa 13 para criar imagens Svg
Etapa 13 para criar imagens Svg

Etapa 8. Clique em Salvar

Sua imagem agora estará disponível para uso como um arquivo SVG.

Recomendado: