Jak zrobić tło pod tekstem w GIMP-ie

Przygotuj obraz i edytowalną warstwę tekstową

Instrukcja dotyczy GIMP-a z rodziny 3.x. Dostarczony opis oficjalnej strony pobierania wskazuje wydanie 3.2.6. Przy poleceniach używanych w głównej procedurze podano również angielskie odpowiedniki, które ułatwią znalezienie funkcji w interfejsie z innym tłumaczeniem. W starszym GIMP-ie 2.10 obowiązuje ta sama zasada pracy: napis i pole pod nim umieszczasz na oddzielnych warstwach. Wygląd ikon, okien i rozmieszczenie opcji mogą się różnić. [S3]

Stan początkowy jest prosty: masz otwarte zdjęcie lub grafikę, na której chcesz umieścić napis. Otwórz obraz przez Plik → Otwórz. Możesz też zacząć od pustego dokumentu utworzonego przez Plik → Nowy. Pracuj w kopii projektu, jeśli oryginalny plik zawiera elementy, których nie chcesz przypadkowo zmienić.

1. Wybierz narzędzie Tekst z przybornika, oznaczone literą A.
2. Kliknij na obrazie i wpisz napis. GIMP utworzy dla niego osobną warstwę tekstową.
3. W opcjach narzędzia ustaw krój pisma, rozmiar i kolor liter. Na tym etapie dopracuj również podział na wiersze.
4. Umieść napis w docelowej części obrazu. Do jego późniejszej edycji wracaj narzędziem Tekst.
5. Sprawdź panel Warstwy. Warstwa napisu powinna mieć ikonę wskazującą tekst, a pod nią powinna znajdować się warstwa zdjęcia lub grafiki.

Najpierw ustal treść i wielkość napisu, a dopiero później dopasuj tło. Jeśli po narysowaniu prostokąta zmienisz krótki tytuł na trzywierszowy opis, pole trzeba będzie powiększyć. Samo pole tekstowe nie tworzy kolorowego tła: jego granica pomaga w edycji i układaniu tekstu, ale nie jest widocznym elementem gotowej grafiki.

Przeczytaj również: Justowanie tekstu w GIMP-ie i kontrola odstępów.

Zrób prostokątne tło pod tekstem krok po kroku

Najwygodniejsza metoda to przezroczysta warstwa o wymiarach całego obrazu, zawierająca tylko wypełniony prostokąt. Dzięki temu pole może leżeć w dowolnym miejscu, a reszta warstwy pozostanie niewidoczna. Kluczowa jest kolejność: od góry napis, niżej kolorowe pole, na dole zdjęcie. Warstwa położona wyżej zasłania widoczne elementy warstw znajdujących się pod nią.

1. Wybierz Warstwa → Nowa warstwa (Layer → New Layer). Nazwij ją „Tło napisu”. Pozostaw wymiary odpowiadające obrazowi i ustaw wypełnienie na Przezroczystość (Transparency). Zatwierdź utworzenie warstwy.
2. W panelu Warstwy przeciągnij „Tło napisu” poniżej warstwy tekstowej, ale powyżej zdjęcia. Kliknij jej wiersz, aby była aktywna.
3. Wybierz narzędzie Zaznaczenie prostokątne (Rectangle Select). Przeciągnij na obrazie prostokąt otaczający napis. Zostaw wolne miejsce między literami a każdą krawędzią pola.
4. Kliknij próbkę koloru pierwszoplanowego w przyborniku. Wybierz kolor tła i zatwierdź go.
5. Wybierz Edycja → Wypełnij kolorem pierwszoplanowym (Edit → Fill with FG Color). Kolor pojawi się wewnątrz zaznaczenia na aktywnej warstwie.
6. Usuń zaznaczenie przez Zaznaczenie → Brak (Select → None). Oceń prostokąt bez migającej granicy zaznaczenia.

Rezultat to napis nad jednolitym polem, z możliwością niezależnej zmiany obu elementów. Kliknięcie ikony oka obok „Tła napisu” powinno ukrywać wyłącznie prostokąt. Jeśli znika również tekst, prawdopodobnie oba elementy znalazły się na jednej warstwie albo wyłączasz widoczność całej grupy. Sprawdź to od razu, zanim zaczniesz dopracowywać wygląd.

Wypełnienie działa na aktywnej warstwie i w granicach bieżącego zaznaczenia. Dlatego przed użyciem polecenia sprawdź nazwę podświetlonej warstwy. Jeśli przypadkowo wypełnisz zdjęcie lub napis, cofnij ostatnią operację przez Edycja → Cofnij, wybierz właściwą warstwę i ponów wypełnienie. Nie naprawiaj takiego błędu przez wymazywanie koloru z fotografii.

Dopasuj margines między napisem a krawędzią tła

Margines to wolna przestrzeń wewnątrz prostokąta, wokół liter. Zbyt mały sprawia, że napis wygląda na ściśnięty; zbyt duży powoduje, że tło zajmuje więcej zdjęcia, niż potrzebuje. Dopasowuj pole do widocznego napisu, a nie wyłącznie do granicy warstwy tekstowej. Krój pisma może pozostawiać dodatkową przestrzeń nad literami i pod nimi, więc mechaniczne odwzorowanie tej granicy nie zawsze daje równy efekt.

Ustaw dokładny rozmiar prostokąta

Po narysowaniu zaznaczenia jego położenie i wielkość możesz poprawić w opcjach narzędzia Zaznaczenie prostokątne. Pola Położenie i Rozmiar pozwalają wpisać współrzędne oraz wymiary. To przydatne, gdy przygotowujesz kilka podpisów, które mają mieć taki sam margines, albo gdy przeciąganie myszą daje nierówne odstępy. Upewnij się, że wartości odczytujesz w pikselach, jeśli właśnie w tej jednostce planujesz układ.

Jako własną propozycję do ćwiczenia możesz przyjąć napis zajmujący około 500 × 80 pikseli i dodać po 24 piksele wolnego miejsca z każdej strony. Prostokąt będzie miał wtedy 548 × 128 pikseli. To przykład obliczenia, a nie uniwersalna reguła projektowa. Drobny podpis będzie potrzebował innego odstępu niż duży tytuł, a wąskie litery mogą wyglądać dobrze z innymi proporcjami niż ciężki, pogrubiony krój.

Sprawdź margines przy kilku wierszach

Dla tekstu wielowierszowego dopasuj szerokość tła do najdłuższego wiersza, a wysokość do całego bloku. Oceniaj odstęp nad pierwszym wierszem i pod ostatnim, uwzględniając litery z dolnymi wydłużeniami, takie jak „g” czy „p”. Przy tekście wyrównanym do lewej naturalny jest równy lewy margines wszystkich wierszy. Krótsze wiersze pozostawią po prawej więcej wolnego miejsca i nie trzeba tego kompensować osobnymi prostokątami.

Jeżeli prostokąt został już wypełniony, sama zmiana zaznaczenia nie zmieni jego rozmiaru. Zaznaczenie wyznacza obszar kolejnej operacji, nie steruje wcześniej namalowanymi pikselami. Przy większej korekcie najczyściej jest wyczyścić zawartość warstwy tła i ponownie wypełnić poprawiony obszar. Szczegółowy sposób znajdziesz w części o późniejszej edycji.

Ustaw półprzezroczyste tło i czytelny kolor tekstu

Półprzezroczysty pasek pozwala zachować część szczegółów zdjęcia, a jednocześnie oddzielić od nich napis. Utwórz go tak samo jak pole jednolite, a następnie zmniejsz krycie warstwy „Tło napisu”. Nie zmieniaj krycia warstwy tekstowej: litery powinny pozostać wyraźne. Wartość 100% oznacza pełne krycie warstwy, natomiast 0% sprawia, że jej zawartość jest niewidoczna.

1. Kliknij warstwę „Tło napisu” w panelu Warstwy.
2. Odszukaj suwak Krycie (Opacity) nad listą warstw.
3. Zmniejsz wartość i obserwuj, ile zdjęcia zaczyna prześwitywać przez pole.
4. Sprawdź wszystkie fragmenty napisu, szczególnie te nad jasnymi plamami, mocnymi krawędziami i drobnymi detalami.
5. Jeżeli litery nadal zlewają się ze zdjęciem, zwiększ krycie pola albo zmień zestaw kolorów tekstu i tła.

Jako propozycję początkową możesz ustawić czarne tło z kryciem 65% i biały tekst. Potem dopasuj wynik do konkretnego zdjęcia. Na spokojnym, ciemnym fragmencie obrazu wystarczy subtelniejsza osłona; nad jasnym i szczegółowym kadrem może być potrzebne mocniejsze krycie. Jedna wartość nie zapewni takiej samej czytelności na wszystkich fotografiach.

Sprawdzaj efekt także w rozmiarze zbliżonym do docelowego. Przy dużym powiększeniu cienkie litery mogą wyglądać czytelnie, choć po zmniejszeniu grafiki tracą wyrazistość. W takiej sytuacji sam ciemniejszy prostokąt nie zawsze wystarczy: pomocne może być większe pismo, mniej tekstu albo krój o grubszych kreskach. Pole powinno wspierać napis bez niepotrzebnego zasłaniania ważnego fragmentu kadru.

Dodaj zaokrąglone narożniki, jeśli pasują do projektu

Zaokrąglenie można przygotować jeszcze przed wypełnieniem prostokąta. W opcjach narzędzia Zaznaczenie prostokątne włącz Zaokrąglone rogi (Rounded corners) i dopasuj promień. Zaznaczenie przyjmie nowy kształt, który następnie wypełnisz kolorem na warstwie tła. Niewielkie zaokrąglenie wystarczy do delikatnego zmiękczenia pola; duże zmienia je w wyraźną etykietę.

Nie myl zaokrąglenia ze zmiękczaniem krawędzi zaznaczenia. Zaokrąglenie zmienia geometrię narożników, a zmiękczanie tworzy stopniowe przejście do przezroczystości. Do zwykłego paska pod napisem pozostaw zmiękczanie wyłączone. Jeśli masz już wypełniony prostokąt, włączenie zaokrąglonych rogów nie zmieni jego pikseli — trzeba przygotować nowe zaznaczenie i odtworzyć tło.

Zmieniaj napis i tło bez utraty możliwości edycji

Oddzielna warstwa zachowuje edytowalność napisu, ale prostokąt utworzony przez wypełnienie jest elementem rastrowym. Nie rozszerzy się automatycznie po dopisaniu słowa i nie ma stałego parametru marginesu powiązanego z tekstem. Po zmianie treści lub wielkości liter trzeba ocenić jego dopasowanie. Przy prostym polu ponowne narysowanie tła jest zwykle bardziej przewidywalne niż skalowanie starego prostokąta.

Powiększ lub zmniejsz istniejące pole

1. Popraw napis narzędziem Tekst i zakończ jego edycję.
2. Wybierz warstwę „Tło napisu”. Upewnij się, że zawiera wyłącznie pole pod tekstem.
3. Wybierz Zaznaczenie → Wszystko, a następnie Edycja → Wyczyść. Przy przezroczystej warstwie usuniesz dotychczasowy prostokąt.
4. Usuń zaznaczenie poleceniem Zaznaczenie → Brak.
5. Narysuj nowy prostokąt z odpowiednim marginesem i wypełnij go kolorem pierwszoplanowym.
6. Ponownie usuń zaznaczenie i sprawdź krycie warstwy.

Kolor możesz zmienić bez przebudowywania całego układu. Jednym sposobem jest zablokowanie kanału alfa warstwy tła, czyli jej przezroczystości, i ponowne wypełnienie kolorem. Przezroczyste fragmenty pozostaną wtedy przezroczyste. Przed kolejnym wyczyszczeniem lub zmianą kształtu wyłącz tę blokadę. Dla początkującej osoby równie wygodne będzie odtworzenie prostokąta według powyższych kroków.

Przesuwaj napis razem z jego tłem

Aby zachować wzajemne położenie elementów, umieść je w grupie warstw. Utwórz ją przez Warstwa → Nowa grupa warstw i przeciągnij do środka napis oraz „Tło napisu”, zachowując tekst nad prostokątem. Nazwij grupę na przykład „Podpis”. Następnie wybierz grupę, uruchom narzędzie Przesunięcie i w jego opcjach ustaw przesuwanie aktywnej warstwy. Dzięki temu przeciągnięcie przesunie zawartość wybranej grupy zamiast przypadkowo wskazanego elementu zdjęcia.

Rozwiąż najczęstsze problemy z tłem pod napisem

Prostokąt zasłania tekst

Najpierw sprawdź kolejność warstw. Jeśli „Tło napisu” znajduje się nad tekstem, przeciągnij je niżej. Zmniejszanie krycia może częściowo odsłonić litery, ale pozostawi kolorową nakładkę na napisie. Gdy kolejność jest poprawna, sprawdź widoczność warstwy tekstowej i jej kolor: litery o takim samym kolorze jak pole mogą sprawiać wrażenie zasłoniętych.

Kolor wypełnił cały obraz albo tylko niewielki fragment

Wypełnienie całego obrazu zwykle oznacza, że w chwili użycia polecenia nie było aktywnego zaznaczenia. Cofnij operację i narysuj prostokąt ponownie. Jeśli kolor pojawia się tylko w części planowanego pola, sprawdź granice aktywnej warstwy oraz bieżące zaznaczenie. Warstwa mniejsza od obrazu może ograniczać obszar wypełnienia. Najprostsza naprawa to nowa przezroczysta warstwa o wymiarach całego dokumentu.

Wypełnienie nie jest widoczne

Sprawdź, czy warstwa ma włączoną widoczność i krycie większe od zera. Następnie upewnij się, że leży nad zdjęciem, ma tryb Normalny i nie jest zablokowana do edycji. Jeżeli do warstwy dołączono maskę, aktywna może być miniatura maski zamiast zawartości warstwy. Kliknij miniaturę samej warstwy i powtórz operację. Zwróć też uwagę, czy wybrany kolor nie zlewa się z obrazem.

Przesuwa się zdjęcie zamiast podpisu

Narzędzie Przesunięcie może wybierać warstwę na podstawie klikniętego miejsca. Jeśli klikniesz przezroczysty obszar wokół pola, może wskazać fotografię. Wybierz właściwą warstwę lub grupę w panelu Warstwy i ustaw przesuwanie aktywnej warstwy. Przed próbą usuń również zaznaczenie i sprawdź, czy narzędzie działa na warstwie, a nie na zaznaczeniu.

Zapisz projekt i wyeksportuj gotową grafikę

Zapisz projekt przez Plik → Zapisz jako w formacie XCF. Zachowa on warstwy, edytowalny tekst, grupy i ustawienia krycia, więc później poprawisz treść bez odtwarzania kompozycji. Osobno przygotuj plik do publikacji przez Plik → Wyeksportuj jako. PNG pozwala zachować przezroczystość poza widocznymi elementami; JPEG nadaje się do gotowej grafiki ze zdjęciem, gdy przezroczystość nie jest potrzebna.

Przed eksportem obejrzyj cały kadr i sam napis w docelowej wielkości. Sprawdź odstępy od krawędzi prostokąta, czytelność każdej linijki oraz to, czy pole nie zasłania ważnego elementu zdjęcia. Jeśli chcesz później usunąć tło do tekstu, wystarczy ukryć jego warstwę i ponownie wyeksportować obraz. Zachowany plik XCF umożliwi również zmianę koloru, krycia i treści podpisu.

Źródła

• [HTML] - zmiana koloru tekstu w komorce po najechaniu myszka
• 6.10. Interface
• GIMP - Downloads