W tym samouczku pokażę, jak wypełnić tekst gradientem za pomocą Inkscape, darmowego edytora grafiki wektorowej! To bardzo prosta technika, która wymaga tylko kilku kroków, więc zanurkujmy!

Spis treści

Krok 1: Dodaj swój tekst

Na początek weź narzędzie Tekst z przybornika Inkscape, klikając jego ikonę (czerwona strzałka na powyższym obrazku) lub naciskając klawisz skrótu „T” na klawiaturze.

Następnie zmień czcionkę na żądaną czcionkę, klikając menu rozwijane (czerwona strzałka na powyższym obrazku) i wybierając nazwę czcionki (zielona strzałka na powyższym obrazku – możesz również po prostu zacząć wpisywać nazwę czcionki w polu tekstowym, jeśli znasz już nazwę czcionki).

Zmienię również rozmiar czcionki (czerwona strzałka na powyższym obrazku) na 144 pkt (zielona strzałka), aby była ładna i duża, gdy po raz pierwszy dodamy nasz tekst.

Kiedy będziesz gotowy, kliknij płótno za pomocą narzędzia tekstowego, aby utworzyć linię tekstu. Następnie wpisz swój tekst (poszedłem z „INKSCAPE” dla mojego tekstu – czerwona strzałka na powyższym obrazku).

Krok 2: Pomaluj tekst gradientem

Następnie kliknij narzędzie Gradient w przyborniku (czerwona strzałka na powyższym obrazku). Aby narysować gradient wewnątrz tekstu, kliknij i przeciągnij myszą z góry tekstu na dół (zielona strzałka – uwaga: jeśli przytrzymasz klawisz ctrl, narysuje gradient w trybie linii prostej). Punkty początkowe i końcowe mogą wychodzić poza tekst – gradient nadal będzie rysował się tylko w tekście. Możesz więc pobawić się lokalizacją tych punktów, aby uzyskać inny wynik.

Jeśli jesteś podobny do mnie, możesz nie mieć obecnie kolorów, które chcesz ustawić dla swojego gradientu (lub możesz nie mieć żadnych kolorów i Twój tekst zniknął). Nie martw się – istnieje kilka sposobów na zmianę kolorów gradientu.

Krok 3: Zmień kolory gradientu

Prostym sposobem jest kliknięcie dowolnego uchwytu gradientu, znanego jako „początek” pierwszego uchwytu lub „koniec” ostatniego narysowanego uchwytu, a następnie kliknięcie lewym przyciskiem myszy koloru w palecie kolorów Inkscape. Na przykład kliknę gradient „start” moim narzędziem gradientu (czerwona strzałka na powyższym obrazku), a następnie kliknę lewym przyciskiem na czerwony kolor w palecie kolorów (niebieska strzałka).

To jedna z metod zmiany kolorów gradientu. Co jednak, jeśli chcesz dodać niestandardowe kolory do uchwytów gradientu, które nie znajdują się na pasku kolorów?

Wystarczy kliknąć uchwyt gradientu, który chcesz edytować (czerwona strzałka na obrazku powyżej), a następnie dwukrotnie kliknąć pole „Wypełnij” w lewym dolnym rogu okna płótna (pod paletą kolorów – niebieski strzałka).

Spowoduje to wyświetlenie okna dialogowego „Wypełnij i obrysuj” (zaznaczone na zielono na powyższym obrazku).

Jeśli nie zostałeś automatycznie przeniesiony do Edytora gradientów po otwarciu okna dialogowego Wypełnij i obrysuj, kliknij zakładkę „Wypełnij” (czerwona strzałka na powyższym obrazku), a następnie kliknij ikonę „Gradient liniowy” (zielona strzałka).

Kliknij strzałkę obok „Przystanków”, aby rozwinąć funkcję przystanków gradientu (czerwona strzałka na powyższym obrazku). Umożliwi to przeglądanie i edycję każdego „Zatrzymania” lub uchwytu gradientu.

Kliknij przystanek, który chcesz edytować (zielona strzałka na powyższym obrazku), a następnie zmień kolor przystanku za pomocą suwaków kolorów. Jeśli masz kod HEX dla koloru, którego chcesz użyć, możesz skopiować i wkleić ten kod w polu obok „RGBA” (zaznaczonym na niebiesko na obrazku).

W moim przypadku wiem, że kod HEX dla mojego pierwszego koloru to „F75C03”, więc wkleję ten kod w polu RGBA.

Powtórz ten proces, klikając drugi przystanek gradientu (czerwona strzałka), a następnie wybierając nowy kolor za pomocą suwaków lub wklejając swój kod HEX (zaznaczony na niebiesko na powyższym obrazku – moja druga wartość kodu HEX to „F1C40F”).

Krok 4: Dodaj i dostosuj stopień gradientu

Możesz także wstawić nowy przystanek do gradientu, klikając ikonę „+” u dołu okna dialogowego (czerwona strzałka na powyższym obrazku). Domyślnie będzie to średni kolor oryginalnego pierwszego i drugiego stopu gradientu. Możesz jednak kliknąć ten przystanek (zielona strzałka) i zmienić kolor na dowolny, korzystając z wcześniej omówionych metod (zmieniłem kolor na powyższym zdjęciu, stąd dlaczego jest to kolor różowawy).

Możesz zmienić położenie punktów gradientu, klikając i przeciągając strzałki wzdłuż suwaka gradientu u góry okna dialogowego (zielona strzałka na obrazku). Możesz także ręcznie ustawić położenie przystanków za pomocą tego suwaka, klikając strzałkę odpowiadającą temu przystankowi, a następnie wpisując wartość liczbową w polu „Przesunięcie zatrzymania” (zaznaczone kropkowaną niebieską linią na obrazie).

Krok 5: Zmień kształt gradientu

Na koniec możesz zmienić typ gradientu na dowolną z wielu opcji w Inkscape, klikając ikony u góry okna dialogowego (zaznaczone na zdjęciu na zielono). Na przykład, jeśli kliknę ikonę „Gradient radialny” (niebieska strzałka), mój gradient liniowy zostanie zaktualizowany do gradientu radialnego lub kołowego.

Mogę zmienić wymiary gradientu promieniowego, przeciągając uchwyty na płótnie (czerwone strzałki na powyższym obrazku), a także zmienić położenie punktów gradientu bezpośrednio na płótnie lub za pomocą suwaka gradientu w oknie dialogowym Wypełnij i obrysuj.

Po zakończeniu dostosowywania gradientu możesz kliknąć inne narzędzie, takie jak narzędzie Zaznacz (czerwona strzałka), aby zobaczyć gotowy produkt bez uchwytów. Zauważ, że nadal możesz edytować gradient za pomocą okna dialogowego Wypełnij i obrysuj bez narzędzia gradientu, o ile tekst jest zaznaczony.

Krok 6: Zmień swój tekst

Ostatnią rzeczą, o której wspomnę, jest to, że możesz zmienić tekst po dodaniu gradientu, a nowy tekst wyświetli ten sam gradient. Jeśli więc ponownie chwycę moje narzędzie tekstowe, kliknij tekst „INKSCAPE” i wpisz coś nowego, na przykład „GRADIENT”, zobaczysz, że nowy tekst będzie nadal miał taki sam gradient jak stary tekst.

To tyle w tym samouczku! Jeśli ci się podobało, możesz sprawdzić moją drugą Samouczki Inkscape maszyn ciężkich Artykuły pomocy Inkscape.

Biuletyn e-mailowy dotyczący bezpłatnych aplikacji kreatywnych Davies Media Design

Zapisz się do newslettera DMD

Zarejestruj się, aby otrzymywać nowe samouczki, aktualizacje kursów i najnowsze wiadomości na temat swoich ulubionych bezpłatnych aplikacji kreatywnych!

Pomyślnie subskrybowany!

Przypiąć go na Pinterest