Com crear imatges en format SVG

Taula de continguts:

Com crear imatges en format SVG
Com crear imatges en format SVG

Vídeo: Com crear imatges en format SVG

Vídeo: Com crear imatges en format SVG
Vídeo: Cómo hacer 📸CAPTURAS DE PANTALLA📸 en tu PC con Windows + ✂RECORTAR y 🔧EDITAR Captura de Pantalla 2024, Juliol
Anonim

El format de gràfics vectorials escalables (SVG) us permet crear més elements interactius a les pàgines web, sense consumir tanta amplada de banda com altres formats com JPEG o GIF, cosa que el fa ideal per al disseny web. Alguns programes d’il·lustració digital com Adobe Illustrator ofereixen l’opció del format SVG. A més, hi ha diversos llocs web de convertidors SVG en línia que ofereixen accés gratuït als serveis de conversió. Aquest wikiHow us ensenya a crear una imatge en format SVG.

Pas

Mètode 1 de 2: utilitzar el convertidor-j.webp" />
Creeu imatges SVG Pas 1
Creeu imatges SVG Pas 1

Pas 1. Obriu un navegador web i visiteu

Se us dirigirà a la pàgina del convertidor Convertio-j.webp

Creació d'imatges SVG Pas 2
Creació d'imatges SVG Pas 2

Pas 2. Seleccioneu el fitxer-j.webp" />

A la part superior del menú del convertidor, veureu una barra d’eines vermella que mostra les diverses fonts disponibles per carregar fitxers JPG. El fitxer es convertirà posteriorment en format SVG.

Creació d'imatges SVG Pas 3
Creació d'imatges SVG Pas 3

Pas 3. Localitzeu el fitxer que voleu convertir

Després de seleccionar la font, apareixerà un quadre de diàleg i crearà una biblioteca de carpetes de l'ordinador. En aquest quadre, accediu a la carpeta on s’emmagatzema el fitxer d’imatges que voleu convertir i seleccioneu el fitxer.

Creació d'imatges SVG Pas 4
Creació d'imatges SVG Pas 4

Pas 4. Feu clic a Converteix

Un cop carregat el fitxer, apareixerà un botó vermell a l'extrem inferior dret de la finestra del menú. El procés de conversió començarà i pot trigar uns minuts, en funció de la mida del fitxer.

Creació d'imatges SVG Pas 5
Creació d'imatges SVG Pas 5

Pas 5. Feu clic a Baixa

Quan el fitxer hagi acabat de convertir-se, apareixerà un botó blau a la dreta del nom del fitxer al menú del convertidor. Feu clic al botó per descarregar la imatge al vostre ordinador com a fitxer SVG.

Mètode 2 de 2: utilitzar Adobe Illustrator

Creació d'imatges SVG Pas 6
Creació d'imatges SVG Pas 6

Pas 1. Obriu Adobe Illustrator

Adobe Illustrator és una aplicació de disseny gràfic que us permet crear les vostres pròpies obres d'art mitjançant diverses eines i funcions.

Creació d'imatges SVG Pas 7
Creació d'imatges SVG Pas 7

Pas 2. Creeu una imatge

Un cop s'obri la finestra de Illustrator, podeu seleccionar qualsevol eina de la barra d'eines de la part esquerra de la pantalla per iniciar el procés de disseny d'imatges.

Creeu imatges SVG Pas 8
Creeu imatges SVG Pas 8

Pas 3. Apliqueu l'efecte SVG a diverses capes d'imatge

Si voleu afegir el vostre propi efecte a la imatge, seleccioneu la capa i feu clic a " Efecte ” > “ Filtres SVG ” > “ Apliqueu el filtre SVG " Després, feu clic al botó " Edita el filtre SVG ”, Editeu el codi predeterminat i feu clic a“ D'acord ”Per desar l’efecte SVG.

Creeu imatges SVG Pas 9
Creeu imatges SVG Pas 9

Pas 4. Feu clic a la pestanya Fitxer

Es troba a l'extrem superior esquerre de la pantalla.

Creació d'imatges SVG Pas 10
Creació d'imatges SVG Pas 10

Pas 5. Seleccioneu Exporta al menú

Per tal que el fitxer SVG estigui a punt per veure-lo i utilitzar-lo fora de Illustrator, l'haureu d'exportar.

També podeu triar " Guardar com… " Tanmateix, aquest procediment desarà una imatge que només es podrà veure i editar mitjançant Illustrator.

Creació d'imatges SVG Pas 11
Creació d'imatges SVG Pas 11

Pas 6. Feu clic a Exporta com a …

S'obrirà un menú nou i podeu exportar el fitxer des de Illustrator al format desitjat.

També podeu triar " Exporta per a pantalles … ”Per desar el fitxer SVG en un format accessible mitjançant un dispositiu iOS o Android.

Creació d'imatges SVG Pas 12
Creació d'imatges SVG Pas 12

Pas 7. Seleccioneu SVG a la llista de tipus de fitxers

Illustrator us ofereix una gran varietat de tipus de fitxers, inclosos els fitxers SVG per al web.

Creació d'imatges SVG Pas 13
Creació d'imatges SVG Pas 13

Pas 8. Feu clic a Desa

La imatge ja està preparada per utilitzar-la com a fitxer SVG.

Recomanat: