Ako vytvárať obrázky SVG: 13 krokov (s obrázkami)

Obsah:

Ako vytvárať obrázky SVG: 13 krokov (s obrázkami)
Ako vytvárať obrázky SVG: 13 krokov (s obrázkami)

Video: Ako vytvárať obrázky SVG: 13 krokov (s obrázkami)

Video: Ako vytvárať obrázky SVG: 13 krokov (s obrázkami)
Video: CS50 2013 - Week 5, continued 2024, Apríl
Anonim

Škálovateľná vektorová grafika (SVG) umožňuje na webových stránkach viac interaktívnych prvkov bez toho, aby využívala takú šírku pásma ako iné obrazové formáty, ako sú JPEG alebo GIF, vďaka čomu sú ideálne pre web design. Niektoré programy pre digitálne ilustrácie, ako napríklad Adobe Illustrator, ponúkajú možnosti SVG a existujú bezplatné webové stránky s prevodníkom SVG online. Tento wikiHow vám ukáže, ako si vytvoriť vlastné obrázky SVG.

Kroky

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

Krok 1. Otvorte webový prehliadač a prejdite na stránku

Tým sa dostanete na stránku prevodníka Convertio-j.webp

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

Krok 2. Vyberte zdroj pre svoj obrázok JPG

V hornej časti ponuky konvertora by ste mali vidieť červený panel nástrojov so zoznamom rôznych zdrojov, ku ktorým máte prístup, a môžete nahrať súbor s obrázkom JPG, ktorý chcete previesť do formátu SVG.

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

Krok 3. Prejdite na súbor, ktorý chcete previesť

Hneď ako vyberiete zdroj, malo by sa objaviť dialógové okno s knižnicou priečinkov vášho počítača. Odtiaľ prejdite do priečinka so súborom, 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 obrazovky ponuky zobrazí červené tlačidlo. Spustí sa proces prevodu, ktorý môže v závislosti od veľkosti súboru trvať niekoľko minút.

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

Krok 5. Kliknite na položku Stiahnuť

Akonáhle je súbor konvertovaný, napravo od názvu súboru v ponuke Konvertor sa zobrazí modré tlačidlo. Keď naň kliknete, obrázok sa stiahne do vášho 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é umenie pomocou rôznych nástrojov a funkcií.

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

Krok 2. Vytvorte si obrázok

Po otvorení aplikácie Illustrator môžete na paneli s nástrojmi na ľavej strane obrazovky vybrať ktorýkoľvek z nástrojov a začať s navrhovaním obrázka.

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

Krok 3. Aplikujte efekty SVG na určité vrstvy obrázka

Ak chcete k svojmu obrázku pridať akékoľvek vlastné efekty, môžete vybrať vrstvu a potom kliknúť Účinok > SVG filtre > Použiť filter SVG. Potom už len kliknite na Upraviť filter SVG tlačidlo, upravte predvolený kód a kliknite na tlačidlo OK na uloženie efektov 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 aplikácie Illustrator, budete ho musieť exportovať.

Môžete tiež vybrať Uložiť ako…, Tým sa však súbor uloží, takže ho bude možné zobrazovať 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…

Tým sa otvorí nová ponuka, v ktorej môžete exportovať súbor z programu Illustrator do formátu podľa vášho výberu.

Môžete tiež vybrať Exportovať pre obrazovky… aby bol váš obrázok SVG uložený spôsobom, ku ktorému je prístup na zariadeniach so systémom 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 pripravených pre web.

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

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

Váš obrázok bude teraz k dispozícii na použitie ako súbor SVG.

Odporúča: