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: Kada ti "Dobro jutro" 💖 poruku pisem ✒📩✏📩 2024, Svibanj
Anonim

Skalabilna vektorska grafika (SVG) omogućuje više interaktivnih elemenata na web stranicama bez korištenja iste propusnosti kao drugi slikovni formati 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 koje su slobodne za pristup. Ovaj wikiHow pokazuje vam kako stvoriti vlastite SVG slike.

Koraci

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

Korak 1. Otvorite web-preglednik i idite na

Ovo će vas odvesti na stranicu Convertio -ovog-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 popisom različitih izvora kojima možete pristupiti za prijenos-j.webp

Izradite Svg slike Korak 3
Izradite 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.

Izradite Svg slike Korak 4
Izradite Svg slike Korak 4

Korak 4. Pritisnite Pretvori

Nakon što je datoteka učitana, u donjem desnom kutu zaslona izbornika pojavit će se crveni gumb. Time će se pokrenuti postupak 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 završi s pretvorbom, desno od naziva datoteke u izborniku Converter pojavit će se plavi gumb. Nakon što je kliknete, slika će se zatim 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 vlastite umjetnosti pomoću različitih alata i značajki.

Izradite Svg slike Korak 7
Izradite 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 zaslona da biste započeli s dizajniranjem slike.

Izradite Svg slike Korak 8
Izradite 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 Utjecaj > SVG filteri > Primijenite SVG filter. Zatim samo kliknite na Uređivanje SVG filtra gumb, 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

Ovo se nalazi u gornjem lijevom kutu zaslona.

Izradite Svg slike Korak 10
Izradite Svg slike Korak 10

Korak 5. Odaberite Izvoz na izborniku

Da biste SVG datoteku pripremili za pregled i upotrebu izvan Illustratora, morat ćete je izvesti.

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

Stvorite Svg slike Korak 11
Stvorite Svg slike Korak 11

Korak 6. Pritisnite Izvoz kao…

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

Također možete odabrati Izvoz za zaslone … za spremanje SVG slike na način na koji joj se može pristupiti na iOS ili Android uređajima.

Stvorite Svg slike Korak 12
Stvorite Svg slike Korak 12

Korak 7. Odaberite SVG na popisu vrsta datoteka

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

Stvorite Svg slike Korak 13
Stvorite Svg slike Korak 13

Korak 8. Pritisnite Spremi

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

Preporučeni: