Informatyka · Grafika komputerowa

Wektor w Inkscape — od figur do własnego znaku

Prosty piktogram ma działać na małej naklejce i na dużej tablicy. Zbudujemy go z figur, a potem świadomie zmienimy ich kształt.

  • Zobacz mechanizm
  • Wykonaj w programie
  • Sprawdź własny wynik

Po tej lekcji: Wykonasz znak z figur i ścieżek oraz zapiszesz SVG i eksport PNG.

Zakres podstawowy · materiał otwarty

Figura, ścieżka i węzeł

Prostokąt ma parametry, np. szerokość i promień narożników. Po zamianie obiektu w ścieżkę edytujesz węzły i odcinki. Uchwyty przy węźle sterują krzywizną. Wypełnienie to wnętrze, kontur to obrys. Zaznaczenie kilku obiektów i zgrupowanie ich nie jest tym samym co połączenie ścieżek w jedną.

Sprawdź w działaniu

Wytnij otwór albo połącz figury

Przesuwaj koło i porównaj sumę, różnicę i część wspólną. Czy różnica zmieni się, gdy koło przestanie dotykać prostokąta?

Ta interakcja wymaga włączonego JavaScriptu.

Zbuduj piktogram aparatu

  1. Narysuj prostokąt jako korpus oraz mały prostokąt nad nim. W panelu Wypełnienie i kontur ustaw wspólny kolor, bez konturu.
    Oczekiwany wynikDwa oddzielne obiekty.
  2. Zaznacz oba z Shift. Wybierz Ścieżka → Suma.
    Oczekiwany wynikJeden obszar korpusu zamiast grupy.
  3. Narysuj koło obiektywu ponad korpusem. Zaznacz koło i korpus, wycentruj je w panelu wyrównania.
    Oczekiwany wynikKoło leży w zamierzonym miejscu.
  4. Wybierz Ścieżka → Różnica. Jeśli zniknęła zła figura, cofnij i sprawdź kolejność obiektów.
    Oczekiwany wynikGórne koło wycina otwór z dolnego korpusu.
  5. Na kopii wybierz Ścieżka → Obiekt w ścieżkę, następnie narzędzie Węzły. Przesuń jeden węzeł.
    Oczekiwany wynikZmiana węzła zmienia geometrię, a nie całe położenie obiektu.
  6. Zapisz SVG. Otwórz panel eksportu PNG, wybierz rysunek lub zaznaczenie i szerokość 256 px.
    Oczekiwany wynikProjekt zachowuje wektor, PNG jest rastrem.

Słownik operacji na obszarach

OperacjaCo zostaje
SumaCałość należąca do przynajmniej jednej figury
RóżnicaDolna figura bez obszaru górnej
Część wspólnaTylko obszar należący do obu
GrupaNadal osobne obiekty, wspólnie przesuwane

Ćwiczenie z pomocą · samodzielna praca

Znak lokalizacji

Zbuduj znacznik z koła i prostokąta lub trójkąta. Wytnij okrągły otwór.

Oczekiwany rezultat
SVG oraz PNG 128 px; otwór naprawdę przezroczysty.
Potrzebujesz pomocy? Rozwiązuj krok po kroku.
Krok 1 — pokaż podpowiedź

Ustaw figurę wycinającą na wierzchu.

Krok 2 — pokaż podpowiedź

Różnica usuwa jej obszar z dolnej figury.

Otwórz tylko tyle podpowiedzi, ile potrzebujesz. Po każdym kroku wróć do zadania i sprawdź wynik.

Ćwiczenie z pomocą · samodzielna praca

Zmień krzywą

Na kopii figury zmień położenie jednego węzła i jego uchwytów. Opisz różnicę.

Oczekiwany rezultat
Dwie wersje w SVG.
Potrzebujesz pomocy? Rozwiązuj krok po kroku.
Krok 1 — pokaż podpowiedź

Zamień obiekt w ścieżkę.

Krok 2 — pokaż podpowiedź

Wybierz narzędzie Węzły, nie zwykłe przesuwanie.

Otwórz tylko tyle podpowiedzi, ile potrzebujesz. Po każdym kroku wróć do zadania i sprawdź wynik.

Podsumowanie

Co warto zapamiętać

  1. Wykonasz znak z figur i ścieżek oraz zapiszesz SVG i eksport PNG.
  2. Otwórz zapisany wynik w programie odbiorcy. Sprawdź, czy działa bez Twojej pomocy.
  3. Wskaż jedną decyzję w swojej pracy i wyjaśnij jej skutek.

Po zalogowaniu zobaczysz dodatkowe lekcje i materiały oznaczone jako rozszerzenie. Podstawowe quizy i zadania pozostają dostępne w biurku.

Dalej na swoim koncie

Rozgrzewki, quiz i zadania są w biurku ucznia.

Teoria jest otwarta dla wszystkich. Żeby rozwiązywać zadania, zapisywać szkice i widzieć swój postęp, zaloguj się.

Zaloguj się →
Źródła i dalsza nauka