Temat 19: Grafika wektorowa – tworzenie logo za pomocą krzywych Beziera (Inkscape)
📘 Teoria
📐 Czym jest grafika wektorowa?
Grafika wektorowa składa się z obiektów matematycznych: linii, punktów, krzywych oraz figur geometrycznych.
Najważniejszą zaletą grafiki wektorowej jest możliwość skalowania obrazu bez utraty jakości.
📌 Zastosowania grafiki wektorowej
- 🎨 logo firm
- 📄 plakaty i ulotki
- 🌐 ikony stron internetowych
- 🖨️ materiały do druku
- 📐 projekty techniczne
- 🏷️ identyfikacja wizualna
🖌️ Program Inkscape
Inkscape to darmowy program do tworzenia grafiki wektorowej.
📌 Najważniejsze możliwości programu
| Funkcja | Zastosowanie |
|---|---|
| ✏️ Rysowanie krzywych | tworzenie własnych kształtów |
| 📐 Figury geometryczne | prostokąty, koła, gwiazdy |
| 🎨 Kolory i gradienty | stylizacja obiektów |
| 📝 Tekst | napisy i slogany |
| 📦 Warstwy | organizacja projektu |
📌 Format domyślny
SVG – Scalable Vector Graphics
📈 Krzywe Beziera
Krzywe Beziera to podstawowe narzędzie do tworzenia własnych kształtów w grafice wektorowej.
Krzywe składają się z:
- 📍 punktów węzłowych
- 📏 uchwytów sterujących
- 📐 odcinków krzywych
📌 Zastosowanie krzywych Beziera
- rysowanie logo
- tworzenie ikon
- projektowanie ilustracji
- tworzenie niestandardowych kształtów
📌 Narzędzie w Inkscape
Narzędzie → Krzywe Beziera i linie proste
🛠️ Tworzenie logo krok po kroku
📌 Etapy projektowania logo
- utworzenie nowego dokumentu
- wybór kolorystyki
- rysowanie podstawowych kształtów
- wykorzystanie krzywych Beziera
- dodanie tekstu
- dopasowanie proporcji
- zapis projektu
📌 Projektowanie logo
Dobre logo powinno być:
- ✔️ proste
- ✔️ czytelne
- ✔️ łatwe do zapamiętania
- ✔️ skalowalne
- ✔️ estetyczne
🧰 Najważniejsze narzędzia Inkscape
| Narzędzie | Działanie |
|---|---|
| ⬛ Prostokąt | rysowanie prostokątów |
| ⭕ Elipsa | tworzenie kół i okręgów |
| ⭐ Gwiazda | tworzenie gwiazd i wielokątów |
| ✏️ Bezier | rysowanie własnych kształtów |
| 📝 Tekst | dodawanie napisów |
| 🎨 Wypełnienie | kolor obiektu |
| 📏 Kontur | obramowanie obiektu |
📍 Edycja węzłów
Po utworzeniu krzywej można edytować jej kształt za pomocą węzłów.
📌 Operacje na węzłach
| Operacja | Efekt |
|---|---|
| ➕ Dodanie węzła | większa dokładność |
| ➖ Usunięcie węzła | uproszczenie kształtu |
| 🔀 Przesunięcie | zmiana kształtu krzywej |
| 📐 Uchwyty | wygładzanie krzywych |
📌 Ścieżka
Narzędzie → Edycja węzłów
🎨 Kolory i gradienty
Logo powinno posiadać spójną kolorystykę.
📌 Gradient
Gradient to płynne przejście między kolorami.
| Typ | Efekt |
|---|---|
| 🌈 Liniowy | przejście w jednym kierunku |
| ⭕ Promienisty | przejście od środka |
Ścieżka:
Obiekt → Wypełnienie i kontur
💾 Zapisywanie projektu
Projekt można zapisać w różnych formatach.
| Format | Zastosowanie |
|---|---|
| SVG | grafika wektorowa |
| PNG | publikacja w Internecie |
| druk | |
| EPS | profesjonalne projekty |
📌 Eksport PNG
Plik → Eksportuj PNG
✅ Zalety grafiki wektorowej
- skalowanie bez utraty jakości
- mały rozmiar plików
- łatwa edycja obiektów
- profesjonalny wygląd logo
- idealna do druku
⚠️ Najczęstsze błędy
- zbyt skomplikowane logo
- nadmiar kolorów
- nieczytelny tekst
- za dużo efektów specjalnych
- brak wersji wektorowej projektu
Błąd:
Logo zawierające wiele drobnych elementów.
Poprawnie:
Prosty i czytelny projekt logo.
🧠 Ćwiczenia
- Uruchom program Inkscape.
- Utwórz nowy dokument SVG.
- Narysuj prosty kształt za pomocą krzywych Beziera.
- Dodaj kolor wypełnienia.
- Dodaj kontur obiektu.
- Utwórz logo szkoły lub firmy.
- Dodaj tekst do projektu.
- Zastosuj gradient kolorów.
- Wyeksportuj projekt do PNG.
- Zapisz projekt w formacie SVG.
- uruchomienie Inkscape
- Plik → Nowy
- narzędzie Bezier
- Wypełnienie i kontur
- dodanie obramowania
- projekt prostego logo
- narzędzie tekstowe
- gradient liniowy
- Eksport PNG
- Zapis jako SVG
📊 Zadania egzaminacyjne
Zadanie 1
Wykonaj projekt prostego logo z wykorzystaniem krzywych Beziera.
Zadanie 2
Dodaj tekst oraz gradient kolorów do projektu logo.
Zadanie 3
Wyeksportuj projekt do formatu PNG i SVG.
Zadanie 4
Wyjaśnij zalety grafiki wektorowej w projektowaniu logo.
Zadanie 5
Porównaj grafikę rastrową i wektorową pod względem skalowania.
📝 Test – 10 pytań
1. Inkscape służy do:
2. Krzywe Beziera służą do:
3. SVG jest formatem:
4. Grafika wektorowa:
5. Gradient to:
6. Logo powinno być:
7. Narzędzie Bezier umożliwia:
8. PNG jest używany głównie do:
9. Węzły służą do:
10. PDF można wykorzystać do:
📎 Materiały dodatkowe
👨🏫 Dla nauczyciela
Warto przeprowadzić ćwiczenie praktyczne polegające na zaprojektowaniu logo szkoły lub klasy. Uczniowie powinni wykorzystać krzywe Beziera, gradienty oraz pracę na obiektach wektorowych.