Ako vytvárať obrázky vo formáte SVG

Obsah:

Ako vytvárať obrázky vo formáte SVG
Ako vytvárať obrázky vo formáte SVG

Video: Ako vytvárať obrázky vo formáte SVG

Video: Ako vytvárať obrázky vo formáte SVG
Video: Настя учится правильно шутить над папой 2024, Júl
Anonim

Škálovateľný formát vektorovej grafiky (SVG) vám umožňuje vytvárať na webových stránkach viac interaktívnych prvkov bez toho, aby ste spotrebovávali takú šírku pásma ako iné formáty, ako napríklad JPEG alebo GIF, čo je ideálne pre návrh webu. Niektoré programy pre digitálne ilustrácie, ako napríklad Adobe Illustrator, ponúkajú možnosť formátu SVG. Okrem toho existuje niekoľko webových stránok s prevodníkom SVG, ktoré ponúkajú bezplatný prístup k službám konverzie. Tento wikiHow vás naučí, ako vytvoriť obrázok vo formáte SVG.

Krok

Metóda 1 z 2: Použitie služby konvertora Convertio-j.webp" />
Vytvorte obrázky Svg Krok 1
Vytvorte obrázky Svg Krok 1

Krok 1. Otvorte webový prehliadač a navštívte stránku

Dostanete sa na stránku prevodníka Convertio-j.webp

Vytvorte obrázky Svg, krok 2
Vytvorte obrázky Svg, krok 2

Krok 2. Vyberte zdrojový súbor JPG

V hornej časti ponuky konvertora sa zobrazí červený panel nástrojov, ktorý zobrazuje rôzne zdroje dostupné na odosielanie súborov JPG. Súbor bude neskôr skonvertovaný do formátu SVG.

Vytvorte obrázky Svg, krok 3
Vytvorte obrázky Svg, krok 3

Krok 3. Vyhľadajte súbor, ktorý chcete previesť

Po výbere zdroja sa zobrazí dialógové okno a vytvorí sa knižnica počítačových priečinkov. V tomto poli prejdite do priečinka, kde je uložený súbor s obrázkom, ktorý chcete previesť, a vyberte súbor.

Vytvorte obrázky Svg Krok 4
Vytvorte obrázky Svg Krok 4

Krok 4. Kliknite na položku Previesť

Po nahraní súboru sa v pravom dolnom rohu okna ponuky zobrazí červené tlačidlo. Proces prevodu sa začne a môže trvať niekoľko minút, v závislosti od veľkosti súboru.

Vytvorte obrázky Svg, krok 5
Vytvorte obrázky Svg, krok 5

Krok 5. Kliknite na položku Stiahnuť

Po dokončení prevodu súboru sa vpravo od názvu súboru v ponuke prevodníka zobrazí modré tlačidlo. Kliknutím na tlačidlo stiahnete obrázok do počítača ako súbor SVG.

Metóda 2 z 2: Použitie programu Adobe Illustrator

Vytvorte obrázky Svg, krok 6
Vytvorte obrázky Svg, krok 6

Krok 1. Otvorte Adobe Illustrator

Adobe Illustrator je aplikácia pre grafický dizajn, ktorá vám umožňuje vytvárať vlastné kresby pomocou rôznych nástrojov a funkcií.

Vytvorte obrázky Svg, krok 7
Vytvorte obrázky Svg, krok 7

Krok 2. Vytvorte obrázok

Hneď ako sa otvorí okno Illustratora, môžete na paneli s nástrojmi na ľavej strane obrazovky vybrať ľubovoľný nástroj a začať proces návrhu obrazu.

Vytvorte obrázky Svg, krok 8
Vytvorte obrázky Svg, krok 8

Krok 3. Aplikujte efekt SVG na viac vrstiev obrázku

Ak chcete k obrázku pridať svoj vlastný efekt, vyberte vrstvu a kliknite na „ Účinok ” > “ SVG filtre ” > “ Použiť filter SVG " Potom stačí kliknúť na tlačidlo „ Upraviť filter SVG “, Upravte predvolený kód a kliknite na„ OK ”Na uloženie efektu SVG.

Vytvorte obrázky Svg, krok 9
Vytvorte obrázky Svg, krok 9

Krok 4. Kliknite na kartu Súbor

Nachádza sa v ľavom hornom rohu obrazovky.

Vytvorte obrázky Svg, krok 10
Vytvorte obrázky Svg, krok 10

Krok 5. V ponuke vyberte položku Exportovať

Aby bol váš súbor SVG pripravený na zobrazenie a používanie mimo Illustratora, budete ho musieť exportovať.

Môžete si tiež vybrať „ Uložiť ako… " Tento postup však uloží obrázok, ktorý je možné zobraziť a upravovať iba v programe Illustrator.

Vytvorte obrázky Svg, krok 11
Vytvorte obrázky Svg, krok 11

Krok 6. Kliknite na položku Exportovať ako…

Otvorí sa nová ponuka a vy môžete exportovať súbor z Illustratoru do požadovaného formátu.

Môžete si tiež vybrať „ Exportovať pre obrazovky… ”Uložte súbor SVG vo formáte prístupnom prostredníctvom zariadenia iOS alebo Android.

Vytvorte obrázky Svg, krok 12
Vytvorte obrázky Svg, krok 12

Krok 7. Vyberte SVG v zozname typov súborov

Illustrator ponúka množstvo typov súborov, z ktorých si môžete vyberať, vrátane súborov SVG pre web.

Vytvorte obrázky Svg, krok 13
Vytvorte obrázky Svg, krok 13

Krok 8. Kliknite na položku Uložiť

Obrázok je teraz pripravený na použitie ako súbor SVG.

Odporúča: