Como criar imagens svg

Gráficos vetoriais escaláveis ​​(SVG) permitem elementos mais interativos em páginas da Web sem usar a largura de banda como 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 conversor online que estão livres para acessar. Em como criar suas próprias imagens SVG.

Passos

Método 1 de 2:
Usando o conversor JPG para o conversor SVG
  1. Imagem intitulada Criar imagens SVG Etapa 1
1. Abra seu navegador da Web e vá para https: // conversio.CO / JPG-SVG /. Isso leva você à página para o JPG do Convertio para o conversor de SVG, que é livre para usar.
  • Imagem intitulada Criar imagens SVG Etapa 2
    2. Selecione a fonte da sua imagem JPG. Na parte superior do menu do conversor, você deve ver uma barra de ferramentas vermelha listando diferentes fontes Você pode acessar para fazer upload de um arquivo de imagem JPG para ser convertido em SVG.
  • Imagem intitulada Criar imagens SVG Etapa 3
    3. Navegue até o arquivo que você deseja converter. Depois de selecionar uma fonte, uma caixa de diálogo deve aparecer com a biblioteca das pastas do seu computador. A partir daí, navegue até a pasta com o arquivo que você deseja converter e selecionar o arquivo.
  • Imagem intitulada Criar imagens SVG Etapa 4
    4. Clique Converter. Uma vez que o arquivo tenha sido carregado, um botão vermelho aparecerá no canto inferior direito da tela do menu. Isso iniciará o processo de conversão, o que pode demorar alguns minutos, dependendo do tamanho do arquivo.
  • Imagem intitulada Criar imagens SVG Etapa 5
    5. Clique Download. Quando o arquivo for feito sendo convertido, um botão azul aparecerá à direita do nome do arquivo no menu Converter. Depois de clicar nele, a imagem será baixada no seu computador como um arquivo SVG.
    • Método 2 de 2:
    Usando o Adobe Illustrator
    1. Imagem intitulada Criar imagens SVG Etapa 6
    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.
  • Imagem intitulada Criar imagens SVG Etapa 7
    2. Crie sua imagem. Depois de ter ilustrador aberto, você pode selecionar qualquer uma das ferramentas na barra de ferramentas no lado esquerdo da tela para começar a projetar sua imagem.
  • Imagem intitulada Criar imagens SVG Etapa 8
    3. Aplique efeitos de SVG a certas camadas da sua imagem. Se você quiser adicionar quaisquer efeitos personalizados à sua imagem, você pode selecionar uma camada e clique em Efeito > Filtros SVG > Aplique 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 do SVG.


  • Imagem intitulada Criar imagens SVG Etapa 9
    4. Clique na guia Arquivo. Isso está localizado no canto superior esquerdo da tela.
  • Imagem intitulada Criar imagens SVG Etapa 10
    5. Selecione Exportar No menu. Para ter seu arquivo SVG pronto para visualizar e usar fora do Illustrator, você precisará exportá-lo.
  • Você também pode selecionar Salvar como..., Embora isso economize o arquivo para que seja apenas visualizado e editado no Illustrator.
  • Imagem intitulada Criar imagens SVG Etapa 11
    6. Clique Exportar como.... Isso puxa 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 maneira que possa ser acessada em dispositivos iOS ou Android.
  • Imagem intitulada Criar imagens SVG Etapa 12
    7. Selecione Svg Na lista de tipos de arquivos. Illustrator oferece uma variedade de tipos de arquivos para você escolher, incluindo arquivos SVG prontos na web.
  • Imagem intitulada Criar imagens SVG Etapa 13
    8. Clique Salve . Sua imagem agora estará disponível para usar como um arquivo SVG.

    • Pontas

    Compartilhe na rede social:
    Semelhante