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

Tabla de contenido:

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

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

Video: Cómo crear imágenes SVG: 13 pasos (con imágenes)
Video: Como Convertir Una Imagen A Formato BMP Facilmente 2024, Abril
Anonim

Los gráficos vectoriales escalables (SVG) permiten elementos más interactivos en las páginas web sin utilizar tanto 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 de SVG y hay sitios web de conversión de SVG en línea a los que se puede acceder de forma gratuita. Este wikiHow te mostrará cómo crear tus propias imágenes SVG.

Pasos

Método 1 de 2: Usar Convertio-j.webp" />
Crear imágenes Svg Paso 1
Crear imágenes Svg Paso 1

Paso 1. Abra su navegador web y vaya a

Esto lo lleva a la página del convertidor-j.webp

Crear imágenes Svg Paso 2
Crear imágenes Svg Paso 2

Paso 2. Seleccione la fuente para su imagen JPG

En la parte superior del menú del convertidor, debería ver una barra de herramientas roja que enumera las diferentes fuentes a las que puede acceder para cargar un archivo de imagen-j.webp

Crear imágenes Svg Paso 3
Crear imágenes Svg Paso 3

Paso 3. Navegue hasta el archivo que desea convertir

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

Crear imágenes Svg Paso 4
Crear imágenes Svg Paso 4

Paso 4. Haga clic en 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.

Crear imágenes Svg Paso 5
Crear imágenes Svg Paso 5

Paso 5. Haga clic en Descargar

Una vez que el archivo haya terminado de convertirse, aparecerá un botón azul a la derecha del nombre del archivo en el menú Convertidor. Una vez que haga clic en él, la imagen se descargará en su computadora como un archivo SVG.

Método 2 de 2: uso de Adobe Illustrator

Crear imágenes Svg Paso 6
Crear imágenes Svg Paso 6

Paso 1. Abra Adobe Illustrator

Adobe Illustrator es una aplicación de diseño gráfico que te permite crear tu propio arte usando una variedad de herramientas y funciones.

Crear imágenes Svg Paso 7
Crear imágenes Svg Paso 7

Paso 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.

Crear imágenes Svg Paso 8
Crear imágenes Svg Paso 8

Paso 3. Aplique efectos SVG a ciertas capas de su imagen

Si desea agregar efectos personalizados a su imagen, puede seleccionar una capa y luego hacer clic en Efecto > Filtros SVG > Aplicar filtro SVG. Luego, simplemente haga clic en el Editar filtro SVG, edite el código predeterminado y haga clic en OK para guardar sus efectos SVG.

Crear imágenes Svg Paso 9
Crear imágenes Svg Paso 9

Paso 4. Haga clic en la pestaña Archivo

Este se encuentra en la esquina superior izquierda de la pantalla.

Crear imágenes Svg Paso 10
Crear imágenes Svg Paso 10

Paso 5. Seleccione Exportar en el menú

Para tener su archivo SVG listo para verlo y usarlo fuera de Illustrator, deberá exportarlo.

También puede seleccionar Guardar como…, aunque esto guardará el archivo para que solo se pueda ver y editar en Illustrator.

Crear imágenes Svg Paso 11
Crear imágenes Svg Paso 11

Paso 6. Haga clic en Exportar como…

Esto abre un nuevo menú donde puede exportar el archivo de Illustrator al formato de su elección.

También puede seleccionar Exportar para pantallas… para que su imagen SVG se guarde de manera que se pueda acceder a ella en dispositivos iOS o Android.

Crear imágenes Svg Paso 12
Crear imágenes Svg Paso 12

Paso 7. Seleccione SVG en la lista de tipos de archivos

Illustrator ofrece una variedad de tipos de archivos para que elijas, incluidos archivos SVG listos para la web.

Crear imágenes Svg Paso 13
Crear imágenes Svg Paso 13

Paso 8. Haga clic en Guardar

Su imagen ahora estará disponible para usar como un archivo SVG.

Recomendado: