Příručka uživatele Zrušit

SVG

  1. Příručka uživatele aplikace Illustrator
  2. Seznamte se s aplikací Illustrator
    1. Úvod do aplikace Illustrator
      1. Co je nové v aplikaci Illustrator
      2. Časté dotazy
      3. Systémové požadavky aplikace Illustrator
      4. Illustrator pro zařízení s procesory Apple Silicon
    2. Pracovní plocha
      1. Základy práce s pracovní plochou
      2. Vytváření dokumentů
      3. Nástroje
      4. Přizpůsobení klávesových zkratek
      5. Kreslicí plátna
      6. Přizpůsobení pracovní plochy
      7. Panel Vlastnosti
      8. Nastavení předvoleb
      9. Dotyková pracovní plocha
      10. Podpora zařízení Microsoft Surface Dial v aplikaci Illustrator
      11. Obnovení, vrácení zpět a automatizace
      12. Otočení zobrazení
      13. Pravítka, mřížky a vodítka
      14. Usnadnění v aplikaci Illustrator
      15. Bezpečný režim
      16. Zobrazení kresby
      17. Používání panelu Touch Bar s aplikací Illustrator
      18. Soubory a předlohy
      19. Synchronizace nastavení pomocí služby Adobe Creative Cloud
    3. Nástroje v aplikaci Illustrator
      1. Výběr
        1. Přehled
        2. Výběr
        3. Přímý výběr
        4. Laso
        5. Kreslicí plátno
      2. Navigace
        1. Přehled
        2. Lupa
        3. Otočení zobrazení
      3. Malovat
        1. Přehled
        2. Přechod
        3. Vytváření tvaru
      4. Text
        1. Přehled
        2. Text
        3. Text na cestě
  3. Illustrator na iPadu
    1. Úvod do aplikace Illustrator na iPadu
      1. Přehled aplikace Illustrator pro iPad
      2. Časté dotazy k aplikaci Illustrator pro iPad
      3. Systémové požadavky | Illustrator pro iPad
      4. Co můžete dělat v aplikaci Illustrator na iPadu a co ne
    2. Pracovní plocha
      1. Illustrator na pracovní ploše iPad
      2. Dotykové zkratky a gesta
      3. Klávesové zkratky aplikace Illustrator pro iPad
      4. Správa nastavení aplikace
    3. Dokumenty
      1. Práce s dokumenty v aplikaci Illustrator pro iPad
      2. Import dokumentů aplikace Photoshop a Fresco
    4. Výběr a uspořádání objektů
      1. Vytvoření opakujících se objektů
      2. Prolnutí objektů
    5. Kreslení
      1. Kreslení a úpravy cest
      2. Kreslení a úpravy tvarů
    6. Text
      1. Práce s textem a písmy
      2. Vytvoření textových návrhů podél cesty
      3. Přidejte si vlastní písma
    7. Práce s obrázky
      1. Vektorizujte rastrové obrázky
    8. Barvy
      1. Použití barev a přechodů
  4. Dokumenty v cloudu
    1. Základní informace
      1. Práce s dokumenty v cloudu aplikace Illustrator
      2. Sdílejte a spolupracujte na dokumentech v cloudu Illustrator
      3. Rozšiřte své cloudové úložiště pro aplikaci Adobe Illustrator
      4. Dokumenty v cloudu aplikace Illustrator | Časté dotazy
    2. Řešení problémů
      1. Odstraňování problémů s vytvářením nebo ukládáním dokumentů aplikace Illustrator v cloudu
      2. Odstraňování problémů s dokumenty aplikace Illustrator v cloudu
  5. Přidání a úpravy obsahu
    1. Kreslení
      1. Základy kreslení
      2. Úpravy cest
      3. Nakreslení pixelově dokonalé kresby
      4. Kreslení pomocí nástroje pero, zakřivení nebo tužka
      5. Kreslení jednoduchých čar a tvarů
      6. Vektorizace obrazu
      7. Zjednodušení cesty
      8. Definování perspektivních mřížek
      9. Nástroje pro práci se symboly a sady symbolů
      10. Úpravy segmentů cest
      11. Návrh květiny v 5 snadných krocích
      12. Perspektivní kreslení
      13. Symboly
      14. Kreslení cest zarovnaných podle obrazových bodů v pracovních postupech určených pro web
    2. 3D efekty a materiály Adobe Substance
      1. Informace o 3D efektech v aplikaci Illustrator
      2. Vytvoření 3D grafiky
      3. Vytváření 3D objektů
      4. Vytváření 3D textu
    3. Barvy
      1. O barvách
      2. Vybírání barev
      3. Používání a vytváření vzorků barev
      4. Přizpůsobení barev
      5. Používání panelu Motivy Adobe Color
      6. Barevné skupiny (harmonie)
      7. Panel Barevné motivy
      8. Přebarvení kresby
    4. Malování
      1. O malování
      2. Malba s výplněmi a tahy
      3. Skupiny živé malby
      4. Přechody
      5. Stopy štětce
      6. Průhlednost a režimy prolnutí
      7. Aplikace tahu na objekt
      8. Vytváření a úpravy vzorků
      9. Mřížky
      10. Vzorky
    5. Výběr a uspořádání objektů
      1. Vybírání objektů
      2. Vrstvy
      3. Seskupení a rozdělení objektů
      4. Přemístění, zarovnání a rozmístění objektů
      5. Překrývání objektů    
      6. Zamknutí, skrytí a odstranění objektů
      7. Duplikování objektů
      8. Otočení a zrcadlení objektů
    6. Změna tvaru objektů
      1. Oříznutí obrazů
      2. Transformace objektů
      3. Kombinování objektů
      4. Vyjímání, rozdělování a ořezávání objektů
      5. Pokřivení loutky
      6. Změna velikosti, zkosení a deformování objektů
      7. Prolnutí objektů
      8. Změna tvaru s použitím obálek
      9. Změna tvaru objektů pomocí efektů
      10. Vytvářejte nové tvary pomocí nástroje Shaper a nástroje pro vytváření tvaru
      11. Práce s živými rohy
      12. Vylepšené pracovní postupy změny tvarů s podporou dotykového ovládání
      13. Úpravy ořezových masek
      14. Živé tvary
      15. Vytváření tvarů pomocí nástroje pro vytváření tvaru
      16. Globální úpravy
    7. Text
      1. Vytváření textu
      2. Písma a typografie
      3. Formátování textu
      4. Import a export textu
      5. Formátování odstavců
      6. Speciální znaky
      7. Vytvoření textu na cestě
      8. Znakové a odstavcové styly
      9. Záložky
      10. Text
      11. Nalezení chybějících písem (pracovní postup pro Typekit)
      12. Aktualizace textu z aplikace Illustrator 10
      13. Písma pro arabštinu a hebrejštinu
      14. Písma | Nejčastější dotazy a tipy pro řešení potíží
      15. Vytvoření efektu 3D textu
      16. Návrhy pro tvůrčí typografii
      17. Změna velikosti a natočení textu
      18. Mezery mezi řádky a znaky
      19. Dělení slov a zalamování řádků
      20. Vylepšení textu
      21. Slovníky pro kontrolu pravopisu
      22. Formátování asijských znaků
      23. Sazby pro asijská písma
      24. Vytváření textových návrhů s prolnutím objektů
      25. Vytvoření textového plakátu pomocí vektorizace obrazu
    8. Vytváření zvláštních efektů
      1. Práce s efekty
      2. Grafické styly
      3. Vytvoření vrženého stínu
      4. Atributy vzhledu
      5. Vytvoření skici nebo mozaiky
      6. Vržené stíny, záře a prolnutí okrajů
      7. Přehled efektů
    9. Webové grafiky
      1. Osvědčené postupy pro vytváření webových grafik
      2. Grafy
      3. SVG
      4. Vytváření animací
      5. Řezy a obrazové mapy
  6. Import, export a ukládání
    1. Importovat
      1. Importování souborů kresby
      2. Import bitmapových obrazů
      3. Importování kreseb z aplikace Photoshop
      4. Umístění více souborů | Illustrator CC
      5. Zrušení vložení obrazů
      6. Import souborů Adobe PDF
      7. Import souborů EPS, DCS a AutoCAD
      8. Informace o vazbách
    2. Creative Cloud knihovny v aplikaci Illustrator 
      1. Creative Cloud knihovny v aplikaci Illustrator
    3. Uložit
      1. Ukládání kresby
    4. Export
      1. Používání kresby Illustrator v aplikaci Photoshop
      2. Export kresby
      3. Shromažďování zdrojů a hromadný export
      4. Sbalení souborů
      5. Vytváření souborů Adobe PDF
      6. Extrahování CSS | Illustrator CC
      7. Volby Adobe PDF
      8. Informace o souboru a metadata
  7. Tisk
    1. Příprava k tisku
      1. Nastavení dokumentů pro tisk
      2. Změna velikosti a orientace stránky
      3. Určení ořezových značek pro oříznutí nebo zarovnání
      4. Začínáme s velkým plátnem
    2. Tisk
      1. Přetisk tahu
      2. Tisk s použitím správy barev
      3. PostScriptový tisk
      4. Přednastavení tisku
      5. Tiskové značky a spadávky
      6. Tisk a ukládání průhledných kreseb
      7. Přesahy
      8. Tisk barevných výtažků
      9. Tisk přechodů, mřížek a barevných prolnutí
      10. Bílý přetisk
  8. Automatizace úloh
    1. Slučování dat pomocí panelu Proměnné
    2. Automatizace pomocí skriptů
    3. Automatizace pomocí akcí
  9. Řešení problémů 
    1. Chyby aplikace
    2. Obnovení souborů po zhroucení
    3. Problémy se soubory
    4. Problémy s ovladačem grafického zařízení
    5. Problémy se zařízením Wacom
    6. Problémy se soubory DLL
    7. Problémy s pamětí
    8. Problémy se souborem předvoleb
    9. Problémy s písmy
    10. Problémy s tiskárnou
    11. Sdílení hlášení o zhroucení se společností Adobe

Naučte se pracovat s SVG a používejte XML a JavaScript k vytváření webových grafik, které reagují na akce uživatele různými rafinovanými efekty, jako je zvýraznění, tipy nástrojů, zvuk a animace.

O SVG

Bitmapové obrazové formáty pro web – GIF, JPEG, WBMP a PNG – popisují obraz pomocí mřížky obrazových bodů. Výsledné soubory bývají velké, omezené na jedno (často nízké) rozlišení a vyžadují velkou rychlost připojení na web. SVG je naopak vektorový formát, který popisuje obrazy jako tvary, cesty, text a efekty filtrů. Výsledné soubory jsou kompaktní a poskytují vysoce kvalitní grafiky na webu, v tisku a dokonce i v kapesních zařízeních s omezenými prostředky. Uživatelé mohou zvětšit zobrazení obrazu SVG na obrazovce bez zhoršení ostrosti, detailů nebo přesnosti. Navíc SVG poskytuje výbornou podporu pro text a barvy, což zajistí, že uživatelé uvidí obrazy tak, jak se zobrazují na kreslicí ploše v aplikaci Illustrator.

Formát SVG je zcela založen na XML a nabízí mnohé výhody jak vývojářům, tak i uživatelům. S SVG můžete použít XML a JavaScript k vytváření webových grafik, které reagují na akce uživatele různými rafinovanými efekty, jako je zvýraznění, tipy nástrojů, zvuk a animace.

Kresbu můžete uložit ve  formátu SVG  pomocí příkazů Uložit, Uložit jako, Uložit kopii nebo Uložit pro web a zařízení. Chcete-li mít přístup k úplné sadě voleb exportu SVG, použijte příkaz Uložit, Uložit jako nebo Uložit kopii. Příkaz Uložit pro web a zařízení poskytuje podmnožinu voleb exportu SVG, které se uplatní při práci orientované na web.

Výsledný soubor SVG bude ovlivněn nastavením kresby v aplikaci Illustrator. Pamatujte si následující pravidla:

  • Použijte vrstvy k přidání struktury k souboru SVG. Když uložíte kresbu ve formátu SVG, každá vrstva se převede na element skupiny (<g>). (Například z vrstvy s názvem Tlacitko1 se v souboru SVG stane <g id="Tlacitko1_ver3.0">.) Z vnořených vrstev se stanou vnořené skupiny SVG. Skryté vrstvy se zachovají a vlastnost „display“ stylu SVG bude mít hodnotu „none“.

  • Pokud chcete, aby se objekty na různých vrstvách zdály být průhledné, nastavte krytí jednotlivých objektů, ne celých vrstev. Pokud změníte krytí na úrovni vrstvy, ve výsledném souboru SVG se nezobrazí průhlednost tak, jak vypadá v aplikaci Illustrator.

  • Rastrová data nelze v prohlížeči SVG Viewer zvětšovat a zmenšovat a nelze je upravovat tak, jako ostatní elementy SVG. Pokud je to možné, vyhněte se vytváření kreseb, které budou v souboru SVG rastrované. Mřížky přechodů a objekty, které používají efekty Rastrovat, Umělecké, Rozostření, Tahy štětce, Deformovat, Seskupení, Zostření, Skica, Stylizace, Textura a Video, se rastrují, když se uloží ve formátu SVG. Podobně grafické styly, které obsahují tyto efekty, také způsobí rastrování. Použijte efekty SVG, chcete-li přidat grafické efekty, které nezpůsobí rastrování.

  • Abyste zlepšili rychlost SVG, používejte symboly a zjednodušte cesty ve své kresbě. Také se vyhněte používání stop štětců, které produkují množství dat cest, jako jsou stopy Uhel, Popel a Ozdobné pero, pokud má rychlost vysokou prioritu.

  • K přidání webových odkazů do souboru SVG použijte řezy, obrazové mapy a skripty.

  • Skriptovací jazyk, jako je JavaScript, poskytuje souboru SVG neomezenou funkčnost. Pohyby ukazatele a akce z klávesnice mohou vyvolat skriptované funkce, například efekty přechodu (rolloverů). Skripty mohou také použít objektový model dokumentu DOM (Document Object Model) k přístupu k souboru SVG a jeho změna – například vkládání a odstraňování elementů SVG.

Použití efektů SVG

Efekty SVG můžete použít k přidání grafických vlastností, jako jsou vržené stíny, do své kresby. Efekty SVG se liší od svých bitmapových protějšků tím, že jsou založené na XML a jsou nezávislé na rozlišení. Efekt SVG není ve skutečnosti nic více než řada vlastností XML, které popisují různé matematické operace. Výsledné efekty se vykreslí s cílovým objektem, ne se zdrojovou grafikou.

Illustrator obsahuje výchozí sadu efektů SVG. Efekty můžete použít s jejich výchozími vlastnostmi, můžete upravit kód XML, a tím vytvořit vlastní efekty, nebo si můžete napsat nové efekty SVG.

Poznámka:

Chcete-li upravit výchozí filtry SVG v aplikaci Illustrator, použijte textový editor a upravte soubor Adobe SVG Filters. svg  ve složce Documents and Settings/<složka uživatele>/Application Data/Adobe/Adobe Illustrator <číslo verze> Settings/<umístění>. Můžete upravit definice stávajících filtrů, odstranit definice filtrů a přidat nové definice filtrů.

  1. Vyberte objekt nebo skupinu (nebo v panelu Vrstvy nastavte vrstvu jako cíl operace).
  2. Proveďte jeden z následujících úkonů:
    • Chcete-li efekt aplikovat se standardním nastavením, vyberte efekt z dolní části podnabídky Efekt > Filtry SVG.

    • Chcete-li efekt aplikovat s vlastní nastavením, zvolte Efekt > Filtry SVG > Aplikovat filtr SVG. V dialogovém okně vyberte efekt a klikněte na tlačítko Upravit filtr SVG.   . Upravte výchozí kód a klikněte na OK.

    • Chcete-li vytvořit a aplikovat nový efekt, zvolte Efekt > Filtry SVG > Aplikovat filtr SVG. V dialogovém okně klikněte na tlačítko Nový filtr SVG   , zadejte nový kód a klikněte na tlačítko OK.

      Když aplikujete efekt filtru SVG, Illustrator zobrazí na kreslicí ploše rastrovanou verzi efektu. Rozlišení tohoto náhledového obrazu můžete nastavit změnou nastavení rozlišení rastrování dokumentu.

      Poznámka: Efekt SVG musí být poslední efekt, když má objekt více efektů; jinými slovy musí se v panelu Vzhled objevit zcela dole (hned nad položkou Průhlednost). Pokud za efektem SVG následuje nějaký jiný efekt, bude výstup SVG obsahovat rastrový objekt.

Import efektů ze souboru SVG

  1. Zvolte Efekt > Filtr SVG > Importovat filtr SVG.

  2. Vyberte soubor SVG, ze kterého chcete efekty importovat, a klikněte na Otevřít.

Panel Interaktivita SVG – přehled

Panel Interaktivita SVG (Okno > Interaktivita SVG) se používá k přidání interaktivních prvků do kresby, která se bude exportovat pro prohlížení ve webovém prohlížeči. Například vytvořením události, která spouští příkaz JavaScriptu, můžete rychle vytvořit pohyb na stránce webu, když uživatel provede akci, jako je například pohyb kurzoru myši přes objekt. V panelu Interaktivita SVG také můžete prohlížet všechny události a soubory JavaScriptu spojené se současným souborem.

Odstranění události z panelu Interaktivita SVG

  • Chcete-li odstranit jednu událost, vyberte ji a klikněte na tlačítko Odstranit nebo z nabídky panelu zvolte Odstranit událost.
  • Chcete-li odstranit všechny události, v nabídce panelu vyberte možnost Odstranit všechny události.

Zobrazení seznamu, přidávání nebo odstranění událostí spojených se souborem

  1. Klepněte na tlačítko Vazba na soubory JavaScriptu .
  2. V dialogovém okně Soubory JavaScript vyberte položku JavaScriptu a proveďte jeden z následujících úkonů:
    • Chcete-li vyhledat a vybrat další soubory JavaScriptu, klikněte na Přidat.

    • Chcete-li odstranit vybranou položku JavaScriptu, klikněte na možnost Odstranit.

Přidávání interaktivity SVG do kresby

  1. V panelu Interaktivita SVG vyberte událost. (Viz Události SVG.)

  2. Zadejte odpovídající JavaScript a stiskněte Enter.

Události SVG

onfocusin

Spustí akci, když se vstup přesměruje do elementu, například výběrem pomocí ukazatele.

onfocusout

Spustí akci, když element přestane být vybraný pro vstup (často když se vstup přesměruje do jiného elementu).

onactivate

Spustí akci kliknutím myši nebo stisknutím klávesy, v závislosti na elementu SVG.

onmousedown

Spustí akci, když se tlačítko myši stiskne nad elementem.

onmouseup

Spustí akci, když se tlačítko myši uvolní nad elementem.

onclick

Spustí akci, když se klikne na tlačítko myši nad elementem.

onmouseover

Spustí akci, když se ukazatel přesune nad element.

