Photoshop:dodawanie konturów tekstu — przewodnik dla początkujących po ulepszonej typografii

Jeśli chcesz, aby tekst wyróżniał się na tle, często rozwiązaniem jest dodanie konturu. Dzięki obrysowaniu tekstu jest on łatwiejszy w czytaniu i przyciąga wzrok. Nadaje także Twojemu tekstowi odrobinę stylu i osobowości, dzięki czemu wszystko wygląda lepiej.

W programie Photoshop istnieje kilka sposobów dodania konturu tekstu, w zależności od pożądanego wyglądu i stopnia kontroli nad efektem końcowym. Jeśli szukasz prostego sposobu, aby to zrobić, ten przewodnik przeprowadzi Cię przez proste instrukcje krok po kroku dotyczące obrysowywania tekstu w Photoshopie, a także przydatną wskazówkę, dzięki której Twój projekt będzie wyglądał jeszcze bardziej stylowo.

Część 1. Jak obrysować tekst w Photoshopie za pomocą stylów warstw

Najlepsze do:szybkich edycji, w pełni edytowalnych konturów i codziennych zadań projektowych.

Jeśli potrzebujesz czystego, regulowanego konturu tytułów, miniatur lub grafik w mediach społecznościowych, ta metoda jest najłatwiejszym sposobem. Style warstw w Photoshopie pozwalają w dowolnym momencie poprawić wygląd tekstu bez spłaszczania i utraty możliwości edycji.

Jak dodać kontur do tekstu w Photoshopie

Zacznij od wybrania warstwy, na której ma się pojawić tekst. Lub utwórz nowy, jeśli to konieczne. Następnie wybierz narzędzie Tekst z paska narzędzi.

Kliknij w dowolnym miejscu obszaru roboczego i wpisz słowa, które chcesz wyświetlić.

Kliknij ikonę FX na dole panelu Warstwy lub kliknij dwukrotnie samą warstwę, aby otworzyć okno Styl warstwy. Włącz opcję Obrys, zaznaczając jej pole.

W ustawieniach Obrysu możesz dostosować kontur:

• Dostosuj suwak Rozmiar, aby zmienić grubość
• Użyj opcji Pozycja, aby zdecydować, czy kontur ma znajdować się wewnątrz, na zewnątrz, czy też jest wyśrodkowany na krawędziach tekstu

Krok 5

Wybierz kolor i mieszanie

Kliknij Próbnik kolorów, aby wybrać kolor konturu. Możesz także poeksperymentować z menu rozwijanym Tryb mieszania, aby zdecydować, w jaki sposób obrys będzie współdziałał z tekstem lub tłem.

Gdy będziesz zadowolony z wyniku, naciśnij OK, aby potwierdzić i zastosować efekt obrysowanego tekstu do swojego obrazu.

Część 2. Jak obrysować tekst jako wektor

Najlepsze do:skalowalnych projektów, logo i grafiki drukowanej w wysokiej rozdzielczości.

W porównaniu do korzystania ze stylów warstw ta metoda polega na zamianie tekstu w kształt wektorowy. Po konwersji każda litera staje się edytowalną ścieżką, którą można dostosowywać punkt po punkcie. Możesz dowolnie zmieniać jego rozmiar, każdą krzywiznę i kąt, bez utraty jakości.

Jest to idealne rozwiązanie, jeśli chcesz obrysować tekst w Photoshopie, ponieważ chcesz, aby zasoby marki, plakaty lub szczegółowa typografia działały prawidłowo, ponieważ muszą zachować ostrość w dowolnym rozmiarze.

Jak zrobić tekst konturowy w Photoshopie

Utwórz tekst za pomocą narzędzia Tekst (T), a następnie kliknij prawym przyciskiem myszy warstwę tekstową w panelu Warstwy i wybierz opcję Konwertuj na kształt.

Krok 2

Włącz edycję wektorową

Wybierz dowolne narzędzie wektorowe (np. Zaznaczanie bezpośrednie (A) lub Pióro (P)) z paska narzędzi, aby wyświetlić punkty kontrolne i ścieżki tekstu.

Użyj górnego paska opcji (lub panelu Właściwości), aby ustawić wypełnienie i obrys. Dostosuj kolor, grubość i wyrównanie obrysu, aby określić wygląd konturu.

Gdy będziesz zadowolony z wyniku, potwierdź swoje ustawienia (kliknij OK, jeśli pojawi się monit), aby sfinalizować kontur wektora.

Część 3. Jak obrysować tekst bez wypełnienia (efekt pustego tekstu)

Najlepsze do:nowoczesnych, lekkich i stylowych stylów tekstu oraz efektów nakładek.

Jeśli wcześniej nauczyłeś się dodawać pełny kontur wokół tekstu, tym razem możesz także obrysować czcionki w Photoshopie, z tą różnicą, że widoczne pozostaną tylko obramowania.

Efekt ten nazywany jest efektem pustego tekstu, w którym wnętrze każdej litery staje się przezroczyste. Nadaje Twojemu projektowi czysty, nowoczesny wygląd, który wydaje się lżejszy, co jest często stosowane w minimalistycznych układach lub wszelkich kreatywnych projektach wymagających stylowego, ale subtelnego traktowania tekstu.

Jak dodać obrys do tekstu w Photoshopie bez wypełnienia

Wybierz warstwę tekstową i kliknij dwukrotnie miniaturę warstwy (lub kliknij opcję FX na dole panelu Warstwy).

Na liście po lewej stronie kliknij Opcje mieszania:Domyślne i przeciągnij Krycie wypełnienia aż do 0% (pozostaw Krycie na poziomie 100%), aż widoczny pozostanie tylko kontur. Kliknij OK, aby zapisać zmiany.

Wskazówka: Użyj krycia wypełnienia, a nie krycia. Krycie wypełnienia ukrywa wypełnienie tekstem, ale style warstw (takie jak obrys) pozostają widoczne.

Krok 2

Włącz obrys i ustaw wypełnienie jako przezroczyste

Sprawdź Obrys, a następnie ustaw Rozmiar, Pozycję (często najlepiej wygląda na zewnątrz) i Kolor.

Aby uzyskać ten sam efekt pustego tekstu z konturem wektorowym:

1. Otwórz okno Styl warstwy
2. Kliknij pole wyboru obok Obrysu
3. Kliknij ikonę Wypełnienie w górnym menu i wybierz ikonę Bez wypełnienia (białe pole przekreślone ukośną czerwoną linią).

Część 4. Jak obrysować tekst i animować go, aby uzyskać bardziej stylowy wygląd

Po nauczeniu się obrysowywania tekstu w Photoshopie możesz zacząć eksperymentować z różnymi stylami i posunąć się dalej, przekształcając go w ruchomy projekt lub animację, na przykład:

Wygenerowane przez Filmorę

Photoshop może być idealnym rozwiązaniem, gdy koncentrujesz się na projektowaniu graficznym lub statycznych elementach wizualnych, takich jak plakaty lub banery w mediach społecznościowych. Może to jednak nie być najskuteczniejszy wybór, jeśli chcesz, aby obrysowany tekst poruszał się lub dynamicznie współdziałał z filmem, z kilku powodów:

• Kontrola klatek kluczowych w programie Photoshop jest podstawowa i nie jest przeznaczona do obsługi złożonej grafiki ruchomej.
• Często musisz przenieść swój projekt do Adobe After Effects, aby stworzyć prawdziwą animację, co może spowolnić proces.
• Photoshop nie zawiera gotowych do użycia ustawień animacji tekstu, więc musisz zbudować wszystko od zera.

Aby zrobić to skutecznie, możesz użyć edytora wideo, takiego jak Wondershare Filmora. Filmora może pomóc Ci stworzyć podstawowe efekty obrysu, a także dodać dynamiczne animacje ścieżek za pomocą kilku kliknięć. Wszystko odbywa się w tym samym edytorze, bez konieczności stosowania klatek kluczowych i instalowania wtyczek innych firm.

Bezpieczne pobieranie

Możesz na przykład:

• Swobodnie rysuj ścieżki w filmach za pomocą narzędzia Pióro, podobnie jak w przypadku koncepcji wektorów w Photoshopie.
• Animuj te ścieżki za pomocą opcji Przycinanie ścieżek, aby kontur śledził lub ujawniał tekst w czasie rzeczywistym.
• Dołącz elementy, aby podążały ścieżką za pomocą funkcji Path Follows, dodając ruch i energię do tekstu, który w przeciwnym razie byłby statycznym tekstem, podobnie jak animowanie grafiki wzdłuż ścieżki w Photoshopie.
• Nakładaj przejścia, filtry lub efekty blasku, korzystając z wbudowanych funkcji Filmory.

Dlatego w porównaniu do Photoshopa Filmora jest lepszym wyborem, jeśli chcesz łatwo tworzyć animowaną grafikę z tekstu i sprawić, by zarysowany tekst poruszał się i naturalnie wtapiał w film.

Bezpieczne pobieranie

Jak obrysować tekst w Filmorze (podstawowy)

Krok 1

Utwórz nowy projekt i zaimportuj swój film

Otwórz Filmorę i rozpocznij nowy projekt. Następnie zaimportuj wideo, które chcesz edytować, przeciągając je na kartę Multimedia lub klikając Importuj multimedia. Po dodaniu przeciągnij wideo na oś czasu.

Krok 2

Dodaj tytuł do swojego filmu

Przejdź do zakładki Tytuły u góry i przejrzyj dostępne ustawienia wstępne. Możesz wybierać spośród prostych domyślnych tytułów lub eksplorować bardziej kreatywne szablony. Przeciągnij wybrany tytuł na oś czasu nad ścieżką wideo.

Krok 3

Dostosuj tekst i dodaj kontur

Kliknij tytuł na osi czasu, aby otworzyć panel edycji tekstu po prawej stronie. Tutaj możesz edytować czcionkę, rozmiar, wyrównanie, kolor i inne ustawienia.

Aby po prostu obrysować tekst, włącz opcję Kontur. Dostosuj suwaki krycia, rozmycia i grubości, aby kontrolować pogrubienie lub miękkość konturu. Możesz także kliknąć pole koloru, aby wybrać preferowany kolor konturu.

Możesz też zaprojektować i utworzyć niestandardowy tekst konspektu za pomocą narzędzia Pióro w Filmorze. Możesz go używać do szkicowania krzywych, linii prostych lub unikalnych kształtów tworzących litery według własnego uznania.

Jak swobodnie obrysowywać tekst za pomocą narzędzia Pióro

Krok 1

Śledź kontur tekstu

Gdy tekst jest już na miejscu, otwórz narzędzie do rysowania na pasku narzędzi, a następnie wybierz narzędzie Pióro, aby rozpocząć tworzenie niestandardowej ścieżki.

Następnie użyj tekstu jako wizualnego przewodnika i ostrożnie prześledź go za pomocą narzędzia Pióro w oknie podglądu. W miarę upływu czasu możesz modyfikować ścieżkę, aby dodać więcej stylu do swojego konturu.

Uwaga:Kliknięcie z jednego punktu do drugiego tworzy linię prostą. Jeśli zamiast tego chcesz narysować krzywą, kliknij i przytrzymaj podczas przeciągania, aby ukształtować ścieżkę.

Krok 2

Dostosuj i dostosuj kontur

Podczas rysowania udoskonal swój kontur, dostosowując punkt kontrolny. Aby zmienić wygląd, przejdź do menu Obrys> Efekty w panelu Właściwości i dostosuj kolor, grubość (grubość) konturu i inne ustawienia wizualne.

Gdy wszystko będzie wyglądać dobrze, możesz usunąć oryginalną ścieżkę tekstową, tak aby pozostał tylko kontur.

Jeśli chcesz dodać efekt świecenia, taki jak neon i ogień wokół ścieżki, możesz wybrać jedno z dostępnych ustawień wstępnych. Kliknij preferowany styl blasku, aby go zastosować.

Krok 3

Animuj kontur za pomocą ścieżki przycinania

Aby rozpocząć przesuwanie konturu, musisz użyć Ścieżek przycinania.

1. Zaznacz wszystkie ścieżki Pen Path, które chcesz edytować na osi czasu.
2. Przesuń głowicę odtwarzania na początek osi czasu.
3. Ustaw Start =0% i End =0%, a następnie utwórz pierwszą klatkę kluczową, klikając ikonę klatki kluczowej obok End.

Następnie przesuń głowicę do miejsca, w którym chcesz zakończyć animację. Koniec zmiany =100%. Druga klatka kluczowa zostanie dodana automatycznie. Jeśli nie, możesz dodać go ręcznie.

• Pierwszy na początku osi czasu, z wartością Koniec ustawioną na 0%
• Drugi w miejscu, w którym chcesz zakończyć animację, z wartością Koniec ustawioną na 100%.

Odtwórz, aby zobaczyć linię narysowaną od początku do końca.

Krok 4

Powiąż obiekt, aby podążał ścieżką

Aby dodać poruszający się obiekt podążający animowaną ścieżką, otwórz menu obok opcji Podążaj ścieżką.

Następnie wybierz sposób dołączenia elementu do ścieżki:

• Użyj gotowych ustawień z wbudowanej biblioteki.
• Zaimportuj własny obiekt lub obraz ze swojego komputera.
• Wybierz istniejący element już umieszczony na osi czasu.

Po wybraniu obiektu kliknij Zastosuj. Wybrany element będzie się poruszał po ścieżce, zgodnie z kierunkiem i szybkością animacji.

Wniosek

Konturowanie tekstu w Photoshopie to jedna z tych prostych technik, które mogą całkowicie zmienić sposób projektowania tekstu. Aby to zrobić, nie będziesz już mieć żadnych problemów, ponieważ omówiliśmy kilka sposobów dodawania obrysu do tekstu w Photoshopie.

Jeśli chcesz podnieść poprzeczkę, spróbuj dodać trochę ruchu do obrysowanego tekstu. Możesz to wszystko zrobić w Filmorze, a nawet przenieść tekst utworzony w Photoshopie i tam go animować. To łatwy sposób, aby Twoje projekty poruszały się i sprawiały wrażenie bardziej żywych w filmach.

Filmora

Aplikacja i oprogramowanie do edycji wideo AI

Najlepsze narzędzie do tworzenia filmów w dowolnym miejscu dla wszystkich twórców!

Tutaj zaczyna się Twoja idealna pierwsza edycja wideo – nie jest wymagane żadne doświadczenie