Come creare immagini SVG: 13 passaggi (con immagini)

Sommario:

Come creare immagini SVG: 13 passaggi (con immagini)
Come creare immagini SVG: 13 passaggi (con immagini)

Video: Come creare immagini SVG: 13 passaggi (con immagini)

Video: Come creare immagini SVG: 13 passaggi (con immagini)
Video: How To Convert AVIF Images To PNG, JPEG, BMP, GIF, TIFF, & HEIC Using Microsoft Paint In Windows 11 2024, Aprile
Anonim

La grafica vettoriale scalabile (SVG) consente più elementi interattivi sulle pagine Web senza utilizzare la stessa larghezza di banda di altri formati di immagine come JPEG o GIF, rendendoli ideali per il web design. Alcuni programmi di illustrazione digitale, come Adobe Illustrator, offrono opzioni SVG e ci sono siti Web di convertitori SVG online a cui è possibile accedere gratuitamente. Questo articolo mostra come creare le tue immagini SVG.

Passi

Metodo 1 di 2: Utilizzo di Convertio-j.webp" />
Crea immagini in formato Svg Passaggio 1
Crea immagini in formato Svg Passaggio 1

Passaggio 1. Aprire il browser Web e andare su

Questo ti porta alla pagina del convertitore da-j.webp

Crea immagini in formato Svg Passaggio 2
Crea immagini in formato Svg Passaggio 2

Passaggio 2. Seleziona la fonte per la tua immagine JPG

Nella parte superiore del menu del convertitore, dovresti vedere una barra degli strumenti rossa che elenca diverse fonti a cui puoi accedere per caricare un file immagine-j.webp

Crea immagini in formato Svg Passaggio 3
Crea immagini in formato Svg Passaggio 3

Passaggio 3. Passa al file che desideri convertire

Dopo aver selezionato una fonte, dovrebbe apparire una finestra di dialogo con la libreria delle cartelle del tuo computer. Da lì, vai alla cartella con il file che desideri convertire e seleziona il file.

Crea immagini in formato Svg Passaggio 4
Crea immagini in formato Svg Passaggio 4

Passaggio 4. Fare clic su Converti

Una volta che il file è stato caricato, apparirà un pulsante rosso nell'angolo in basso a destra della schermata del menu. Questo avvierà il processo di conversione, che potrebbe richiedere alcuni minuti a seconda delle dimensioni del file.

Crea immagini in formato Svg Passaggio 5
Crea immagini in formato Svg Passaggio 5

Passaggio 5. Fare clic su Scarica

Una volta che il file è stato convertito, apparirà un pulsante blu a destra del nome del file nel menu Convertitore. Dopo aver fatto clic, l'immagine verrà scaricata sul tuo computer come file SVG.

Metodo 2 di 2: utilizzo di Adobe Illustrator

Crea immagini in formato Svg Passaggio 6
Crea immagini in formato Svg Passaggio 6

Passaggio 1. Apri Adobe Illustrator

Adobe Illustrator è un'app di progettazione grafica che ti consente di creare la tua arte utilizzando una varietà di strumenti e funzionalità.

Crea immagini in formato Svg Passaggio 7
Crea immagini in formato Svg Passaggio 7

Passaggio 2. Crea la tua immagine

Una volta aperto Illustrator, puoi selezionare uno degli strumenti nella barra degli strumenti sul lato sinistro dello schermo per iniziare a progettare la tua immagine.

Crea immagini in formato Svg Passaggio 8
Crea immagini in formato Svg Passaggio 8

Passaggio 3. Applicare effetti SVG a determinati livelli dell'immagine

Se desideri aggiungere effetti personalizzati alla tua immagine, puoi selezionare un livello e quindi fare clic su Effetto > Filtri SVG > Applica filtro SVG. Quindi, fai semplicemente clic su Modifica filtro SVG pulsante, modificare il codice predefinito e fare clic su ok per salvare i tuoi effetti SVG.

Crea immagini in formato Svg Passaggio 9
Crea immagini in formato Svg Passaggio 9

Passaggio 4. Fare clic sulla scheda File

Si trova nell'angolo in alto a sinistra dello schermo.

Crea immagini in formato Svg Passaggio 10
Crea immagini in formato Svg Passaggio 10

Passaggio 5. Selezionare Esporta nel menu

Per avere il tuo file SVG pronto per la visualizzazione e l'utilizzo al di fuori di Illustrator, dovrai esportarlo.

Puoi anche selezionare Salva come…, sebbene questo salverà il file in modo che possa essere visualizzato e modificato solo in Illustrator.

Crea immagini in formato Svg Passaggio 11
Crea immagini in formato Svg Passaggio 11

Passaggio 6. Fare clic su Esporta come…

Questo fa apparire un nuovo menu in cui puoi esportare il file da Illustrator nel formato che preferisci.

Puoi anche selezionare Esporta per schermi… per salvare la tua immagine SVG in un modo accessibile su dispositivi iOS o Android.

Crea immagini in formato Svg Passaggio 12
Crea immagini in formato Svg Passaggio 12

Passaggio 7. Selezionare SVG nell'elenco dei tipi di file

Illustrator offre una varietà di tipi di file tra cui scegliere, inclusi i file SVG pronti per il web.

Crea immagini in formato Svg Passaggio 13
Crea immagini in formato Svg Passaggio 13

Passaggio 8. Fare clic su Salva

La tua immagine sarà ora disponibile per l'uso come file SVG.

Consigliato: