Cómo crear imágenes en formato SVG

Tabla de contenido:

Cómo crear imágenes en formato SVG
Cómo crear imágenes en formato SVG

Video: Cómo crear imágenes en formato SVG

Video: Cómo crear imágenes en formato SVG
Video: 🟩𝟱 FORMAS para CAPTURAR tu PANTALLA en PC | 👉🔴las MÁS EFICIENTES❗❗❗ 2024, Noviembre
Anonim

El formato de gráficos vectoriales escalables (SVG) le permite crear elementos más interactivos en las páginas web, sin consumir tanto ancho de banda como otros formatos como JPEG o GIF, lo que lo hace ideal para el diseño web. Algunos programas de ilustración digital como Adobe Illustrator ofrecen la opción del formato SVG. Además, hay varios sitios web de conversión de SVG en línea que ofrecen acceso gratuito a los servicios de conversión. Este wikiHow te enseñará cómo crear una imagen en formato SVG.

Paso

Método 1 de 2: Uso del servicio de conversión Convertio-j.webp" />
Crear imágenes Svg Paso 1
Crear imágenes Svg Paso 1

Paso 1. Abra un navegador web y visite

Se le llevará a la página del convertidor Convertio-j.webp

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

Paso 2. Seleccione el archivo-j.webp" />

En la parte superior del menú del convertidor, verá una barra de herramientas roja que muestra las diversas fuentes disponibles para cargar archivos JPG. Posteriormente, el archivo se convertirá a formato SVG.

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

Paso 3. Busque el archivo que desea convertir

Después de seleccionar la fuente, aparecerá un cuadro de diálogo y creará una biblioteca de carpetas de computadora. En este cuadro, acceda a la carpeta donde está almacenado el archivo de imagen 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 cargue el archivo, aparecerá un botón rojo en la esquina inferior derecha de la ventana del menú. El proceso de conversión comenzará y 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ú del convertidor. Haga clic en el botón para descargar la imagen a 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 le permite crear su propia obra de arte utilizando una variedad de herramientas y funciones.

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

Paso 2. Crea una imagen

Una vez que se abre la ventana de Illustrator, puede seleccionar cualquier herramienta de la barra de herramientas en el lado izquierdo de la pantalla para comenzar el proceso de diseño de la imagen.

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

Paso 3. Aplique el efecto SVG en varias capas de imagen

Si desea agregar su propio efecto a la imagen, seleccione la capa y haga clic en " Efecto ” > “ Filtros SVG ” > “ Aplicar filtro SVG " Después de eso, simplemente haga clic en el botón " Editar filtro SVG ", Edite el código predeterminado y haga clic en" OK ”Para guardar el efecto SVG.

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

Paso 4. Haga clic en la pestaña Archivo

Está 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 que su archivo SVG esté listo para ver y usar fuera de Illustrator, deberá exportarlo.

También puede elegir " Guardar como… " Sin embargo, este procedimiento guardará una imagen que se puede ver y editar solo a través de Illustrator.

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

Paso 6. Haga clic en Exportar como…

Se abrirá un nuevo menú y podrá exportar el archivo desde Illustrator al formato deseado.

También puede elegir " Exportar para pantallas… ”Para guardar el archivo SVG en un formato accesible a través de un dispositivo 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 para la web.

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

Paso 8. Haga clic en Guardar

La imagen ahora está lista para usarse como un archivo SVG.

Recomendado: