Grafika wektorowa (grafika obiektowa) – obraz zdefiniowany jest za pomocą obiektów geometrycznych - odcinków, krzywych, figur - umiejscowionych w matematycznie zdefiniowanym układzie współrzędnych. Obiekty mają określone atrybuty np. grubość i kolor linii, kolor wypełnienia, stopień przezroczystości.
Główne cechy i zalety grafiki wektorowej:
całkowita skalowalność – obrazy możemy wielokrotnie skalować bez utraty jakości przy powiększaniu,
mały rozmiar plików,
bardzo dobre możliwości konwersji do grafiki rastrowej.
Wady: złożoność pamięciowa dla obrazów fotorealistycznych stąd nie nadaje się do obrazów realistycznych.
Zastosowanie. Grafiki z małą ilością szczegółów np.
schematy naukowe i techniczne,
mapy i plany,
loga,
herby, flagi, godła,
różnego typu znaki, np. drogowe,
komiksy.
Format zapisu plików:
AI (Adobe Illustrator),
CDR (pakiet CorelDRAW),
SWF (Adobe Flash),
SVG (przyszłościowy, niezależny od platformy, możliwość animacji i interakcji poprzez użycie języka skryptowego).
Porównanie grafiki rastrowej i wektorowej: przykład 1, przykład 2
Menu – z jego poziomu możemy uruchomić większość funkcji programu.
Listwa narzędziowa (przybornik) - dostęp do wszystkich narzędzi programu.
Listwa kontroli narzędzia – dostępne opcje wybranego narzędzia, które możemy konfigurować.
Listwa poleceń – najczęściej używane polecenia.
Listwa przyciągania – opcje listwy pozwalają na kontrolę przyciągania ścieżek/węzłów obiektów między sobą, obiektów do siatek i prowadnic.
Paleta kolorów – dobór barwy wypełnienia oraz konturu/obramowania obiektu (Shift+Ctrl+F).
Listwa statusu - informacje o aktywnych narzędziach oraz podpowiedzi o dostępnych funkcjach i skrótach klawiszowych.
Okna dokowane (przyklejane) – umożliwiają szybki dostęp do najczęściej używanych funkcji; wśród 16 okien najczęściej wykorzystywanymi są:
Warstwy (Warstwa/Warstwy; Shift+Ctrl+L);
Wypełnienie i kontur (Obiekt/Wypełnienie i kontu ; Shift+Ctrl+F);
Edytor efektów ścieżki (Ścieżka/Edytor efektów ścieżki; Shift+Ctrl+7);
Wyrównaj i rozmieść (Obiekt/Wyrównaj i rozmieść; Shift+Ctrl+A);
Edytor filtrów (Filtry/Edytor filtrów).
Skalowanie (powiększanie, pomniejszanie) obszaru roboczego:
kółko myszki + Ctrl.
Ctrl + LPM: powiększanie
Shift + PPM: pomniejszanie
Klawisze: plus (+) - powiększanie), minus (–) - pomniejszanie
Powiększenie strony do rozmiaru okna - klawisz 5 lub kliknięcie w ikonę na listwie poleceń.
Przesuwanie obszaru roboczego:
Kółko myszki: góra lub dół
Shift + kółko myszki: prawo lub lewo
Ctrl + klawisze ze strzałkami: góra, dół, prawo, lewo
Przesuwanie
złapanie obiektu wskaźnikiem i przesunięcie
Alt+strzałka lub Alt+Shift+strzałka
Skalowanie – zaznaczenie obiektu (kliknięcie), złapanie za jedną z ośmiu strzałek i przeciągnięcie
z Ctrl - skalowanie z zachowaniem proporcji;
z Shift - symetryczne skalowanie w obie strony względem środka obiektu (krzyżyk)
Alt + > i Alt+<
Obracanie – po podwójnym kliknięciu obiektu na rogach pojawią się strzałki obrotu (obrót względem krzyżyka, który można przesuwać); trzecie kliknięcie – powrót do trybu skalowania.
z Ctrl – co 15 stopni
Ścinanie/Pochylanie – po podwójnym kliknięciu - uchwyty środkowe
z Ctrl skokowo co 15 stopni.
Duplikowanie obiektu.
Po zaznaczeniu obiektu (obiektów):
z menu Edycja/Powiel - utworzona kopia obiektu przykrywająca obiekt zduplikowany,
skrót Ctrl+D,
kliknięcie w ikonę na listwie poleceń,
w trakcie przekształcania obiektu np. przesuwania wciskamy spację.
Przybornik – wybierz narzędzie rysowanie prostokątów i kwadratów (F4) i przeciągnij myszką z LPM (z Ctrl – kwadrat)
Kolor prostokąta – LPM kliknij w paletę kolorów
Uchwyty kwadratowe w narożnikach prostokąta - zmiana proporcji
Uchwyt kółeczko – zaokrąglanie rogów
Kontur – PPM, menu kontekstowe, opcja Wypełnienie i kreska, okno dokowane z ustawieniami parametrów
Skróty klawiaturowe:
Suma (Ctrl ++)
Różnica (Ctrl + -)
Część wspólna (Ctrl + *)
Wykluczenie (Ctrl + ^)
Podział (Ctrl +\)
Rozcięcie ścieżki (Ctrl + Alt + /)
Zobacz szczegółowy opis działania powyższych operacji.
Uwagi:
Polecenia Różnica i Wykluczenie - tylko do dwóch zaznaczonych obiektów.
Rezultat zawsze otrzymuje styl obiektu spodniego.
Wykluczenie od Połączenia różni się tym, że dodaje dodatkowe węzły tam, gdzie oryginalne ścieżki się przecinają.
Różnica między Podziałem, a Rozcięciem ścieżki:
Podział - przecina ścieżką obiektu wierzchniego cały spodni obiekt,
Rozcięcie - tylko tnie kontur obiektu na spodzie i usuwa jakiekolwiek wypełnienie (wygodne dla cięcia pozbawionych wypełnienia kresek na kawałki).
Wyszukaj w sieci serwisy udostępniające grafikę wektorową. Na jakich zasadach jest udostępniana?
Porównaj np. na pixabay rozmiary pliku zapisanego w formacie grafiki rastrowej i wektorowej.
Za pomocą dowolnego programu mającego narzędzia do edycji grafiki wektorowej narysuj znaki drogowe:
zakaz ruchu w obu kierunkach (B1)
droga jednokierunkowa (D3)
niebezpieczny zakręt w prawo (A1)
4. Wykonaj w programie Inkscape Koła olimpijskie (przykład)
Instrukcja:
Wybierz z przybornika – Okrąg (F5).
Przytrzymaj Ctrl (skalowanie z zachowaniem proporcji) i przeciągnij w obszarze rysunku aż uzyskasz właściwy rozmiar koła (większego).
Zduplikuj koło (Ctrl+D) - ustal rozmiar okręgu wewnętrznego.
Wyśrodkuj okręgi - zaznacz oba - Wyrównaj i Rozmieść (Shift + Ctrl + A).
Usuń część wspólną obu kół – Ścieżki – Różnica (wycięcie obiektu znajdującego się na dole stosu o obszar wspólny dla obiektów zaznaczonych).
Wykonaj 4 kopie koła (Ctrl+D) – krycie 100%, brak konturu.
Rozmieść koła zgodnie z rozmieszczeniem kół olimpijskich.
Wypełnij koła kolorem(przybornik - Wypełnienie lub okno dokowane Wypełnienie i kontur - Próbnik koloru).
Przesuń na spód (End) i Powiel (Ctrl+D) koła dolnego rzędu.
Zaznacz wskaźnikiem koła dolne - wybierz z przybornika – Gumka (Shift+E) i wygumuj je w obszarach, gdzie przeplatają się niewłaściwie.
5. Wykorzystując narzędzia edytora grafiki wektorowej, zaprojektuj serce.
6. Zaprojektuj baner reklamowy lub proste logo.