Kako ustvariti slike SVG: 13 korakov (s slikami)

Kazalo:

Kako ustvariti slike SVG: 13 korakov (s slikami)
Kako ustvariti slike SVG: 13 korakov (s slikami)

Video: Kako ustvariti slike SVG: 13 korakov (s slikami)

Video: Kako ustvariti slike SVG: 13 korakov (s slikami)
Video: CS50 2013 - Week 5, continued 2024, Maj
Anonim

Prilagodljiva vektorska grafika (SVG) omogoča več interaktivnih elementov na spletnih straneh, ne da bi uporabila toliko pasovne širine kot druge oblike slik, kot sta JPEG ali GIF, zato so idealne za spletno oblikovanje. Nekateri programi za digitalno ilustracijo, na primer Adobe Illustrator, ponujajo možnosti SVG in obstajajo spletna mesta za pretvorbo SVG, do katerih je prost dostop. Ta wikiHow vam prikazuje, kako ustvarite lastne slike SVG.

Koraki

Metoda 1 od 2: Uporaba Convertio-j.webp" />
Ustvarite Svg slike 1. korak
Ustvarite Svg slike 1. korak

Korak 1. Odprite spletni brskalnik in pojdite na

S tem se odpre stran za Convertiojev pretvornik-j.webp

Ustvarite Svg slike 2. korak
Ustvarite Svg slike 2. korak

Korak 2. Izberite vir slike JPG

Na vrhu menija pretvornika bi morali videti rdečo orodno vrstico z različnimi viri, do katerih lahko dostopate, da naložite slikovno datoteko-j.webp

Ustvarite Svg slike 3. korak
Ustvarite Svg slike 3. korak

Korak 3. Pomaknite se do datoteke, ki jo želite pretvoriti

Ko izberete vir, se mora pojaviti pogovorno okno s knjižnico map v vašem računalniku. Od tam se pomaknite do mape z datoteko, ki jo želite pretvoriti, in izberite datoteko.

Ustvarite Svg slike 4. korak
Ustvarite Svg slike 4. korak

Korak 4. Kliknite Pretvori

Ko je datoteka naložena, se v spodnjem desnem kotu zaslona menija prikaže rdeč gumb. S tem se bo začel postopek pretvorbe, ki lahko traja nekaj minut, odvisno od velikosti datoteke.

Ustvarite Svg slike 5. korak
Ustvarite Svg slike 5. korak

Korak 5. Kliknite Prenesi

Ko je datoteka končana s pretvorbo, se desno od imena datoteke v meniju Pretvornik prikaže modri gumb. Ko jo kliknete, se slika nato prenese v računalnik kot datoteka SVG.

Metoda 2 od 2: Uporaba programa Adobe Illustrator

Ustvarite Svg slike 6. korak
Ustvarite Svg slike 6. korak

Korak 1. Odprite Adobe Illustrator

Adobe Illustrator je aplikacija za grafično oblikovanje, ki vam omogoča ustvarjanje lastne umetnosti z različnimi orodji in funkcijami.

Ustvarite Svg slike 7. korak
Ustvarite Svg slike 7. korak

Korak 2. Ustvarite svojo podobo

Ko odprete Illustrator, lahko izberete katero koli orodje v orodni vrstici na levi strani zaslona, da začnete z oblikovanjem slike.

Ustvarite Svg slike 8. korak
Ustvarite Svg slike 8. korak

Korak 3. Uporabite učinke SVG na določene plasti slike

Če želite svoji sliki dodati učinke po meri, lahko izberete plast in nato kliknete Učinek > Filtri SVG > Uporabite filter SVG. Nato samo kliknite na Urejanje filtra SVG gumb, uredite privzeto kodo in kliknite v redu da shranite učinke SVG.

Ustvari Svg slike 9. korak
Ustvari Svg slike 9. korak

Korak 4. Kliknite zavihek Datoteka

Ta se nahaja v zgornjem levem kotu zaslona.

Ustvarite Svg slike 10. korak
Ustvarite Svg slike 10. korak

Korak 5. V meniju izberite Izvozi

Če želite datoteko SVG pripraviti za ogled in uporabo zunaj programa Illustrator, jo morate izvoziti.

Izberete lahko tudi Shrani kot…, čeprav bo to shranilo datoteko, tako da si jo lahko ogledate in uredite samo v Illustratorju.

Ustvari Svg slike 11. korak
Ustvari Svg slike 11. korak

Korak 6. Kliknite Izvozi kot…

Odpre se nov meni, v katerem lahko izvozite datoteko iz Illustratorja v obliko po vaši izbiri.

Izberete lahko tudi Izvoz za zaslone … shranite sliko SVG na način, do katerega lahko dostopate v napravah iOS ali Android.

Ustvarite Svg slike 12. korak
Ustvarite Svg slike 12. korak

Korak 7. Na seznamu vrst datotek izberite SVG

Illustrator ponuja različne vrste datotek, med katerimi lahko izbirate, vključno s spletnimi datotekami SVG.

Ustvari Svg slike 13. korak
Ustvari Svg slike 13. korak

Korak 8. Kliknite Shrani

Vaša slika bo zdaj na voljo za uporabo kot datoteka SVG.

Priporočena: