Podręcznik użytkownika Anuluj

SVG

Szukaj
Illustrator

Illustrator

Otwórz w Internecie
  1. Podręcznik użytkownika programu Illustrator
  2. Poznaj program Illustrator
    1. Wprowadzenie do programu Illustrator
      1. Nowości w programie Illustrator
      2. Popularne pytania
      3. Wymagania systemowe programu Illustrator
      4. Program Illustrator na urządzenia z procesorem Apple
      5. Wydajność GPU
    2. Przestrzeń robocza
      1. Podstawy pracy z przestrzenią roboczą
      2. Tworzenie dokumentów
      3. Szybsza nauka dzięki panelowi Odkryj w programie Illustrator
      4. Przyspieszenie obiegów pracy dzięki kontekstowemu paskowi zadań
      5. Pasek narzędzi
      6. Domyślne skróty klawiaturowe
      7. Dostosowywanie skrótów klawiaturowych
      8. Wprowadzenie do obszarów roboczych
      9. Zarządzanie obszarami roboczymi
      10. Dostosowywanie przestrzeni roboczej
      11. Panel Właściwości
      12. Ustawianie preferencji
      13. Dotykowa przestrzeń robocza
      14. Obsługa pokrętła Microsoft Surface Dial w programie Illustrator
      15. Cofanie zmian i zarządzanie historią projektu
      16. Obracanie widoku
      17. Miarki, siatki i linie pomocnicze
      18. Ułatwienia dostępu w programie Illustrator
      19. Wyświetlanie kompozycji
      20. Używanie paska Touch Bar w programie Illustrator
      21. Pliki i szablony
    3. Narzędzia w programie Illustrator
      1. Przegląd narzędzi
      2. Zaznaczanie narzędzi
        1. Zaznaczenie
        2. Zaznaczanie bezpośrednie
        3. Zaznaczanie grupowe
        4. Różdżka
        5. Lasso
        6. Obszar ilustracji
      3. Narzędzia do nawigacji
        1. Rączka
        2. Obracanie widoku
        3. Lupka
      4. Narzędzia do malowania
        1. Gradient
        2. Siatka
        3. Generator kształtów
      5. Narzędzia tekstowe
        1. Tekst
        2. Tekst na ścieżce
        3. Tekst pionowy
      6. Narzędzia do rysowania
        1. Pióro
        2. Dodawanie punktu kontrolnego
        3. Usuwanie punktu kontrolnego
        4. Punkt kontrolny
        5. Krzywizna
        6. Linia
        7. Prostokąt
        8. Prostokąt zaokrąglony
        9. Elipsa
        10. Wielokąt
        11. Gwiazda
        12. Pędzel malarski
        13. Kropla
        14. Ołówek
        15. Shaper
        16. Plasterek
      7. Narzędzia do modyfikacji
        1. Obracanie
        2. Odbicie
        3. Skalowanie
        4. Ścinanie
        5. Szerokość
        6. Przekształcanie swobodne
        7. Kroplomierz
        8. Mieszanie
        9. Gumka
        10. Nożyczki
        11. Wymiar
    4. Generatywna SI (niedostępna w Chinach kontynentalnych)
      1. Generuj sceny, obiekty i ikony za pomocą poleceń tekstowych
      2. Generuj wzory wektorowe za pomocą poleceń tekstowych
      3. Generuj wypełnienia kształtów wektorowych za pomocą poleceń tekstowych
      4. Zmieniaj kolor kompozycji za pomocą poleceń tekstowych
    5. Szybkie operacje
      1. Tekst retro
      2. Tekst z blaskiem neonu
      3. Tekst w starym stylu
      4. Zmiana kolorów
      5. Konwertowanie szkicu na wektory
  3. Illustrator na iPadzie
    1. Wprowadzenie do programu Illustrator na iPadzie
      1. Omówienie programu Illustrator na iPadzie
      2. Illustrator na iPadzie — często zadawane pytania
      3. Wymagania systemowe | Illustrator na iPadzie
      4. Możliwości i ograniczenia programu Illustrator na iPadzie
    2. Przestrzeń robocza
      1. Przestrzeń robocza programu Illustrator na iPadzie
      2. Gesty i skróty dotykowe
      3. Skróty klawiszowe w programie Illustrator na iPadzie
      4. Zarządzanie ustawieniami aplikacji
    3. Dokumenty
      1. Praca z dokumentami w programie Illustrator na iPadzie
      2. Importowanie dokumentów z programów Photoshop i Fresco
    4. Zaznaczanie i rozmieszczanie obiektów
      1. Tworzenie obiektów powtarzalnych
      2. Tworzenie przejść miedzy obiektami
    5. Rysowanie
      1. Rysowanie i edytowanie ścieżek
      2. Rysowanie i edytowanie kształtów
    6. Tekst
      1. Praca z tekstem i czcionkami
      2. Tworzenie napisów na ścieżce
      3. Dodawanie własnych czcionek
    7. Praca z obrazami
      1. Wektoryzowanie obrazów rastrowych
    8. Kolory
      1. Stosowanie kolorów i gradientów
  4. Pliki w chmurze
    1. Podstawy
      1. Korzystanie z dokumentów w chmurze w programie Illustrator
      2. Udostępnianie dokumentów w chmurze w programie Illustrator i współpraca nad nimi
      3. Udostępnianie dokumentów do recenzji
      4. Rozszerzanie przestrzeni dyskowej w chmurze na potrzeby programu Adobe Illustrator
      5. Pliki w chmurze w programie Illustrator | Częste pytania
    2. Rozwiązywanie problemów
      1. Rozwiązywanie problemów z tworzeniem lub zapisywaniem plików w chmurze programu Illustrator
      2. Rozwiązywanie problemów z plikami w chmurze programu Illustrator
  5. Dodawanie i edytowanie treści
    1. Rysowanie
      1. Podstawy rysowania
      2. Edycja ścieżek
      3. Rysowanie idealnych kompozycji
      4. Rysowanie za pomocą narzędzi Pióro, Krzywizna lub Ołówek
      5. Rysowanie prostych linii i kształtów
      6. Rysowanie siatek prostokątnych i biegunowych
      7. Rysowanie i edycja flar
      8. Obrysowywanie obrazów
      9. Upraszczanie ścieżki
      10. Narzędzia obsługi symboli i zestawy symboli
      11. Dopasowywanie segmentów ścieżek
      12. Jak w 5 prostych krokach narysować kwiat
      13. Tworzenie i edytowanie siatki perspektywicznej
      14. Rysowanie i modyfikowanie obiektów na siatce perspektywicznej
      15. Używanie obiektów jako symboli do wielokrotnego użytku
      16. Rysowanie ścieżek wyrównanych do pikseli do zastosowań internetowych
    2. Pomiary
      1. Mierzenie i nakreślanie wymiarów
    3. Obiekty 3D i materiały
      1. Informacje o efektach 3D w programie Illustrator
      2. Tworzenie grafiki 3D
      3. Nakładanie kompozycji na obiekty trójwymiarowe
      4. Tworzenie tekstu 3D
      5. Tworzenie obiektów 3D
    4. Kolor
      1. Informacje o kolorze
      2. Wybieranie kolorów
      3. Używanie i tworzenie próbek
      4. Dopasowywanie kolorów
      5. Korzystanie z panelu Motywy Adobe Color
      6. Grupy kolorów (harmonie)
      7. Panel Motywy Color
      8. Zmiana kolorów kompozycji
    5. Malowanie
      1. Informacje o malowaniu
      2. Malowanie za pomocą wypełnień i pociągnięć
      3. Grupy aktywnego malowania
      4. Gradienty
      5. Pędzle
      6. Przezroczystość i tryby mieszania
      7. Stosowanie pociągnięć do obiektu
      8. Tworzenie i edycja wzorów
      9. Siatki
      10. Wzory
    6. Zaznaczanie i rozmieszczanie obiektów
      1. Zaznaczanie obiektów
      2. Warstwy
      3. Rozwijanie, grupowanie i rozgrupowywanie obiektów
      4. Przesuwanie, wyrównywanie i rozmieszczanie obiektów
      5. Wyrównywanie, układanie i przesuwanie obiektów na ścieżce
      6. Przyciąganie obiektów do glifów
      7. Przyciąganie obiektów do glifów japońskich
      8. Układanie obiektów w stos
      9. Blokowanie, ukrywanie i usuwanie obiektów
      10. Kopiowanie i powielanie obiektów
      11. Obracanie i odbijanie obiektów
      12. Tworzenie splotu obiektów
      13. Tworzenie realistycznych prototypów grafik
    7. Przekształcanie obiektów
      1. Kadrowanie obrazów
      2. Przekształcanie obiektów
      3. Łączenie obiektów
      4. Wycinanie, dzielenie i przycinanie obiektów
      5. Wypaczenie marionetkowe
      6. Skalowanie, ścinanie i zniekształcanie obiektów
      7. Tworzenie przejść miedzy obiektami
      8. Zmiana kształtu za pomocą form
      9. Zmiana kształtu obiektów z efektami
      10. Tworzenie nowych kształtów za pomocą narzędzi Shaper i Generator kształtów
      11. Praca z aktywnymi narożnikami
      12. Udoskonalone obiegi pracy transformacji kształtu z obsługą dotykową
      13. Edytowanie maski przycinającej
      14. Aktywne kształty
      15. Tworzenie kształtów za pomocą narzędzia Generator kształtów
      16. Edycja globalna
    8. Tekst
      1. Dodawanie tekstu i praca z obiektami tekstowymi
      2. Przeglądarka ponownego wlewania
      3. Tworzenie punktowanych i numerowanych list
      4. Zarządzanie obszarem tekstu
      5. Czcionki i typografia
      6. Konwertowanie tekstu w obrazach na tekst edytowalny
      7. Dodawanie podstawowego formatowania do tekstu
      8. Dodawanie zaawansowanego formatowania do tekstu
      9. Importowanie i eksportowanie tekstu
      10. Formatowanie akapitów
      11. Znaki specjalne
      12. Tworzenie tekstu na ścieżce
      13. Korzystanie ze stylów znakowych i akapitowych
      14. Karty
      15. Dodawanie brakujących czcionek z usługi Adobe Fonts
      16. Tekst arabski i hebrajski
      17. Czcionki | Często zadawane pytania i wskazówki dotyczące rozwiązywania problemów
      18. Kreatywne projekty typograficzne
      19. Skalowanie i obracanie tekstu
      20. Odstępy pomiędzy wierszami i znakami
      21. Opcje dzielenia wyrazów i łamania wierszy
      22. Słowniki ortograficzne i językowe
      23. Formatowanie znaków azjatyckich
      24. Kompozytory języków azjatyckich
      25. Tworzenie projektów tekstowych z efektem przejścia między obiektami
      26. Tworzenie plakatu typograficznego za pomocą funkcji obrysowywania obrazu
    9. Tworzenie efektów specjalnych
      1. Praca z efektami
      2. Style grafiki
      3. Atrybuty wyglądu
      4. Tworzenie szkiców i mozaik
      5. Cienie, blaski i wtapianie
      6. Podsumowanie efektów
    10. Grafika WWW
      1. Sprawdzone procedury tworzenia grafiki WWW
      2. Wykresy
      3. SVG 
      4. Plasterki i mapy obrazów
  6. Importowanie, eksportowanie i zapisywanie
    1. Importowanie
      1. Umieszczanie wielu plików
      2. Zarządzaj plikami połączonymi i osadzonymi
      3. Informacje o łączach
      4. Cofanie osadzenia obrazów
      5. Importowanie kompozycji z programu Photoshop
      6. Importowanie obrazów bitmapowych
      7. Importowanie plików Adobe PDF
      8. Importowanie plików EPS, DCS i AutoCAD
    2. Biblioteki Creative Cloud w programie Illustrator
      1. Biblioteki Creative Cloud w programie Illustrator
    3. Zapisywanie i eksportowanie
      1. Zapisywanie kompozycji
      2. Eksportowanie kompozycji
      3. Tworzenie plików Adobe PDF
      4. Opcje formatu Adobe PDF
      5. Używanie kompozycji z programu Illustrator w programie Photoshop
      6. Gromadzenie zasobów i eksportowanie zbiorcze
      7. Pliki pakietów
      8. Wyodrębnianie kodu CSS | Illustrator CC
      9. Panel Informacje o dokumencie
  7. Drukowanie
    1. Przygotowanie do drukowania
      1. Przygotowywanie dokumentów do druku
      2. Zmiana rozmiaru i orientacji strony
      3. Definiowanie linii cięcia w celu przycinania lub wyrównywania
      4. Rozpoczynanie pracy z powiększonym obszarem dokumentu
    2. Drukowanie
      1. Nadruk
      2. Drukowanie z włączoną funkcją zarządzania kolorami
      3. Drukowanie w trybie PostScript
      4. Ustawienia predefiniowane drukowania
      5. Znaczniki drukarskie i spady
      6. Drukowanie i zapisywanie przezroczystej kompozycji
      7. Zalewkowanie
      8. Drukowanie rozbarwień
      9. Drukowanie gradientów, siatek i przejść kolorów
      10. Nadruk bieli
  8. Automatyzacja zadań
    1. Scalanie danych za pomocą panelu Zmienne
    2. Automatyzacja za pomocą skryptów
    3. Automatyzacja za pomocą operacji
  9. Rozwiązywanie problemów 
    1. Rozwiązane problemy
    2. Znane problemy
    3. Problemy związane z awarią
    4. Odzyskiwanie plików po awarii
    5. Tryb bezpieczny
    6. Problemy z plikami
    7. Obsługiwane formaty plików
    8. Problemy ze sterownikiem karty graficznej
    9. Problemy z urządzeniem Wacom
    10. Problemy z plikami DLL
    11. Problemy z pamięcią
    12. Problemy z plikiem preferencji
    13. Problemy z czcionkami
    14. Problemy z drukarką
    15. Udostępnianie raportu o awarii firmie Adobe
    16. Poprawianie wydajności programu Illustrator

Informacje o korzystaniu z formatu SVG w dokumentach XML i JavaScript w celu tworzenia interaktywnej grafiki internetowej, która reaguje na czynności użytkownika takimi efektami, jak podświetlanie, etykietki ekranowe, dźwięki i animacje.

Informacje o formacie SVG

Format SVG, czyli format skalowalnej grafiki wektorowej, opisuje obrazy za pomocą kształtów, ścieżek, tekstu i efektów filtra. Pliki w tym formacie są niewielkie, a zapisana w nich grafika jest doskonałej jakości. Nadaje się on zarówno do wyświetlania w sieci WWW, drukowania, jak i wyświetlania przez urządzenia z ograniczonymi zasobami (w przeciwieństwie do formatów GIF, JPEG, WBMP i PNG, które generują duże pliki). Użytkownicy mogą powiększać obrazy SVG bez utraty ich szczegółowości, ostrości i przejrzystości. Co więcej, format SVG zapewnia doskonałą obsługę tekstu i kolorów — użytkownicy będą widzieć obrazy w takiej postaci, w jakiej są one wyświetlane na Twoim obszarze roboczym programu Illustrator.

Format SVG jest oparty całkowicie na standardzie XML, co czyni go użytecznym zarówno dla programistów, jak i użytkowników. 

Kompozycję można zapisać w formacie SVG, używając poleceń Zapisz, Zapisz jako, Zapisz kopię oraz Zapisz do pokazania w Internecie i na urządzeniach. Aby uzyskać dostęp do pełnego zestawu opcji eksportu SVG, użyj polecenia Zapisz, Zapisz jako lub Zapisz kopię. Polecenie Zapisz do pokazania w Internecie i na urządzeniach udostępnia podzestaw opcji eksportowania SVG odpowiedni do materiałów publikowanych w sieci WWW.

Stosowanie efektów SVG

Efekty SVG umożliwiają dodawanie do kompozycji pewnych elementów graficznych, na przykład cieni. Filtry SVG tym różnią się od ich odpowiedników bitmapowych, że są oparte na standardzie XML i niezależne od rozdzielczości. W rzeczywistości filtr SVG jest zbiorem właściwości XML, które opisują różne operacje matematyczne. Operacje te są przeprowadzane na elementach grafiki źródłowej.

Program Illustrator udostępnia domyślny zestaw efektów SVG. Można używać tych efektów z ich właściwościami domyślnymi, zmodyfikować kod XML, aby utworzyć niestandardowe efekty, a także tworzyć całkiem nowe efekty SVG.

Uwaga:

Aby zmodyfikować domyślne filtry SVG programu Illustrator, edytuj Filtry Adobe SVG za pomocą edytora tekstu. Plik SVG  znajduje się w folderze Documents and Settings/<folder_użytkownika>/Application Data/Adobe/Adobe Illustrator Settings/<miejsce>. Możesz modyfikować istniejące definicje filtrów, usuwać je i dodawać nowe.

  1. Zaznacz obiekt lub grupę (albo wybierz warstwę na panelu Warstwy).

  2. Aby zastosować efekt, wykonaj jedną z następujących czynności:

    Z ustawieniami domyślnymi

    Wybierz polecenie Efekt > Filtry SVG > Zastosuj filtr SVG.

    Z niestandardowymi ustawieniami

    1. Wybierz polecenie Efekt > Filtry SVG > Zastosuj filtr SVG.

    2. W wyświetlonym oknie dialogowym wybierz pożądany efekt i kliknij przycisk Edytuj filtr SVG . Zmodyfikuj kod domyślny i kliknij przycisk OK.

    Tworzenie i stosowanie nowego efektu

    1. Wybierz polecenie Efekt > Filtry SVG > Zastosuj filtr SVG.

    2. W wyświetlonym oknie dialogowym wybierz pożądany efekt i kliknij przycisk Nowy filtr SVG . Wprowadź nowy kod i kliknij przycisk OK.

Po zastosowaniu efektu filtra SVG program Illustrator wyświetl na obszarze roboczym zrasteryzowaną wersję efektu. Aby zmienić rozdzielczość obrazu tego podglądu, zmodyfikuj ustawienia rozdzielczości rasteryzacji dokumentu.

Uwaga:

Jeśli do obiektu przypisano wiele efektów, efekt filtra SVG musi być przypisany jako ostatni; innymi słowy, musi znajdować się na samym dole panelu Wygląd (tuż nad pozycją Przezroczystość). Jeśli inne efekty następują po efekcie filtra SVG, plik SVG będzie zawierał obiekt rastrowy.

Importowanie efektów z pliku SVG

  1. Wybierz polecenie Efekt > Filtr SVG > Importuj filtr SVG.

  2. Wybierz plik SVG, z którego będą importowane efekty, i kliknij opcję Otwórz.

Omówienie panelu Interakcyjność SVG

Panel Interakcyjność SVG umożliwia wyświetlenie wszystkich zdarzeń i plików JavaScript skojarzonych z bieżącym plikiem.
Za pomocą panelu Interakcyjność SVG (Okno > Interakcyjność SVG) można dodawać funkcje interaktywne w kompozycjach, które będą eksportowane z myślą o wyświetlaniu w przeglądarkach WWW. Można na przykład utworzyć zdarzenie skojarzone z takim poleceniem języka JavaScript, które w odpowiedzi na przesunięcie kursora nad pewnym obiektem uaktywnia animację na stronie WWW.

Usuwanie zdarzenia z panelu Interakcyjność SVG

Za pomocą panelu Interakcyjność SVG można usunąć jedno lub wszystkie zdarzenia.

Aby usunąć jedno zdarzenie

  • Wybierz zdarzenie i kliknij opcję Usuń wybrany wpis .

Aby usunąć wszystkie zdarzenia

  • Z menu panelu wybierz polecenie Wyczyść zdarzenia.

Wyświetlanie, dodawanie lub usuwanie zdarzeń połączonych z plikiem

Wybierz opcję Połącz pliki JavaScript   i kliknij przycisk Dodaj, aby dodać kolejne pliki JavaScript. Aby zamiast tego usunąć zaznaczony wpis JavaScript, kliknij przycisk Usuń.

Dodawanie funkcji interaktywnych SVG do kompozycji

  1. Zaznacz zdarzenie na panelu Interakcyjność SVG. (Zobacz Zdarzenia SVG).

  2. Wpisz odpowiedni kod JavaScript i wciśnij klawisz Enter.

Zdarzenia SVG

onfocusin

Wyzwala określone zadanie, gdy element uzyskuje fokus, np. jest wskazywany myszą.

onfocusout

Wyzwala określone zadanie, gdy element traci fokus (często wówczas, gdy fokus przenosi się na inny element).

onactivate

Wyzwala określone zadanie w odpowiedzi na kliknięcie myszą lub naciśnięcie klawisza (zależnie od elementu SVG).

onmousedown

Wyzwala określone zadanie w odpowiedzi na naciśnięcie przycisku myszy, gdy wskaźnik znajduje się na elemencie.

onmouseup

Wyzwala określone zadanie w odpowiedzi na zwolnienie przycisku myszy, gdy wskaźnik znajduje się na elemencie.

onclick

Uaktywnia określone zadanie w odpowiedzi na kliknięcie elementu.

onmouseover

Uaktywnia określone zadanie w odpowiedzi na przeniesienie kursora na element.

onmousemove

Uaktywnia określone zadanie w momencie umieszczenia kursora na elemencie.

onmouseout

Uaktywnia określone zadanie w odpowiedzi na przeniesienie kursora z elementu.

onkeydown

Uaktywnia określone zadanie po naciśnięciu klawisza.

onkeypress

Uaktywnia określone zadanie, gdy naciśnięty jest określony klawisz.

onkeyup

Uaktywnia określone zadanie po zwolnieniu klawisza.

onload

Wyzwala określone zadanie, gdy przeglądarka zakończy analizowanie dokumentu SVG. Tego zdarzenia należy używać do wywoływania jednorazowych funkcji inicjujących.

onerror

Wyzwala określone zadanie, gdy element nie zostanie wczytany poprawnie lub wystąpią inne błędy.

onabort

Wyzwala określone zadanie, gdy wczytywanie strony zostanie zatrzymane przed całkowitym wczytaniem elementu.

onunload

Wyzwala określone zadanie po usunięciu dokumentu SVG z okna lub ramki.

onzoom

Wyzwala określone zadanie po zmianie poziomu powiększenia dokumentu.

onresize

Uaktywnia określone zadanie po zmianie rozmiarów okna dokumentu.

onscroll

Wyzwala określone zadanie w odpowiedzi na przewijanie dokumentu.

Wskazówki dotyczące plików SVG

  • Warstwy określają strukturę pliku SVG. Podczas zapisywania kompozycji w formacie SVG każda warstwa jest konwertowana na element grupy (<g>). (Na przykład, warstwa o nazwie Przycisk1 staje się w pliku SVG elementem <g id="Przycisk1_ver3.0">). Warstwy zagnieżdżone stają się zagnieżdżonymi grupami SVG, a warstwy ukryte są zachowywane z właściwością SVG display="none".

  • Aby obiekty na różnych warstwach były przezroczyste, zmień krycie poszczególnych obiektów, a nie warstw.

  • W przeglądarce SVG dane rastrowe nie są skalowalne i nie mogą być edytowane tak jak inne elementy SVG. Jeśli to możliwe, należy unikać tworzenia kompozycji, które w pliku SVG będą ulegać rasteryzacji. Aby dodać efekty graficzne bez powodowania rasteryzacji, użyj efektów SVG.

  • Należy używać symboli i upraszczać ścieżki kompozycji. Jeśli trzeba utrzymać wysoką wydajność, należy też unikać stosowania pędzli generujących skomplikowane ścieżki, takich jak Węgiel drzewny i Pióro przewijania.

  • Dodawanie łączy internetowych do pliku SVG umożliwiają plasterki, mapy obrazów i skrypty.

  • Języki tworzenia skryptów, takie jak JavaScript, pozwalają rozszerzyć funkcje plików SVG. Funkcje zaprogramowane w tych językach mogą być wywoływane w reakcji na dane z klawiatury lub myszy — na przykład w celu utworzenia efektów najazdu (rollover).

Opcje eksportu SVG zoptymalizowane pod kątem przeglądarek internetowych

Dostępna jest nowa opcja eksportu do formatu SVG (Plik > Eksportuj > Eksportuj jako > SVG). Nowy obieg pracy umożliwia generowanie bazujących na standardach i zoptymalizowanych pod kątem Internetu plików SVG na potrzeby projektów internetowych i ekranowych. Więcej informacji można znaleźć w opisie opcji eksportowania formatu SVG.

Zasoby pokrewne

Skontaktuj się z nami

Zapytaj społeczność

Jeśli masz pytanie lub chcesz się podzielić pomysłem, dołącz do nas na forum użytkowników programu Adobe Illustrator. Chętnie Cię poznamy.

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?

Podręczne łącza

Wyświetl swoje plany Zarządzaj planami
Wyświetl podręczne łącza
Ukryj podręczne łącza

Informacje prawne    |    Zasady ochrony prywatności online