Como criar imagens em formato SVG

Índice:

Como criar imagens em formato SVG
Como criar imagens em formato SVG

Vídeo: Como criar imagens em formato SVG

Vídeo: Como criar imagens em formato SVG
Vídeo: Jeito secreto de tirar print da tela #dicas #truques #celular #samsung 2024, Julho
Anonim

O formato de gráficos vetoriais escaláveis (SVG) permite criar elementos mais interativos em páginas da web, sem consumir tanta largura de banda quanto outros formatos, como JPEG ou GIF, tornando-o ideal para web design. Alguns programas de ilustração digital, como Adobe Illustrator, oferecem a opção do formato SVG. Além disso, existem vários sites de conversão de SVG online que oferecem acesso gratuito a serviços de conversão. Este wikiHow ensina como criar uma imagem no formato SVG.

Etapa

Método 1 de 2: Usando o Convertio-j.webp" />
Etapa 1 para criação de imagens Svg
Etapa 1 para criação de imagens Svg

Etapa 1. Abra um navegador da web e visite

Você será levado à página do conversor Convertio-j.webp

Etapa 2 para criar imagens Svg
Etapa 2 para criar imagens Svg

Etapa 2. Selecione o arquivo-j.webp" />

Na parte superior do menu do conversor, você verá uma barra de ferramentas vermelha mostrando as várias fontes disponíveis para o upload de arquivos JPG. O arquivo será posteriormente convertido para o formato SVG.

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

Etapa 3. Localize o arquivo que deseja converter

Após selecionar a fonte, uma caixa de diálogo aparecerá e criará uma biblioteca de pastas do computador. Nesta caixa, acesse a pasta onde está armazenado o arquivo de imagem 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 janela do menu. O processo de conversão começará e pode demorar 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

Após a conclusão da conversão do arquivo, um botão azul aparecerá à direita do nome do arquivo no menu do conversor. Clique no botão para baixar a imagem 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 uma imagem

Quando a janela do Illustrator abrir, você pode selecionar qualquer ferramenta da barra de ferramentas no lado esquerdo da tela para iniciar o processo de design da imagem.

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

Etapa 3. Aplique o efeito SVG em várias camadas de imagem

Se você deseja adicionar seu próprio efeito à imagem, selecione a camada e clique em “ Efeito ” > “ Filtros SVG ” > “ Aplicar filtro SVG " Depois disso, basta clicar no botão “ Editar Filtro SVG ”, Edite o código padrão e clique em“ OK ”Para salvar o efeito SVG.

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

Etapa 4. Clique na guia Arquivo

Ele está 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 que seu arquivo SVG esteja pronto para visualização e uso fora do Illustrator, você precisará exportá-lo.

Você também pode escolher " Salvar como… " No entanto, este procedimento salvará uma imagem que pode ser visualizada e editada apenas no Illustrator.

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

Etapa 6. Clique em Exportar como…

Um novo menu será aberto e você pode exportar o arquivo do Illustrator para o formato desejado.

Você também pode escolher " Exportar para telas … ”Para salvar o arquivo SVG em um formato acessível através de um dispositivo 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 para a web.

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

Etapa 8. Clique em Salvar

A imagem agora está pronta para ser usada como um arquivo SVG.

Recomendado: