Cómo crear imágenes SVG: 13 pasos (con imágenes)

Los gráficos vectoriales escalables (SVG) permiten más elementos interactivos en las páginas web sin usar el ancho de banda como otros formatos de imagen como JPEG o GIF, lo que los hace ideales para el diseño web. Algunos programas de ilustración digital, como Adobe Illustrator, ofrecen opciones SVG y hay sitios web de convertidores SVG en línea que son gratuitos. Te muestra cómo crear tus propias imágenes SVG.

Pasos

Método 1 de 2:

Usando Convertio JPG a SVG Converter

1. Abra su navegador web y vaya a https: // convertio.CO / JPG-SVG /. Esto lo lleva a la página de Convertio`s JPG a SVG Converter, que es libre de usar.

Imagen titulada Crear imágenes SVG Paso 2

2. Seleccione la fuente para su imagen JPG. En la parte superior del menú del convertidor, debe ver una barra de herramientas roja que enumere las fuentes diferentes de las que puede acceder para cargar un archivo de imagen JPG para convertirse en SVG.

Imagen titulada Crear imágenes SVG Paso 3

3. Navegue hasta el archivo que desea convertir. Una vez que haya seleccionado una fuente, un cuadro de diálogo debe aparecer con la biblioteca de las carpetas de su computadora. Desde allí, navegue hasta la carpeta con el archivo que desea convertir y seleccionar el archivo.

Imagen titulada Crear imágenes SVG Paso 4

4. Hacer clic Convertir. Una vez que se haya cargado el archivo, aparecerá un botón rojo en la esquina inferior derecha de la pantalla del menú. Esto iniciará el proceso de conversión, que puede tardar unos minutos dependiendo del tamaño del archivo.

Imagen titulada Crear imágenes SVG Paso 5

5. Hacer clic Descargar. Una vez que se realiza el archivo que se convierte, un botón azul aparecerá a la derecha del nombre del archivo en el menú del convertidor. Una vez que haga clic en él, la imagen se descargará en su computadora como un archivo SVG.

Método 2 de 2:

Usando Adobe Illustrator

1. Abre Adobe Illustrator. Ilustrador Adobe es una aplicación de diseño gráfico que le permite crear su propio arte utilizando una variedad de herramientas y características.

Imagen titulada Crear imágenes SVG Paso 7

2. Crea tu imagen. Una vez que haya abierto Illustrator, puede seleccionar cualquiera de las herramientas en la barra de herramientas en el lado izquierdo de la pantalla para comenzar a diseñar su imagen.

Imagen titulada Crear imágenes SVG Paso 8

3. Aplique efectos SVG a ciertas capas de su imagen. Si desea agregar cualquier efecto personalizado a su imagen, puede seleccionar una capa y luego haga clic en Efecto > Filtros SVG > Aplicar filtro SVG. Entonces, simplemente haga clic en el Editar filtro SVG Botón, edite el código predeterminado y haga clic en OK Para guardar sus efectos SVG.

Imagen titulada Crear imágenes SVG Paso 9

4. Haga clic en la pestaña Archivo. Esto se encuentra en la esquina superior izquierda de la pantalla.

Imagen titulada Crear imágenes SVG Paso 10

5. Seleccione Exportar En el menú. Para que su archivo SVG esté listo para ver y usar fuera de Illustrator, deberá exportarlo.

También puedes seleccionar Guardar como..., Aunque esto guardará el archivo para que solo pueda ser visto y editado en Illustrator.

Imagen titulada Crear imágenes SVG Paso 11

6. Hacer clic Exportar cómo.... Esto detiene un nuevo menú donde puede exportar el archivo desde Illustrator al formato de su elección.

También puedes seleccionar Exportación para pantallas... Para tener su imagen SVG guardada de una manera que se puede acceder a dispositivos IOS o Android.

Imagen titulada Crear imágenes SVG Paso 12

7. Seleccione Svg En la lista de tipos de archivos. Ilustrador ofrece una variedad de tipos de archivos para que usted elija, incluidos los archivos SVG listos para la web.

Imagen titulada Crear imágenes SVG Paso 13

8. Hacer clic Ahorrar. Su imagen ahora estará disponible para usar como un archivo SVG.

Cómo crear imágenes svg

Pasos

Consejos