Aby utworzyć w Inkscape przezroczyste wycięcie tekstu, zachowując możliwość edycji treści, użyj maski zawierającej czarny tekst na białym prostokącie. Zastosuj ją do grafiki, a gdy zechcesz zmienić tekst, zwolnij maskę.

W tym samouczku na Macu powstaje prosta abstrakcyjna kompozycja: nakładające się kolorowe kształty, w których słowo FORM tworzy przezroczyste otwory. Gotowy plik SVG zachowuje tekst i kształty. Zmiana treści wymaga cyklu: zwolnij maskę, edytuj tekst, zastosuj maskę ponownie.

Dlaczego maska zachowuje edytowalny tekst

Zwykła maska w Inkscape używa koloru do kontrolowania widoczności: biel zachowuje widoczność grafiki pod spodem, a czerń czyni ją przezroczystą. Zwykłe przycinanie zachowuje natomiast to, co znajduje się wewnątrz konturu, więc przycięcie literami umieszcza grafikę wewnątrz liter. To rozróżnienie opisuje oficjalny przewodnik po przycinaniu i maskowaniu.

W tej konstrukcji maska zawiera dwa obiekty: pełny biały prostokąt i umieszczony nad nim pełny czarny tekst. Prostokąt zachowuje kompozycję, a litery tworzą w niej otwory. Maski SVG obsługują zarówno grupy, jak i tekst, więc nie trzeba zamieniać tekstu na kontury. Konstrukcja ta działa zgodnie z zasadami maskowania określonymi w specyfikacji SVG.

Zwróć uwagę na różnice między operacjami:

Operacja Działanie Skutek dla późniejszej edycji
Obiekt → Grupuj Łączy obiekty w grupę Elementy pozostają osobnymi obiektami
Zwykłe maskowanie Kontroluje widoczność grafiki Zwolnij maskę, aby odzyskać ją do edycji
Ścieżka → Obiekt w ścieżkę dla tekstu Zamienia litery na kontury Nie można już edytować treści narzędziem tekstowym
Ścieżka → Różnica Odejmuje jedną ścieżkę od drugiej Zmienia geometrię zamiast tworzyć edytowalną maskę tekstową

Oficjalne źródło zaawansowanego samouczka wyraźnie stwierdza, że zamiana tekstu na ścieżki usuwa możliwość jego edycji. Podręcznik operacji boolowskich wyjaśnia, że operacje boolowskie działają na ścieżkach lub próbują dokonać konwersji. W edytowalnej konstrukcji pomiń obie te operacje.

Przygotuj abstrakcyjną grafikę i maskę

Na Macu użyj poniższych poleceń z menu. Dzięki temu nie musisz polegać na konkretnych ustawieniach skrótów klawiaturowych. Internetowy Beginners’ Guide obecnie podaje, że dokumentacja dotyczy wersji 1.3; niektóre pozycje menu mogą mieć dłuższe nazwy, na przykład Ustaw maskę zamiast Ustaw.

1. Utwórz i zgrupuj kolorowe kształty

Rozpocznij od pustego dokumentu. Narysuj szeroki prostokąt, a następnie dodaj w jego obrębie dwie zachodzące na siebie elipsy. Możesz na przykład użyć niebieskiego prostokąta, turkusowej elipsy po lewej i pomarańczowej elipsy po prawej. To przykładowe kolory i układ do ćwiczeń, a nie wymagane wymiary ani barwy.

Wybierz narzędzie kształtu z paska narzędzi, a następnie kliknij i przeciągnij kursor po obszarze roboczym. Sposób rysowania opisuje przewodnik Inkscape Narzędzia kształtów. Umieść kształty w bezpiecznej odległości od krawędzi strony.

Otwórz Obiekt → Wypełnienie i kontur. Nadaj każdemu kształtowi pełne wypełnienie i usuń kontur, klikając symbol przekreślonej próbki w sekcji Kolor konturu. Na potrzeby tego ćwiczenia ustaw krycie obiektu na maksimum, a rozmycie na zero. Te opcje opisuje podręcznik wypełnienia i konturu.

Przełącz się na narzędzie zaznaczania, przeciągnij zaznaczenie wokół trzech kształtów i wybierz Obiekt → Grupuj. To będzie grupa grafiki. Grupowanie pozwala zachować kompozycję jako całość bez łączenia geometrii; przewodnik Grupowanie obiektów opisuje też sposób wchodzenia do grupy, aby edytować jej elementy.

2. Utwórz biały prostokąt maski

Narysuj kolejny prostokąt zakrywający całą grupę grafiki, z niewielkim zapasem z każdej strony. Nadaj mu całkowicie nieprzezroczyste białe wypełnienie, usuń kontur i ustaw rozmycie na zero. Na tym etapie prostokąt zasłoni kompozycję.

Ten prostokąt określa obszar zachowywany przez maskę. Powinien być na tyle duży, aby obejmował całą kompozycję, w tym kształty wystające poza jej główną część. Za mały prostokąt ukryje grafikę wychodzącą poza jego krawędzie, zgodnie z opisanym modelem maskowania SVG.

3. Dodaj czarny tekst nad prostokątem

Wybierz narzędzie tekstowe, kliknij raz na białym prostokącie i wpisz FORM. Jedno kliknięcie tworzy zwykły tekst w wierszu; przeciągnięcie kursora tworzy ramkę tekstową. W przypadku tej krótkiej etykiety użyj metody pojedynczego kliknięcia opisanej w sekcji Pisanie tekstu.

Wybierz zainstalowaną czcionkę o pogrubionym kroju i powiększ słowo tak, aby zajmowało środkową część kompozycji. Użyj Tekst → Tekst i czcionka albo paska narzędzi tekstowych, aby zmienić czcionkę, rozmiar i odstępy. Inkscape korzysta z czcionek zainstalowanych na komputerze, co wyjaśnia sekcja Stylizowanie tekstu.

Ustaw pełne czarne wypełnienie tekstu, usuń kontur i ustaw rozmycie na zero. Całe słowo powinno mieścić się w białym prostokącie. Nie zamieniaj tekstu na ścieżki.

4. Zgrupuj tylko elementy maski

Za pomocą narzędzia zaznaczania wybierz czarny tekst i biały prostokąt, a następnie wybierz Obiekt → Grupuj. Kolorowa grafika ma pozostać poza tą grupą.

Przed zastosowaniem maski kolejność warstw powinna wyglądać tak:

  1. Czarny tekst wewnątrz grupy maski.
  2. Biały prostokąt wewnątrz tej samej grupy maski.
  3. Grupa kolorowej grafiki pod grupą maski.

W razie potrzeby popraw kolejność za pomocą poleceń przenoszenia w górę lub w dół z menu Obiekt. Te opcje opisuje oficjalny przewodnik Kolejność warstw. Biały prostokąt musi znajdować się pod czarnymi literami, a ich grupa nad grafiką.

5. Zastosuj zwykłą maskę

Zaznacz jednocześnie grupę maski i grupę grafiki. W tym przykładowym dokumencie wygodnie jest przeciągnąć zaznaczenie wokół całej konstrukcji, ponieważ nie ma w niej innych obiektów.

Wybierz Obiekt → Maska → Ustaw albo Ustaw maskę, jeśli tak brzmi nazwa polecenia. Użyj zwykłej maski. Zgodnie z przewodnikiem Inkscape dotyczącym przycinania i maskowania Inkscape używa najwyżej położonego zaznaczonego obiektu jako maski.

Biały prostokąt i czarne litery powinny zniknąć jako widoczne obiekty. Kolorowa kompozycja powinna znów być widoczna, a przez każdy kształt w grupie grafiki powinny przebiegać otwory w kształcie liter.

Sprawdź przezroczystość i upewnij się, że tekst można edytować

Biała strona może sprawiać, że przezroczysty otwór wygląda jak biały tekst. Wykonaj poniższe dwie kontrole, aby potwierdzić oba aspekty: przezroczystość i zachowaną możliwość edycji tekstu.

Sprawdź otwór na tymczasowym tle

Narysuj duży fioletowy prostokąt i przenieś go pod zamaskowaną grafikę. Pozostaw ten testowy prostokąt poza grupą maski. Fiolet powinien być widoczny przez litery, a otaczająca je kolorowa kompozycja powinna pozostać widoczna.

Zmień kolor prostokąta testowego. Przez otwory w kształcie liter powinien być widoczny nowy kolor. To praktyczny sposób sprawdzenia przezroczystości maski: widoczny kolor pochodzi z osobnego obiektu znajdującego się pod spodem.

Po sprawdzeniu usuń prostokąt testowy. Możesz też włączyć opcję Tło w kratkę w Plik → Właściwości dokumentu, aby obejrzeć puste obszary. Podręcznik obszaru roboczego wyjaśnia, że białe na pierwszy rzut oka płótno może być przezroczyste.

Zwolnij maskę i zmień treść

Zaznacz zamaskowaną kompozycję i wybierz Obiekt → Maska → Zwolnij; polecenie może też nosić nazwę Zwolnij maskę. Zgodnie z opisem działania masek Inkscape umieszcza obiekt maskujący nad wcześniej maskowaną grafiką.

Biały prostokąt znów zasłoni kompozycję. Kliknij dwukrotnie zwolnioną grupę maski narzędziem zaznaczania, aby do niej wejść. Wybierz narzędzie tekstowe, kliknij czarne słowo i zastąp FORM przez ARC. Sposób wchodzenia do grup i wychodzenia z nich opisuje sekcja Grupowanie obiektów.

W razie potrzeby dostosuj rozmiar lub położenie czcionki. Następnie przełącz się z powrotem na narzędzie zaznaczania i kliknij dwukrotnie poza grupą, aby z niej wyjść. Zaznacz całą grupę maski i grupę grafiki, a następnie ponownie zastosuj zwykłą maskę.

Nowe otwory powinny tworzyć słowo ARC. To kontrola edytowalności: zmieniono znaki narzędziem tekstowym, zamiast przekształcać kontury liter. Powtarzaj ten cykl za każdym razem, gdy trzeba zmienić treść.

Rozwiązywanie problemów z nieoczekiwanym wynikiem

Zanim odtworzysz efekt, sprawdź jego strukturę. Poniższe kontrole wynikają z opisanych zasad działania kolorów maski, kolejności warstw i grupowania:

Objaw Co sprawdzić Rozwiązanie
Cała kompozycja znika Czy jako maski użyto samego czarnego tekstu? Zwolnij maskę i umieść pod tekstem biały prostokąt
Grafika jest wszędzie niezmiennie widoczna Czy biały prostokąt znajduje się nad tekstem? Przenieś czarny tekst nad prostokąt wewnątrz grupy maski
Biały prostokąt pozostaje widoczny Czy podczas stosowania maski zaznaczono właściwą parę obiektów? Zaznacz całą grupę maski i grupę grafiki
Kolorowe krawędzie nieoczekiwanie znikają Czy biały prostokąt obejmuje całą kompozycję? Zwolnij maskę i powiększ prostokąt
Otwory w kształcie liter są częściowo przezroczyste Czy tekst jest szary, półprzezroczysty lub rozmyty? Przywróć nieprzezroczysty czarny tekst i ustaw rozmycie na zero
Jeden kolorowy kształt wypełnia litery Czy ten kształt znajduje się poza zamaskowaną grupą grafiki? Zwolnij maskę, zgrupuj właściwe elementy grafiki i zastosuj maskę ponownie

Jeśli po zwolnieniu maski nie możesz edytować liter narzędziem tekstowym, sprawdź, czy wcześniej nie zamieniono ich na ścieżki. Zwolnienie maski nie cofa konwersji na ścieżki. Odzyskaj wcześniejszy, edytowalny plik SVG albo utwórz nowy obiekt tekstowy; zaawansowany samouczek wyjaśnia różnicę między edytowalnym tekstem a węzłami ścieżki.

Zapisz edytowalny plik SVG i wyeksportuj przezroczysty PNG

Zapisz dokument roboczy przez Plik → Zapisz jako i wybierz Inkscape SVG. Przewodnik Zapisywanie pracy zaleca ten format, aby zachować dane edycji Inkscape. Zachowaj ten plik SVG jako dokument główny, który będziesz otwierać przy zmianie treści.

Aby wyeksportować plik PNG, otwórz okno eksportu z menu Plik. W podręczniku polecenie nazywa się Eksportuj obraz PNG; w twojej wersji może być oznaczone jako Eksportuj. Wybierz PNG, określ obszar eksportu, wprowadź wymagane wymiary w pikselach i wyeksportuj plik. Wybierz Strona, aby uwzględnić układ strony, albo Zaznaczenie, aby uwzględnić granice zaznaczonej kompozycji, zgodnie z sekcją Eksportowanie pliku PNG.

Przed eksportem usuń tymczasowy prostokąt tła i upewnij się, że kanał alfa tła dokumentu ma wartość zero. Nieprzezroczysty obiekt pod grafiką albo nieprzezroczyste tło dokumentu nada kolor obszarom widocznym przez otwory w pliku PNG. Przewodnik po obszarze roboczym wyjaśnia, jak krycie obu rodzajów tła wpływa na wynik PNG.

Plik PNG jest obrazem rastrowym; późniejsze zmiany tekstu wprowadzaj w głównym pliku SVG. Otwórz ten plik, zwolnij maskę, zmień słowo, ponownie zastosuj maskę i ponownie wyeksportuj grafikę. Zachowanie białego prostokąta i edytowalnego czarnego tekstu w jednej grupie zapewnia wielokrotnego użytku konstrukcję oraz łatwy powrót do edycji.

Źródła