Zanim zaczniemy … Ta wersja naszego samouczka Type On A Path jest przeznaczona dla Photoshopa CS5 i wcześniejszych wersji. Korzystasz z Photoshopa CS6 lub CC? Będziesz chciał sprawdzić zaktualizowaną wersję.
W tym samouczku Podstawy programu Photoshop nauczymy się, jak dodawać tekst wzdłuż ścieżki ! Adobe najpierw dał Photoshopowi możliwość dodawania tekstu do ścieżki w wersji CS, więc będziesz potrzebować CS lub później. Będę używać Photoshopa CS5 do tego samouczka, ale każda wersja od CS w górę będzie działać.
Aby dodać typ do ścieżki, najpierw potrzebujemy ścieżki, a Photoshop daje nam kilka różnych sposobów jej narysowania. Możemy użyć standardowych narzędzi kształtu, takich jak narzędzie prostokąta lub narzędzie elipsy, możemy utworzyć ścieżkę z kształtów niestandardowych i możemy narysować ścieżkę o dowolnym kształcie za pomocą narzędzia Pióro . Metoda używana do rysowania ścieżki nie ma znaczenia, jeśli chodzi o sposób dodawania do niej tekstu, ponieważ ścieżka jest ścieżką bez względu na sposób jej utworzenia, a kroki dodawania do niej są zawsze takie same.
Aby uprościć sprawę w tym samouczku, będziemy trzymać się podstawowych Narzędzi do kształtowania w Photoshopie, ale gdy zobaczysz, jak zacząć dodawać tekst do ścieżki, jeśli chcesz dowiedzieć się, jak działa narzędzie Pióro, omówię to szczegółowo w naszym samouczku Dokonywanie wyborów za pomocą narzędzia Pióro. Możesz także dowiedzieć się więcej o rysowaniu ścieżek z kształtów niestandardowych w naszym samouczku Niestandardowe kształty jako ramki tekstowe, które znajdują się w sekcji Podstawy programu Photoshop.
Oto obraz, do którego dodam swoją ścieżkę i tekst, który jest dostępny z biblioteki obrazów Fotolia lub możesz użyć innego obrazu, jeśli wolisz:
Oryginalny obraz.
Zacznijmy!
Krok 1: Wybierz narzędzie Elipsa
Jak wspomniałem przed chwilą, kroki dodawania tekstu wzdłuż ścieżki są takie same bez względu na to, jak utworzyłeś ścieżkę, ale w tym samouczku utrzymamy prostotę. Wybierz narzędzie Elipsa z panelu Narzędzia. Domyślnie ukrywa się za narzędziem prostokąta, więc kliknij narzędzie prostokąta i przytrzymaj przycisk myszy przez sekundę lub dwie, aż pojawi się menu rozwijane, a następnie wybierz z listy narzędzie Ellipse:
Kliknij i przytrzymaj narzędzie prostokąta, a następnie wybierz z menu narzędzie Elipsa.
Krok 2: Wybierz opcję „Ścieżki”
Po wybraniu narzędzia Elipsa pasek opcji u góry ekranu zmienia się, aby pokazać nam różne opcje pracy z narzędziem. W pobliżu skrajnie lewej strony paska opcji znajduje się seria trzech ikon, z których każda reprezentuje inny typ kształtu, który możemy narysować w Photoshopie. Możemy rysować kształty oparte na wektorze, ścieżki lub kształty oparte na pikselach. Kliknij środek trzech ikon, aby wybrać opcję Ścieżki :
Wybierz opcję Ścieżki na pasku opcji.
Krok 3: Narysuj swoją ścieżkę
Po wybraniu narzędzia Ellipse i wybraniu ścieżek na pasku opcji kliknij dokument i przeciągnij ścieżkę eliptyczną. Przytrzymanie klawisza Shift podczas przeciągania zmusi ścieżkę do utworzenia idealnego koła. Aby narysować ścieżkę ze środka zamiast z rogu, przytrzymaj klawisz Alt podczas przeciągania. Jeśli musisz zmienić położenie ścieżki podczas jej rysowania, przytrzymaj spację, przeciągnij ścieżkę do nowej lokalizacji, a następnie zwolnij spację i kontynuuj przeciąganie.
W moim przypadku zamierzam narysować okrągłą ścieżkę wokół piłki golfowej. Ścieżka pojawia się jako cienki kontur:
Przeciągnij ścieżkę do swojego dokumentu.
Krok 4: Wybierz narzędzie Tekst
Po narysowaniu naszej ścieżki możemy dodać nasz tekst. Wybierz narzędzie Tekst z panelu Narzędzia:
Wybierz narzędzie Tekst.
Krok 5: Wybierz czcionkę
Po wybraniu narzędzia Tekst wybierz ustawienia czcionek z paska opcji. Użyję Futura Condensed Medium ustawionego na 13 pkt. Kolor tekstu jest ustawiony na biały:
Wybierz czcionkę, rozmiar i kolor tekstu z paska opcji.
Krok 6: Przesuń kursor nad ścieżką
Przesuń narzędzie Tekst bezpośrednio na ścieżkę. Ikona kursora zmieni się w dwuteownik z przerywaną falistą linią . To mówi nam, że zamierzamy dodać tekst bezpośrednio do samej ścieżki:
Kropkowana falista linia informuje nas, że dodajemy tekst do ścieżki.
Krok 7: Kliknij ścieżkę i dodaj swój typ
Kliknij w dowolnym miejscu na ścieżce i zacznij dodawać tekst. Miejsce, w które klikniesz, to miejsce, w którym zacznie się tekst, ale nie martw się, jeśli kliknąłeś niewłaściwy punkt, ponieważ możemy łatwo przenieść tekst na ścieżce po dodaniu go, jak zobaczymy w chwila. Podczas pisania tekst podąża w kierunku ścieżki:
Tekst podąża wzdłuż kształtu koła.
Kontynuuj dodawanie tekstu wzdłuż ścieżki. Po zakończeniu kliknij znacznik wyboru na pasku opcji, aby go zaakceptować i wyjść z trybu edycji tekstu Photoshopa:
Po zakończeniu dodawania tekstu kliknij znacznik wyboru na pasku opcji.
Tekst jest teraz dodawany do ścieżki, choć w tej chwili jest nieco dziwny:
Tekst podąża ścieżką, ale należy go zmienić.
Krok 8: Wybierz narzędzie wyboru ścieżki
Aby zmienić położenie tekstu wzdłuż ścieżki, wybierz Narzędzie wyboru ścieżki z panelu Narzędzia:
Wybierz narzędzie wyboru ścieżki.
Przesuń kursor narzędzia wyboru ścieżki w dowolne miejsce nad tekstem. Zobaczysz, jak kursor zmienia się z czarnej strzałki w belkę dwuteową z małą strzałką z boku skierowaną w lewo lub w prawo. Po prostu kliknij tekst i przeciągnij go tam iz powrotem wzdłuż ścieżki myszą. Tutaj przeciągam tekst wokół koła w prawo:
Przesuń narzędzie wyboru ścieżki nad tekstem, a następnie kliknij i przeciągnij go wzdłuż ścieżki.
Zobacz, co się stanie, jeśli przeciągnę tekst zbyt daleko. Niektóre z nich zostają odcięte na końcu:
Przeciągnięcie tekstu za daleko spowodowało odcięcie końca.
Koniec został odcięty, ponieważ przesunąłem tekst poza widoczny obszar tekstu na ścieżce. Aby rozwiązać problem, poszukaj małego koła na ścieżce w miejscu, w którym tekst jest odcinany. Okrąg oznacza koniec widocznego obszaru:
Poszukaj małego kółka, w którym tekst zostanie obcięty.
Po prostu kliknij koło za pomocą narzędzia wyboru ścieżki i przeciągnij je dalej w dół ścieżki, aż cały tekst będzie ponownie widoczny. Tutaj, gdy przeciągam okrąg wzdłuż ścieżki zgodnie z ruchem wskazówek zegara, ponownie pojawia się odcięty tekst:
Przeciągnięcie koła zgodnie z ruchem wskazówek zegara wzdłuż ścieżki, aby odsłonić odcięty tekst.
Przerzucanie tekstu nad ścieżką
Uważaj, przeciągając tekst wzdłuż ścieżki, którego przypadkowo nie przeciągasz. Jeśli to zrobisz, tekst zostanie odwrócony na drugą stronę i odwróci kierunek:
Przeciąganie po ścieżce powoduje odwrócenie i odwrócenie tekstu.
W zależności od zamierzonego efektu, odwracanie i odwracanie tekstu może być tym, co chciałeś zrobić, ale jeśli nie zrobiłeś tego celowo, po prostu przeciągnij z powrotem po ścieżce za pomocą narzędzia wyboru ścieżki i tekstu wróci do pierwotnej strony. Wróci również do pierwotnego kierunku.
Ukrywanie ścieżki
Po zakończeniu pozycjonowania tekstu i uzyskaniu satysfakcji z wyników ukryj ścieżkę w dokumencie, wybierając dowolną warstwę inną niż warstwa Typ w panelu Warstwy. W moim przypadku mój dokument ma tylko dwie warstwy: warstwę Type i warstwę Background, która przechowuje mój obraz, więc kliknę warstwę Background, aby ją wybrać:
Wybierz dowolną warstwę inną niż warstwa Typ, aby ukryć ścieżkę w dokumencie.
Moja ścieżka jest teraz ukryta, a tekst przewrócony do pierwotnej strony, oto mój końcowy wynik:
Wynik końcowy.
Pamiętaj, że mimo dodania tekstu do ścieżki, Photoshop nie zrobił nic szczególnego z samym tekstem. Wciąż jest to tylko tekst, co oznacza, że możesz wrócić w dowolnym momencie i edytować lub całkowicie zmienić, jeśli zajdzie taka potrzeba. Możesz wybrać inną czcionkę, zmienić rozmiar lub kolor czcionki, dostosować interlinię, kerning i śledzenie, przesunięcie linii bazowej i cokolwiek innego, co możesz zrobić z tekstem. Edycja tekstu w Photoshopie wykracza nieco poza zakres tego konkretnego samouczka, ale pamiętaj tylko, że w przeciwieństwie do wielu efektów tekstowych, które wymagają od nas konwersji tekstu na inny format, np. Kształty lub piksele, nic nie możesz zrobić z tekstem normalnie nie można zrobić z tekstem na ścieżce.