Podręcznik użytkownika Anuluj

Najlepsze praktyki w zakresie tworzenia grafiki internetowej

  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
    2. Przestrzeń robocza
      1. Podstawy pracy z przestrzenią roboczą
      2. Szybsza nauka dzięki panelowi Odkryj w programie Illustrator
      3. Tworzenie dokumentów
      4. Pasek narzędzi
      5. Domyślne skróty klawiaturowe
      6. Dostosowywanie skrótów klawiaturowych
      7. Wprowadzenie do obszarów roboczych
      8. Zarządzanie obszarami roboczymi
      9. Dostosowywanie przestrzeni roboczej
      10. Panel Właściwości
      11. Ustawianie preferencji
      12. Dotykowa przestrzeń robocza
      13. Obsługa pokrętła Microsoft Surface Dial w programie Illustrator
      14. Cofanie zmian i zarządzanie historią projektu
      15. Obracanie widoku
      16. Miarki, siatki i linie pomocnicze
      17. Ułatwienia dostępu w programie Illustrator
      18. Tryb bezpieczny
      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 w Internecie (Beta)
    1. Illustrator w Internecie (Beta) — omówienie
    2. Illustrator w Internecie (Beta) — często zadawane pytania
    3. Często zadawane pytania dotyczące rozwiązywania problemów
    4. Skróty klawiaturowe w programie Illustrator w Internecie (Beta)
    5. Tworzenie i łączenie kształtów w wersji internetowej
    6. Dodawanie i edycja tekstu w wersji internetowej
    7. Stosowanie kolorów i gradientów w wersji internetowej
    8. Rysowanie i edycja ścieżek w wersji internetowej
    9. Praca z dokumentami w chmurze w wersji internetowej
    10. Zapraszanie współpracowników do edycji w wersji internetowej
  4. 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
  5. 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
  6. Dodawanie i edytowanie treści
    1. Rysowanie i wymiarowanie
      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. Obrys obrazu
      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
      17. Mierzenie i nakreślanie wymiarów
    2. 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
    3. 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
    4. Malowanie
      1. Informacje o malowaniu
      2. Malowanie z wypełnieniami i obrysami
      3. Grupy aktywnego malowania
      4. Gradienty
      5. Pędzle
      6. Przezroczystość i tryby mieszania
      7. Stosowanie obrysów do obiektu
      8. Tworzenie i edycja wzorów
      9. Siatki
      10. Wzory
    5. Zaznaczanie i rozmieszczanie obiektów
      1. Zaznaczanie obiektów
      2. Warstwy
      3. Grupowanie i rozwijanie obiektów
      4. Przesuwanie, wyrównywanie i rozmieszczanie obiektów
      5. Przyciąganie obiektów do glifów
      6. Przyciąganie obiektów do glifów japońskich
      7. Układanie obiektów w stos
      8. Blokowanie, ukrywanie i usuwanie obiektów
      9. Kopiowanie i powielanie obiektów
      10. Obracanie i odbijanie obiektów
      11. Tworzenie splotu obiektów
      12. Tworzenie realistycznych prototypów grafik
    6. 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
    7. Tekst
      1. Dodawanie tekstu i praca z obiektami tekstowymi
      2. Tworzenie punktowanych i numerowanych list
      3. Zarządzanie obszarem tekstu
      4. Czcionki i typografia
      5. Konwertowanie tekstu w obrazach na tekst edytowalny
      6. Dodawanie podstawowego formatowania do tekstu
      7. Dodawanie zaawansowanego formatowania do tekstu
      8. Importowanie i eksportowanie tekstu
      9. Formatowanie akapitów
      10. Znaki specjalne
      11. Tworzenie tekstu na ścieżce
      12. Korzystanie ze stylów znakowych i akapitowych
      13. Karty
      14. Znajdowanie brakujących czcionek (obieg pracy Typekit)
      15. Tekst arabski i hebrajski
      16. Czcionki | Często zadawane pytania i wskazówki dotyczące rozwiązywania problemów
      17. Tworzenie trójwymiarowego efektu tekstowego
      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
    8. 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
    9. Grafika WWW
      1. Sprawdzone procedury tworzenia grafiki WWW
      2. Wykresy
      3. SVG 
      4. Plasterki i mapy obrazów
  7. 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
  8. 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
  9. Automatyzacja zadań
    1. Scalanie danych za pomocą panelu Zmienne
    2. Automatyzacja za pomocą skryptów
    3. Automatyzacja za pomocą operacji
  10. Rozwiązywanie problemów 
    1. Rozwiązane problemy
    2. Znane problemy
    3. Problemy związane z awarią
    4. Odzyskiwanie plików po awarii
    5. Problemy z plikami
    6. Obsługiwane formaty plików
    7. Problemy ze sterownikiem karty graficznej
    8. Problemy z urządzeniem Wacom
    9. Problemy z plikami DLL
    10. Problemy z pamięcią
    11. Problemy z plikiem preferencji
    12. Problemy z czcionkami
    13. Problemy z drukarką
    14. Udostępnianie raportu o awarii firmie Adobe
    15. Poprawianie wydajności programu Illustrator

Program Illustrator zapewnia różne narzędzia do tworzenia układów dla stron internetowych lub tworzenia i optymalizacji grafiki internetowej. Należy na przykład używać kolorów z palety internetowej, zwracać uwagę na stosunek jakości obrazu do rozmiaru pliku, wybierać najlepszy format pliku dla danej grafiki. Grafika internetowa może korzystać z plasterków i map obrazów, użytkownik ma też do dyspozycji szereg opcji optymalizacji — pozwala to mieć pewność, że pliki będą wyświetlane w Internecie w poprawny sposób.

Informacje o grafice internetowej

Projektując grafikę przeznaczoną dla Internetu, należy położyć nacisk na inne elementy niż w przypadku grafiki przeznaczonej do druku.  

Aby ułatwić podejmowanie decyzji w trakcie tworzenia grafik internetowych, pamiętaj o następujących zasadach:

Używaj kolorów z palety internetowej

Kolor stanowi często kluczowy element kompozycji. Trzeba jednak pamiętać, że kolory widoczne na etapie projektowania grafiki nie zawsze będą odpowiadały kolorom wyświetlanym przez przeglądarki internetowe. Aby uniknąć wystąpienia ditheringu (inaczej roztrząsania — metody symulacji kolorów niedostępnych) i innych problemów z kolorami, podczas projektowania grafiki warto przestrzegać dwóch ogólnych zasad. Po pierwsze, zawsze pracuj w trybie RGB. Po drugie, zawsze używaj kolorów z palety internetowej.

Zadbaj o równowagę między jakością obrazu a rozmiarem pliku

Aby umożliwić rozpowszechnianie obrazów w Internecie, konieczne jest zachowanie małych rozmiarów plików graficznych. Gdy pliki są małe, serwery WWW mogą wydajniej przechowywać i transmitować obrazy, a użytkownicy mogą je szybciej pobierać. W oknie dialogowym Zapisz dla Internetu i urządzeń można sprawdzić rozmiar pliku graficznego i szacunkowy czas jego wczytywania.

Wybierz format odpowiedni do rodzaju grafiki

Różne rodzaje grafiki powinny być zapisywane w różnych formatach, dostosowanych do jej przeznaczenia. Aby uzyskać więcej informacji o poszczególnych formatach, zobacz Opcje optymalizacji grafiki internetowej.

Uwaga:

Program Illustrator zawiera wiele specjalnych szablonów przeznaczonych do obsługi Internetu, np. stron internetowych lub banerów. Aby wybrać szablon, wybierz polecenie Plik > Nowy z szablonu.

Informacje o trybie podglądu pikseli

Aby umożliwić projektantom stron internetowych tworzenie precyzyjnych projektów, do programu Illustrator dodano właściwość wyrównania do pikseli. Gdy właściwość wyrównania do pikseli jest włączona dla danego obiektu, wszystkie poziome i pionowe segmenty w tym obiekcie są wyrównywane do siatki pikseli. Pozwala to uzyskać niezwykłą ostrość obrysów. Przy każdym przekształceniu, pod warunkiem, że właściwość ta jest ustawiona dla danego obiektu, jest on ponowne wyrównywany do siatki pikseli zgodnie ze swymi nowymi współrzędnymi. Tę właściwość można włączyć, wybierając w panelu Przekształć opcję Wyrównaj do siatki pikseli. Na poziomie dokumentu program Illustrator dysponuje również opcją Wyrównuj nowe obiekty do siatki pikseli, która domyślnie włączana jest dla dokumentów internetowych. Po włączeniu tej właściwości wszystkie nowe obiekty, które zostaną narysowane, mają domyślnie ustawioną właściwość wyrównywania do pikseli.

Aby uzyskać więcej informacji, zobacz Rysowanie wyrównanych do pikseli ścieżek dla obiegu pracy w Internecie.

Jeśli kompozycja jest zapisywana w formacie grafiki bitmapowej, np. JPEG, GIF lub PNG, program Illustrator rasteryzuje kompozycję z rozdzielczością 72 piksele na cal. Wygląd obiektów po rasteryzacji można sprawdzić po wybraniu polecenia Widok > Podgląd pikseli. Tryb ten jest szczególnie przydatny, gdy trzeba kontrolować rozmieszczenie, rozmiary i opcje wygładzania obiektów w zrasteryzowanej  grafice .

Aby przekonać się, w jaki sposób Illustrator dzieli obiekty na piksele, otwórz plik z obiektami wektorowymi, wybierz polecenie Widok > Podgląd pikseli, a następnie powiększ kompozycję, tak aby były widoczne pojedyncze piksele. Rozmieszczenie pikseli określa siatka pikseli, która dzieli obszar ilustracji na kratki 1-punktowe (1/72 cala). Użytkownik może przeglądać siatkę pikseli, po ustawieniu powiększenia  na  600%. Podczas przesuwania, dodawania i przekształcania obiektów są one przyciągane do siatki pikseli. Przyciąganie to powoduje, że znika efekt wygładzania “przyciągniętych” krawędzi (zwykle są to lewe i górne krawędzie). Teraz wyłącz opcję Widok > Przyciągaj do pikseli i przesuń obiekt. Tym razem, obiekt będzie umieszczany pomiędzy liniami siatki. Warto zwrócić uwagę na wpływ tego efektu na wygładzanie obiektu. Jak widać, naprawdę  bardzo  małe zmiany wpływają na rasteryzację obiektu.

Wyłączona opcja Podgląd pikseli (u góry) i opcja włączona (u dołu)
Wyłączona opcja Podgląd pikseli (u góry) i opcja włączona (u dołu)

Uwaga:

Wygląd siatki pikseli zależy od punktu zerowego (0,0) miarki. Jego przesunięcie zmienia sposób rasteryzacji kompozycji.

Wskazówki dotyczące tworzenia obrazów w programie Illustrator przeznaczonych na urządzenia mobilne

Aby zoptymalizować zawartość graficzną przeznaczoną na urządzenia mobilne, zapisz kompozycję utworzoną w programie Illustrator w dowolnym formacie z grupy SVG. Szczególnie przydatny jest format SVG-t, zaprojektowany specjalnie z myślą o takich urządzeniach.

Skorzystaj z poniższych wskazówek, aby upewnić się, że obrazy utworzone w programie Illustrator będą wyświetlane poprawnie na urządzeniach mobilnych:

  • Do tworzenia zawartości stosuj standard SVG. Stosowanie standardu SVG przy publikowaniu grafiki wektorowej zapewnia mały rozmiar pliku, obsługę dowolnego ekranu, doskonałą kontrolę nad kolorami, możliwość powiększania obrazu oraz możliwość edycji tekstu (w kodzie źródłowym). Ponieważ format SVG jest oparty na języku XML, można dołączać do obrazów elementy interaktywne, takie jak podświetlanie, podpowiedzi, efekty specjalne, dźwięki i animacje.

  • Od początku pracuj w rozmiarze docelowego urządzenia lub urządzeń. Chociaż format SVG jest skalowalny, praca w odpowiednim rozmiarze zapewnia, że wynikowa grafika na urządzeniach docelowych będzie zoptymalizowana pod względem jakości i rozmiaru.

  • Ustaw tryb kolorów RGB w programie Illustrator. Format SVG jest wyświetlany na wyświetlaczach rastrowych RGB, takich jak monitor.

  • Aby zmniejszyć rozmiar pliku, spróbuj zredukować liczbę obiektów (grup) albo je uprościć (mniej punktów). Stosowanie mniejszej liczby punktów znacząco redukuje ilość danych tekstowych niezbędnych do opisania kompozycji w pliku SVG. Aby zredukować liczbę punktów wybierz polecenie Obiekt > Ścieżka > Uprość i wypróbuj różne ustawienia, aby znaleźć kompromis pomiędzy jakością obrazu a liczbą punktów.

  • Stosuj symbole, gdy jest to możliwe. Symbole umożliwiają jednokrotne zdefiniowanie wektorów opisujących obiekt, dzięki czemu nie trzeba wielokrotnie powtarzać tej samej definicji. Jest to użyteczne, gdy kompozycja zawiera takie obiekty, jak tła przycisków, które są używane wielokrotnie.

  • Projektując animację grafiki, ogranicz liczbę używanych obiektów i jeśli to możliwe, staraj się używać obiektów wielokrotnie, aby zmniejszyć rozmiar pliku. Stosuj animacje grup zamiast pojedynczych obiektów, aby unikać powtórzeń kodu.

  • Rozważ zastosowanie formatu SVGZ — czyli wersji formatu SVG skompresowanej programem gzip. W zależności od zawartości taka kompresja może znacznie zmniejszyć rozmiar pliku. Tekst można zwykle znacznie skompresować, natomiast zawartość kodowana binarnie, taka jak osadzone obrazy rastrowe (pliki JPEG, PNG i GIF) nie poddaje się dobrze kompresji. Pliki SVGZ mogą być rozpakowywane przez dowolne aplikacje wyodrębniające pliki skompresowane w formacie gzip. Jeśli chcesz używać formatu SVGZ, sprawdź, czy docelowe urządzenie mobilne jest w stanie rozpakowywać pliki gzip.

Adobe

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

14–16 października, plaża Miami Beach i online

Adobe MAX

The Creativity Conference

14–16 października, plaża Miami Beach i online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

14–16 października, plaża Miami Beach i online

Adobe MAX

The Creativity Conference

14–16 października, plaża Miami Beach i online