onmousemove

Spustí akci, když je ukazatel nad elementem.

onmouseout

Spustí akci, když se ukazatel přesune ven z elementu.

onkeydown

Spustí akci při stisknutí klávesy.

onkeypress

Spustí akci, když je klávesa stále stisknutá.

onkeyup

Spustí akci při uvolnění klávesy.

onload

Spustí akci poté, co se zcela dokončí analýza dokumentu SVG v prohlížeči. Tuto událost použijte pro vyvolání jednorázových inicializačních funkcí.

onerror

Spustí akci, když se element nenačte správně nebo se vyskytne jiná chyba.

onabort

Spustí akci, když se načítání stránky zastaví dříve než se element zcela načte.

onunload

Spustí akci, když se dokument SVG odstraňuje z okna nebo rámce.

onzoom

Spustí akci, když se změní úroveň zvětšení dokumentu.

onresize

Spustí akci, když se změní velikost okna dokumentu.

onscroll

Spustí akci, když se zobrazení dokumentu roluje nebo posouvá v okně.

Volby exportu do formátu SVG optimalizovaného pro web

K dispozici je nová volba exportu SVG (Soubor > Export > SVG). Nový pracovní postup umožňuje generovat standardizované, pro web optimalizované soubory SVG určené pro projekty návrhů webů nebo obrazovek.

K dostupným možnostem patří:

  • Styl : Zvolte, jak se budou informace o vizuálním stylu ukládat do značky SVG.
    • Atributy prezentace: Pro každou jednotlivou vlastnost stylu na každé značce SVG používá samostatné atributy XML. Tento formát je nutný, chcete-li používat materiály SVG se systémem Android Studio.
    • Interní CSS : Používá jednu značku <style> s třídami CSS a nastavení stylů se sdílí mezi objekty, které mají stejné styly. Může se tak zmenšit velikost souborů.
    • Vložený styl: Používá jeden atribut "style" na každou značku SVG, jenž obsahuje všechny vlastnosti stylu značky, zkombinované v syntaxi CSS.

Poznámka: Výchozí styl pro SVG je nastaven na hodnotu Atributy prezentace, protože zlepšuje kompatibilitu s běžnými nástroji pro vývojáře, jako je Android Studio.

  • Písmo. Vyberte, jak mají být v souboru SVG představována písma. Obrysy zachovávají definici cesty a jsou nejkompatibilnější.
  • Obrazy: Vyberte, jestli se mají obrazy ukládat jako vložené do dokumentu nebo jako navázané soubory nacházející se vně dokumentu.
  • ID objektů: Vyberte, jak se mají do objektů v souboru SVG přiřazovat typy ID (názvy). Vyberte Názvy vrstev, Minimální nebo Jedinečné. Tato volba určuje, jak budou zpracovány duplicitní názvy objektů a jak budou objekty pojmenovány v exportovaném CSS.
  • Desetinné: Vyberte, kolik informací o přesnosti umístění objektů se má zachovat. Vyšší hodnota v poli Desetinné zvýší přesnost rozvržení objektů a tím zvýší vizuální věrnost vykresleného SVG. Zvýšením hodnoty v poli Desetinné se ale také zvýší velikost výsledného exportovaného souboru SVG.
  • Minifikovat: Optimalizuje velikost souboru SVG odebráním prázdných skupin a prázdných mezer. Tato volba ale také snižuje čitelnost výsledného kódu SVG.
  • Responzivní. Zapnutím této volby zajistíte, aby se vytvořený soubor SVG přizpůsobil velikosti okna prohlížeče. Nejsou zapsány žádné absolutní hodnoty velikosti.
  • Zobrazit kód: Otevře exportovaný obsah ve výchozím textovém editoru.
  • Zobrazit v  prohlížeči  (ikona): Zobrazí obrázek ve výchozím webovém prohlížeči.
Logo Adobe

Přihlaste se ke svému účtu.