Cómo crear imágenes SVG

PDF download Descargar el PDF
Coescrito por Personal de wikiHow

PDF download Descargar el PDF

Los gráficos vectoriales escalables (SVG) permiten elementos más interactivos en las páginas web sin la necesidad de utilizar mucho ancho de banda como otros formatos de imagen (p.ej., JPEG o GIF), lo cual los hace ideales para el diseño web. [1] Algunos programas de ilustración digital como Adobe Illustrator ofrecen opciones SVG y hay sitios web de conversión SVG gratuitos. En este wikiHow, aprenderás a crear tus propias imágenes SVG.

Método 1
Método 1 de 2:

Utilizar el Conversor JPG a SVG de Convertio

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-460px-Create-Svg-Images-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-728px-Create-Svg-Images-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Abre tu navegador web y dirígete a https://convertio.co/jpg-svg/ . Al hacerlo, irás a la página del Conversor JPG a SVG de Convertio, el cual es gratuito.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-460px-Create-Svg-Images-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-728px-Create-Svg-Images-Step-2.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En la parte superior del menú del convertidor, deberás ver una barra de herramientas roja donde aparecen diferentes fuentes a las que puedes acceder para subir un archivo de imagen JPG a fin de convertirlo al formato SVG.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-460px-Create-Svg-Images-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-728px-Create-Svg-Images-Step-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Después de haber seleccionado una fuente, deberá aparecer un cuadro de diálogo con la biblioteca donde estén las carpetas de tu computadora. Allí, dirígete a la carpeta que contenga el archivo que deseas convertir y selecciónalo.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-460px-Create-Svg-Images-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-728px-Create-Svg-Images-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Después de subir el archivo, aparecerá un botón rojo en la esquina inferior derecha de la pantalla del menú. Esto iniciará el proceso de conversión, el cual puede tardar algunos minutos dependiendo del tamaño del archivo.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-460px-Create-Svg-Images-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-728px-Create-Svg-Images-Step-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Una vez que se convierta el archivo, aparecerá un botón azul a la derecha del nombre del archivo en el menú del convertidor. Al hacer clic en él, la imagen se descargará en tu computadora con formato SVG.
    Anuncio
Método 2
Método 2 de 2:

Utilizar Adobe Illustrator

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-460px-Create-Svg-Images-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-728px-Create-Svg-Images-Step-6.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Adobe Illustrator es una aplicación de diseño gráfico que te permite crear tus propios gráficos utilizando una variedad de herramientas y funciones.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-460px-Create-Svg-Images-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-728px-Create-Svg-Images-Step-7.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Después de abrir Illustrator, puedes seleccionar cualquiera de las herramientas en la barra de herramientas a la izquierda de la pantalla. Al hacerlo, comenzarás a diseñar la imagen.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-460px-Create-Svg-Images-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-728px-Create-Svg-Images-Step-8.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si quieres agregar algún efecto personalizado a la imagen, puedes seleccionar una capa y hacer clic en Efecto > Filtros SVG > Aplicar filtro SVG . Luego, haz clic en el botón Editar filtro SVG , edita el código predeterminado y luego haz clic en Aceptar para guardar los efectos SVG.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-460px-Create-Svg-Images-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-728px-Create-Svg-Images-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esta se ubica en la esquina superior izquierda de la pantalla.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-460px-Create-Svg-Images-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-728px-Create-Svg-Images-Step-10.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si quieres tener el archivo SVG listo para ver y utilizar fuera de Illustrator, tendrás que exportarlo.
    • También puedes seleccionar Guardar como... , aunque esto guardará el archivo de tal manera que solo pueda verse y editarse en Illustrator.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-460px-Create-Svg-Images-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-728px-Create-Svg-Images-Step-11.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esto abrirá un menú nuevo donde puedas exportar el archivo desde Illustrator al formato de tu elección.
    • También puedes seleccionar Exportar para pantallas... para guardar la imagen SVG de una manera que se pueda acceder a ella en dispositivos iOS o Android.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-460px-Create-Svg-Images-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-728px-Create-Svg-Images-Step-12.jpg","smallWidth":460,"smallHeight":349,"bigWidth":728,"bigHeight":552,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Illustrator ofrece una variedad de tipos de archivo que puedes elegir, incluyendo los archivos SVG listos para web.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-460px-Create-Svg-Images-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-728px-Create-Svg-Images-Step-13.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ahora la imagen estará disponible como archivo SVG.
    Anuncio

wikiHows relacionados

Cómo
convertir binario a decimal
Cómo
tomar una captura de pantalla en una Dell
6 maneras de evitar que Teams cambie tu estado a Ausente
Cómo
abrir archivos EPUB
Cómo
abrir archivos BIN
Cómo
activar AutoCAD
Cómo
ejecutar un archivo jar java
Cómo
usar DOSBox
Cómo
aumentar las semillas en Utorrent
Cómo
restaurar la contraseña SA en el servidor SQL
Cómo
abrir un torrent
Cómo agregar la Google Play Store a una tablet Amazon Fire
Anuncio

Referencias

  1. ↑ https://helpx.adobe.com/illustrator/using/svg.html

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 5915 visitas.

¿Te ayudó este artículo?

Anuncio