Stvaranje SVG slika: 13 koraka (sa slikama)

Sadržaj:

Stvaranje SVG slika: 13 koraka (sa slikama)
Stvaranje SVG slika: 13 koraka (sa slikama)
Anonim

Skalabilna vektorska grafika (SVG) omogućuje postavljanje više interaktivnih elemenata na web stranice bez korištenja iste propusnosti kao drugi formati slika, poput JPEG ili GIF, što ih čini idealnim za dizajn web stranica. Neki programi za digitalnu ilustraciju, poput Adobe Illustratora, nude opcije za SVG, a postoje i neke besplatne web stranice za pretvaranje u SVG. Ovaj članak će vas naučiti kako stvoriti vlastite SVG datoteke.

Koraci

Metoda 1 od 2: Korištenje Convertio-j.webp" />
Izradite Svg slike Korak 1
Izradite Svg slike Korak 1

Korak 1. Otvorite svoj internetski preglednik i idite na

Ovo će vas odvesti na besplatnu stranicu Convertio-j.webp

Izradite Svg slike Korak 2
Izradite Svg slike Korak 2

Korak 2. Odaberite izvor za svoju-j.webp" />

Pri vrhu izbornika pretvarača trebali biste vidjeti crvenu alatnu traku s raznim resursima koje možete koristiti za učitavanje slikovne datoteke-j.webp

Izradite Svg slike Korak 3
Izradite Svg slike Korak 3

Korak 3. Idite na datoteku koju želite pretvoriti

Nakon što odaberete izvor, pojavit će se dijaloški okvir s bibliotekom svih mapa na vašem računalu. Odavde morate pronaći mapu koja sadrži datoteku koju želite pretvoriti. Odaberite tu datoteku.

Izradite Svg slike Korak 4
Izradite Svg slike Korak 4

Korak #4. Kliknite Pretvori

Nakon što je prijenos datoteke dovršen, u donjem desnom kutu zaslona izbornika pojavit će se crveni gumb. Time će se pokrenuti proces pretvorbe, što može potrajati nekoliko minuta, ovisno o veličini datoteke.

Stvorite Svg slike Korak 5
Stvorite Svg slike Korak 5

Korak 5. Pritisnite Preuzmi

Nakon što se datoteka pretvori, desno od naziva datoteke u izborniku Pretvarač pojavit će se plavi gumb. Kada kliknete na to, datoteka će se preuzeti na vaše računalo kao SVG datoteka.

Metoda 2 od 2: Korištenje programa Adobe Illustrator

Stvorite Svg slike Korak 6
Stvorite Svg slike Korak 6

Korak 1. Otvorite Adobe Illustrator

Adobe Illustrator je aplikacija za grafički dizajn koja vam omogućuje stvaranje vlastitih slika zahvaljujući različitim alatima i značajkama.

Izradite Svg slike Korak 7
Izradite Svg slike Korak 7

Korak 2. Kreirajte svoju sliku

Nakon što se Illustrator otvori, možete odabrati alate na lijevoj strani zaslona i početi dizajnirati svoju sliku.

Izradite Svg slike Korak 8
Izradite Svg slike Korak 8

Korak 3. Primijenite SVG efekte na određene slojeve slike

Ako želite dodati prilagođene efekte na svoju sliku, možete odabrati sloj, a zatim kliknuti 'Učinak'> 'SVG filtri'> 'Primijeni SVG filtar'. Nakon toga kliknite gumb 'Uredi SVG filter', uredite zadani kôd i kliknite 'U redu' za spremanje SVG efekata.

Izradite Svg slike Korak 9
Izradite Svg slike Korak 9

Korak 4. Kliknite karticu Datoteka

Nalazi se u gornjem lijevom kutu zaslona.

Izradite Svg slike Korak 10
Izradite Svg slike Korak 10

Korak 5. Odaberite Izvoz s izbornika

Da biste vidjeli i koristili SVG datoteku izvan Illustratora, morate je izvesti.

Također možete odabrati "Spremi kao …", ali to će spremiti datoteku tako da se može pregledavati i uređivati samo u Illustratoru

Stvorite Svg slike 11. korak
Stvorite Svg slike 11. korak

Korak 6. Pritisnite Izvoz kao…

Ovo će otvoriti novi izbornik koji vam omogućuje izvoz datoteke iz Illustratora u format po vašem izboru.

Također možete odabrati "Izvoz za zaslone …" za spremanje SVG datoteke za otvaranje na iOS i Android uređajima

Stvorite Svg slike Korak 12
Stvorite Svg slike Korak 12

Korak 7. Odaberite SVG s popisa vrsta datoteka

U Illustratoru možete birati između različitih vrsta datoteka, uključujući SVG datoteke spremne za web.

Stvorite Svg slike Korak 13
Stvorite Svg slike Korak 13

Korak 8. Pritisnite Spremi

Vaša je slika sada dostupna za upotrebu kao SVG datoteka.

Popularno po temi