Com crear imatges SVG: 13 passos (amb imatges)

Taula de continguts:

Com crear imatges SVG: 13 passos (amb imatges)
Com crear imatges SVG: 13 passos (amb imatges)

Vídeo: Com crear imatges SVG: 13 passos (amb imatges)

Vídeo: Com crear imatges SVG: 13 passos (amb imatges)
Vídeo: 15 CAMPERS THAT OFFER A NEXT-LEVEL CAMPING EXPERIENCE 2024, Abril
Anonim

Els gràfics vectorials escalables (SVG) permeten obtenir més elements interactius a les pàgines web sense utilitzar tanta amplada de banda com altres formats d’imatge com JPEG o GIF, cosa que els fa ideals per al disseny web. Alguns programes d’il·lustració digital, com Adobe Illustrator, ofereixen opcions SVG i hi ha llocs web de convertidors de SVG en línia als quals s’hi pot accedir gratuïtament. Aquest wikiHow us mostra com crear les vostres pròpies imatges SVG.

Passos

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

Pas 1. Obriu el navegador web i aneu a

Això us portarà a la pàgina del convertidor-j.webp

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

Pas 2. Seleccioneu la font de la vostra imatge JPG

A la part superior del menú del convertidor, hauríeu de veure una barra d’eines vermella amb diferents fonts a les quals podeu accedir per penjar un fitxer d’imatges-j.webp

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

Pas 3. Aneu al fitxer que voleu convertir

Un cop hàgiu seleccionat una font, apareixerà un quadre de diàleg amb la biblioteca de les carpetes de l'ordinador. Des d'allà, aneu a la carpeta amb el fitxer 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 pantalla del menú. S’iniciarà el procés de conversió, que 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 s'hagi convertit, apareixerà un botó blau a la dreta del nom del fitxer al menú del convertidor. Un cop hi feu clic, la imatge es baixarà a l'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 el vostre propi art mitjançant diverses eines i funcions.

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

Pas 2. Crea la teva imatge

Un cop hàgiu obert Illustrator, podeu seleccionar qualsevol de les eines de la barra d'eines a la part esquerra de la pantalla per començar a dissenyar la vostra imatge.

Creació d'imatges Svg Pas 8
Creació d'imatges Svg Pas 8

Pas 3. Apliqueu efectes SVG a determinades capes de la imatge

Si voleu afegir efectes personalitzats a la vostra imatge, podeu seleccionar una capa i fer clic a Efecte > Filtres SVG > Apliqueu el filtre SVG. A continuació, només cal que feu clic a Edita el filtre SVG, editeu el codi per defecte i feu clic a D'acord per desar els vostres efectes SVG.

Creació d'imatges SVG Pas 9
Creació d'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 tenir el fitxer SVG a punt per visualitzar-lo i utilitzar-lo fora de Illustrator, l'haureu d'exportar.

També podeu seleccionar Guardar com…, tot i que això desarà el fitxer de manera que només es pugui veure i editar a Illustrator.

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

Pas 6. Feu clic a Exporta com a …

Això obre un menú nou on podeu exportar el fitxer des de Illustrator al format que vulgueu.

També podeu seleccionar Exporta per a pantalles … per guardar la vostra imatge SVG de manera que es pugui accedir als dispositius 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 preparats per al web.

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

Pas 8. Feu clic a Desa

Ara la vostra imatge estarà disponible per utilitzar-la com a fitxer SVG.

Recomanat: