Kako stvoriti SVG slike: 13 koraka (sa slikama)

Sadržaj:

Kako stvoriti SVG slike: 13 koraka (sa slikama)
Kako stvoriti SVG slike: 13 koraka (sa slikama)

Video: Kako stvoriti SVG slike: 13 koraka (sa slikama)

Video: Kako stvoriti SVG slike: 13 koraka (sa slikama)
Video: Kako pretvoriti sliku u Word dokument koji se može uređivati (editovati) 2024, Maj
Anonim

Skalabilna vektorska grafika (SVG) omogućuje više interaktivnih elemenata na web stranicama bez korištenja tolikog propusnog opsega kao drugi formati slika poput JPEG ili GIF, što ih čini idealnim za web dizajn. Neki programi za digitalnu ilustraciju, poput Adobe Illustratora, nude SVG opcije, a postoje i internetske stranice za pretvaranje SVG -a kojima je slobodan pristup. Ovaj wikiHow vam pokazuje kako stvoriti vlastite SVG slike.

Koraci

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

Korak 1. Otvorite svoj web preglednik i idite na

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

Kreirajte Svg slike Korak 2
Kreirajte Svg slike Korak 2

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

Pri vrhu izbornika pretvarača trebali biste vidjeti crvenu traku s alatima s popisom različitih izvora kojima možete pristupiti za postavljanje-j.webp

Kreirajte Svg slike Korak 3
Kreirajte Svg slike Korak 3

Korak 3. Idite do datoteke koju želite pretvoriti

Nakon što odaberete izvor, trebao bi se pojaviti dijaloški okvir s bibliotekom mapa vašeg računala. Odatle idite do mape s datotekom koju želite pretvoriti i odaberite datoteku.

Kreirajte Svg slike Korak 4
Kreirajte Svg slike Korak 4

Korak 4. Pritisnite Pretvori

Nakon što je datoteka učitana, u donjem desnom kutu ekrana izbornika pojavit će se crveno dugme. Ovo će pokrenuti proces konverzije, što može potrajati nekoliko minuta, ovisno o veličini datoteke.

Kreirajte Svg slike Korak 5
Kreirajte Svg slike Korak 5

Korak 5. Kliknite Preuzmi

Nakon što se datoteka završi s pretvorbom, desno od naziva datoteke u izborniku Pretvarač pojavit će se plavo dugme. Kada kliknete na nju, slika će se zatim preuzeti na vaš računar kao SVG datoteka.

Metoda 2 od 2: Korištenje programa Adobe Illustrator

Kreirajte Svg slike Korak 6
Kreirajte Svg slike Korak 6

Korak 1. Otvorite Adobe Illustrator

Adobe Illustrator je aplikacija za grafički dizajn koja vam omogućuje stvaranje vlastite umjetnosti pomoću različitih alata i funkcija.

Kreirajte Svg slike Korak 7
Kreirajte Svg slike Korak 7

Korak 2. Kreirajte svoju sliku

Nakon što otvorite Illustrator, možete odabrati bilo koji od alata na alatnoj traci s lijeve strane ekrana kako biste započeli s dizajniranjem slike.

Kreirajte Svg slike Korak 8
Kreirajte Svg slike Korak 8

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

Ako želite dodati bilo kakve prilagođene efekte na svoju sliku, možete odabrati sloj, a zatim kliknuti Efekat > SVG filteri > Primijenite SVG filter. Zatim samo kliknite na Uredite SVG filter dugme, uredite zadani kôd i kliknite uredu za spremanje SVG efekata.

Kreirajte Svg slike Korak 9
Kreirajte Svg slike Korak 9

Korak 4. Kliknite karticu Datoteka

Ovo se nalazi u gornjem lijevom kutu ekrana.

Kreirajte Svg slike Korak 10
Kreirajte Svg slike Korak 10

Korak 5. Odaberite Izvoz u izborniku

Da bi vaša SVG datoteka bila spremna za pregled i upotrebu izvan Illustratora, morate je izvesti.

Takođe možete izabrati Sačuvaj kao…, iako će ovo spremiti datoteku tako da se može pregledavati i uređivati samo u Illustratoru.

Kreirajte Svg slike Korak 11
Kreirajte Svg slike Korak 11

Korak 6. Pritisnite Izvezi kao…

Ovo otvara novi izbornik u koji možete izvesti datoteku iz Illustratora u format po vašem izboru.

Takođe možete izabrati Izvoz za ekrane… da biste sačuvali SVG sliku na način na koji joj možete pristupiti na iOS ili Android uređajima.

Kreirajte Svg slike Korak 12
Kreirajte Svg slike Korak 12

Korak 7. Odaberite SVG na popisu vrsta datoteka

Illustrator nudi različite tipove datoteka na koje možete birati, uključujući SVG datoteke spremne za web.

Kreirajte Svg slike Korak 13
Kreirajte Svg slike Korak 13

Korak 8. Pritisnite Spremi

Vaša će slika sada biti dostupna za upotrebu kao SVG datoteka.

Preporučuje se: