Jak vytvářet obrázky ve formátu SVG

Obsah:

Jak vytvářet obrázky ve formátu SVG
Jak vytvářet obrázky ve formátu SVG

Video: Jak vytvářet obrázky ve formátu SVG

Video: Jak vytvářet obrázky ve formátu SVG
Video: Turn screenshots into editable designs 🔥 2024, Listopad
Anonim

Škálovatelný formát vektorové grafiky (SVG) vám umožňuje vytvářet na webových stránkách více interaktivních prvků, aniž by zabíral tolik šířky pásma jako jiné formáty, jako jsou JPEG nebo GIF, což je ideální pro web design. Některé programy digitální ilustrace, jako je Adobe Illustrator, nabízejí možnost formátu SVG. Kromě toho existuje několik online webových stránek převaděče SVG, které nabízejí bezplatný přístup ke konverzním službám. Tento wikiHow vás naučí, jak vytvořit obrázek ve formátu SVG.

Krok

Metoda 1 ze 2: Použití služby převaděče Convertio-j.webp" />
Vytvořte obrázky Svg Krok 1
Vytvořte obrázky Svg Krok 1

Krok 1. Otevřete webový prohlížeč a navštivte

Dostanete se na stránku převaděče Convertio-j.webp

Vytvořte obrázky Svg Krok 2
Vytvořte obrázky Svg Krok 2

Krok 2. Vyberte zdrojový soubor JPG

V horní části nabídky převaděče se zobrazí červený panel nástrojů zobrazující různé zdroje dostupné pro nahrávání souborů JPG. Soubor bude později převeden do formátu SVG.

Vytvořte obrázky Svg Krok 3
Vytvořte obrázky Svg Krok 3

Krok 3. Vyhledejte soubor, který chcete převést

Po výběru zdroje se zobrazí dialogové okno a vytvoří knihovnu počítačových složek. V tomto poli přejděte do složky, kde je uložen soubor obrázku, který chcete převést, a vyberte soubor.

Vytvořte obrázky Svg Krok 4
Vytvořte obrázky Svg Krok 4

Krok 4. Klikněte na Převést

Po nahrání souboru se v pravém dolním rohu okna nabídky zobrazí červené tlačítko. Proces převodu začne a může trvat několik minut, v závislosti na velikosti souboru.

Vytvořte obrázky Svg Krok 5
Vytvořte obrázky Svg Krok 5

Krok 5. Klikněte na Stáhnout

Po dokončení převodu souboru se vpravo od názvu souboru v nabídce převaděče zobrazí modré tlačítko. Kliknutím na tlačítko stáhnete obrázek do svého počítače jako soubor SVG.

Metoda 2 ze 2: Použití aplikace Adobe Illustrator

Vytvořte obrázky Svg Krok 6
Vytvořte obrázky Svg Krok 6

Krok 1. Otevřete Adobe Illustrator

Adobe Illustrator je aplikace pro grafický design, která vám umožňuje vytvářet vlastní kresby pomocí řady nástrojů a funkcí.

Vytvořte obrázky Svg Krok 7
Vytvořte obrázky Svg Krok 7

Krok 2. Vytvořte obrázek

Jakmile se otevře okno Illustratoru, můžete z lišty nástrojů na levé straně obrazovky vybrat libovolný nástroj a zahájit proces návrhu obrázku.

Vytvořte obrázky Svg Krok 8
Vytvořte obrázky Svg Krok 8

Krok 3. Aplikujte efekt SVG na více vrstev obrázku

Pokud chcete do obrázku přidat svůj vlastní efekt, vyberte vrstvu a klikněte na „ Účinek ” > “ SVG filtry ” > “ Použijte filtr SVG " Poté klikněte na tlačítko „ Upravit filtr SVG “, Upravte výchozí kód a klikněte na„ OK ”Pro uložení efektu SVG.

Vytvořte obrázky Svg Krok 9
Vytvořte obrázky Svg Krok 9

Krok 4. Klikněte na kartu Soubor

Je v levém horním rohu obrazovky.

Vytvořte obrázky Svg Krok 10
Vytvořte obrázky Svg Krok 10

Krok 5. Vyberte v nabídce Export

Aby byl váš soubor SVG připraven k zobrazení a použití mimo Illustrator, budete jej muset exportovat.

Můžete si také vybrat " Uložit jako… " Tento postup však uloží obrázek, který lze zobrazit a upravit pouze prostřednictvím aplikace Illustrator.

Vytvořte obrázky Svg Krok 11
Vytvořte obrázky Svg Krok 11

Krok 6. Klikněte na Exportovat jako…

Otevře se nová nabídka a vy můžete exportovat soubor z Illustratoru do požadovaného formátu.

Můžete si také vybrat " Export pro obrazovky… ”K uložení souboru SVG ve formátu přístupném prostřednictvím zařízení iOS nebo Android.

Vytvořte obrázky Svg Krok 12
Vytvořte obrázky Svg Krok 12

Krok 7. Vyberte SVG v seznamu typů souborů

Illustrator nabízí řadu typů souborů, ze kterých si můžete vybrat, včetně souborů SVG pro web.

Vytvořte obrázky Svg Krok 13
Vytvořte obrázky Svg Krok 13

Krok 8. Klikněte na Uložit

Obraz je nyní připraven k použití jako soubor SVG.

Doporučuje: