Utwórz portret z tekstu w Photoshopie

Napisane przez Steve'a Pattersona.

W tym samouczku Photoshopa dowiemy się, jak stworzyć efekt portretu tekstu. Innymi słowy, stworzymy iluzję, że obraz widoczny na zdjęciu jest w rzeczywistości tworzony przez wiele linii tekstu. Widziałem ten efekt przy wielu zdjęciach celebrytów, od Andy'ego Warhola i Marilyn Monroe po Michaela Jacksona, Davida Beckhama, a nawet Baracka Obamę.



Oczywiście do stworzenia tego efektu nie jest potrzebne zdjęcie kogoś sławnego. W rzeczywistości im więcej wiesz o osobie na zdjęciu, tym ciekawszy może być efekt, ponieważ możesz dodać bardziej spersonalizowany tekst. Możesz napisać o tym, co znaczy dla Ciebie osoba na zdjęciu, podzielić się śmieszną historią lub opisać coś, co osiągnęła. Możesz też po prostu pobrać losowy tekst i wkleić go. To całkowicie zależy od Ciebie. W tym samouczku będę używał Photoshopa CS4, ale każda wersja Photoshopa powinna działać.



Oto obraz, od którego zacznę:

  Oryginalne zdjęcie. Obraz na licencji iStockphoto przez Photoshop Essentials.com. Oryginalny obraz

Oto, jak będzie wyglądać po przycięciu go, a następnie przekonwertowaniu na tekst:

  Efekt portretu tekstu w Photoshopie. Ostateczny efekt „portretu tekstu”.

Jak stworzyć portret z tekstu

Krok 1: Przytnij obraz wokół twarzy osoby

Zanim zaczniemy, powinienem wspomnieć, że prawdopodobnie będziesz chciał popracować nad kopią swojego zdjęcia, aby uzyskać ten efekt, a nie nad oryginalnym obrazem, ponieważ pierwszą rzeczą, którą zrobimy, jest przycięcie niektórych z nich. Aby zapisać kopię obrazu, przejdź do Plik menu u góry ekranu i wybierz Zapisz jako . Nadaj dokumentowi inną nazwę, na przykład „efekt tekstu-portretu” lub inną, która ma dla Ciebie sens, i zapisz go jako plik .PSD programu Photoshop. W ten sposób możesz zrobić z obrazem, co chcesz i nie martwić się o uszkodzenie oryginału.



Zacznijmy od przycięcia obrazu, aby uzyskać ładne zbliżenie twarzy osoby. Oficjalnym narzędziem Photoshopa do przycinania obrazów jest narzędzie do przycinania, ale w przypadku prostych przycinań, takich jak ta, często można zauważyć, że Prostokątne narzędzie markizy to wszystko, czego naprawdę potrzebujesz. Przejdę do Rectangular Marquee Tool z górnej części panelu Narzędzia (panele nazywane są 'paletami' we wcześniejszych wersjach programu Photoshop). Mógłbym również nacisnąć literę M na klawiaturze, aby wybrać ją za pomocą skrótu:

  Prostokątne narzędzie markizy w Photoshopie. Prostokątne narzędzie markizy doskonale sprawdza się w przypadku prostych upraw.

Następnie, po wybraniu narzędzia Zaznaczanie prostokątne, kliknę i przeciągnę zaznaczenie wokół twarzy mężczyzny, zaczynając od lewego górnego rogu i przeciągając w kierunku prawego dolnego rogu. Jeśli musisz zmienić położenie zaznaczenia podczas przeciągania, przytrzymaj przycisk spacja , przeciągnij zaznaczenie w nowe miejsce za pomocą myszy, a następnie zwolnij spację i kontynuuj przeciąganie zaznaczenia. Chcę, aby mój wybór był idealnym kwadratem, więc przytrzymam mój Zmiana klawisz podczas przeciągania, co wymusi kształt zaznaczenia w kwadracie. Kiedy skończysz, powinieneś mieć wybór, który wygląda mniej więcej tak:

  Przeciąganie zaznaczenia za pomocą narzędzia Zaznaczanie prostokątne w programie Photoshop. Wszystko poza zaznaczeniem zostanie za chwilę przycięte.

Po dokonaniu wyboru przejdź do Obraz menu w Pasek menu u góry ekranu i wybierz Przyciąć Komenda:



  Wybranie polecenia Przytnij w programie Photoshop. Przejdź do Obraz > Przytnij.

Zaraz po wybraniu polecenia Przytnij program Photoshop przycina wszystko poza obrysem zaznaczenia, pozostawiając nam nasz portret z bliska:

  Obraz jest teraz przycięty. Pozostaje tylko obszar wewnątrz zaznaczenia.

Krok 2: Dodaj nową pustą warstwę

Jeśli spojrzymy na nasz panel Warstwy (paleta), zobaczymy, że obecnie mamy tylko jedną warstwę w naszym dokumencie Photoshopa. Ta warstwa, nazwana Tło , to warstwa zawierająca nasz obraz. Musimy dodać nową pustą warstwę nad warstwą tła i możemy to zrobić, klikając Nowa warstwa ikona na dole panelu Warstwy:

  Kliknięcie ikony Nowa warstwa na palecie Warstwy w programie Photoshop. Kliknij ikonę Nowa warstwa w panelu Warstwy (paleta).

Wygląda na to, że nic się nie wydarzyło w oknie dokumentu, ale panel Warstwy pokazuje teraz nową warstwę znajdującą się nad warstwą tła. Photoshop automatycznie nazywa nową warstwę „Warstwa 1”. Jeśli zajrzymy do warstwy miniatura podglądu po lewej stronie nazwy warstwy widzimy szaro-biały wzór szachownicy. W ten sposób Photoshop przedstawia przezroczystość, a ponieważ okno podglądu jest wypełnione tylko tym wzorem szachownicy, wiemy, że warstwa jest obecnie pusta (przezroczysta):



  Miniaturka podglądu warstwy na palecie Warstwy. Miniatura podglądu każdej warstwy pokazuje nam, co aktualnie znajduje się na warstwie.

Krok 3: Wypełnij nową warstwę czernią

Następnie musimy wypełnić naszą nową warstwę czernią. Idź do Edytować menu u góry ekranu i wybierz Wypełnić Komenda:

  Wybranie polecenia Wypełnij w programie Photoshop. Wybierz polecenie Wypełnij z menu Edycja.

Spowoduje to wyświetlenie okna dialogowego Wypełnij programu Photoshop, dając nam łatwy sposób na wypełnienie warstwy lub zaznaczenia jednolitym kolorem lub wzorem. Ponieważ nie mamy już aktywnego wyboru na warstwie, cała warstwa zostanie wypełniona wybranym przez nas kolorem. Wybierz Czarny z listy po prawej stronie słowa Posługiwać się w Zawartość sekcja w górnej części okna dialogowego:



  Wybierz Czarny jako kolor wypełnienia w oknie dialogowym Wypełnienie. Wybierz Czarny jako kolor wypełnienia.

Kliknij OK, aby wyjść z okna dialogowego, a program Photoshop wypełni „Warstwa 1” kolorem czarnym. Ponieważ „Warstwa 1” znajduje się nad warstwą tła, nasz obraz jest teraz zablokowany przed widokiem w oknie dokumentu przez kolor wypełnienia:

  Dokument programu Photoshop jest teraz wypełniony kolorem czarnym. Zdjęcie chwilowo znika za jednolitym czarnym kolorem.

Krok 4: Wybierz narzędzie tekstowe

Jesteśmy gotowi, aby dodać nasz tekst. Będziemy potrzebować Photoshopa Wpisz narzędzie w tym celu wybierz go z panelu Narzędzia lub naciśnij literę T na klawiaturze, aby szybko wybrać go za pomocą skrótu:

  Narzędzie Tekst w Photoshopie. Za każdym razem, gdy chcesz dodać tekst do dokumentu programu Photoshop, będziesz potrzebować narzędzia Tekst.

Photoshop daje nam możliwość dodania jednego lub drugiego typ punktowy lub typ obszaru do naszych dokumentów. Typ punktowy to podstawowy pojedynczy wiersz tekstu, zwykle nagłówek lub krótki podpis. Dodawanie tekstu punktowego jest tak proste, jak kliknięcie narzędziem Tekst w miejscu dokumentu, w którym ma się pojawić wiersz tekstu, a następnie dodanie tekstu. Dopóki dodawany tekst jest na tyle krótki, że nie martwisz się, że wyjdzie poza krawędź dokumentu, zwykle najlepszym rozwiązaniem jest pisanie punktowe.



Z drugiej strony typ obszaru jest używany, gdy masz duże ilości tekstu, powiedzmy jeden lub więcej akapitów, i musisz upewnić się, że cały tekst pozostaje w granicach dokumentu lub w określonym obszarze dokumentu . Ponieważ musimy wypełnić cały dokument tekstem, musimy użyć typu obszarowego.

Aby dodać typ obszaru, najpierw musimy zdefiniować granice tekstu, a robimy to, przeciągając a ramka tekstowa , który wygląda bardzo podobnie do tego samego rodzaju podstawowego zaznaczenia, które przeciągnęliśmy wcześniej za pomocą narzędzia Zaznaczanie prostokątne. Po umieszczeniu ramki tekstowej każdy dodany przez nas tekst będzie ograniczony do ramki.



Po wybraniu narzędzia Tekst kliknij w lewy górny róg dokumentu, a następnie przeciągnij w dół do prawego dolnego rogu dokumentu, tak aby po zakończeniu ramka tekstowa obejmowała cały obszar dokumentu. Podczas przeciągania pojawi się zarys ramki tekstowej. Podobnie jak podczas przeciągania zaznaczenia za pomocą narzędzia Zaznaczanie prostokątne, możesz w razie potrzeby zmienić położenie ramki tekstowej podczas jej przeciągania, przytrzymując spacja , przeciągając ramkę w nowe miejsce, a następnie zwalniając spację i kontynuując przeciąganie. Kiedy skończysz, zwolnij przycisk myszy i powinieneś zobaczyć ramkę tekstową otaczającą cały dokument, chociaż może to być trochę trudne do zobaczenia na małym zrzucie ekranu:

  Ramka typu obszar dodana do dokumentu programu Photoshop. Każdy tekst, który dodamy, będzie teraz ograniczony do granic dokumentu dzięki ramce tekstowej.

Krok 5: Wybierz opcje czcionki na pasku opcji

Teraz, gdy mamy już naszą ramkę tekstową, możemy dodać nasz tekst. Zanim jednak to zrobimy, musimy wybrać czcionkę, której chcemy użyć. Za każdym razem, gdy wybrane jest narzędzie Tekst, Pasek opcji u góry ekranu pojawią się różne opcje pracy z tekstem w Photoshopie, w tym opcje wyboru czcionki, stylu czcionki, rozmiaru czcionki, koloru tekstu i tak dalej. Dokładne czcionki, z których musisz wybrać, będą zależeć od tych, które aktualnie zainstalowałeś na swoim komputerze. Prawdopodobnie będziesz musiał poeksperymentować z tym kilka razy, ponieważ wybrana czcionka, zwłaszcza jej rozmiar, będzie miała duży wpływ na ogólny wygląd efektu. Aby zachować jak najwięcej szczegółów na pionie, użyj małego rozmiaru czcionki. Oczywiście im mniejsza czcionka, tym więcej tekstu trzeba dodać, aby wypełnić cały obszar dokumentu.

Zamierzam pozostać przy czymś prostym, takim jak Arial Black, i wybiorę 12 pt jako rozmiar czcionki, aby był wystarczająco mały, aby zachować wiele szczegółów na portrecie:

  Opcje tekstu na pasku opcji w programie Photoshop. Wybierz czcionkę, styl i rozmiar z paska opcji.

Potrzebujemy, aby nasz kolor tekstu był biały, więc jeśli Twój jest aktualnie ustawiony na inny kolor, kliknij próbka koloru na pasku opcji, który wywoła Photoshopa Narzędzie do wybierania kolorów i wybierz biały. Po zakończeniu kliknij przycisk OK, aby wyjść z Próbnika kolorów. Próbka koloru na pasku opcji powinna być teraz wypełniona kolorem białym:

  Próbka koloru tekstu na pasku opcji w programie Photoshop. Kliknij próbkę koloru na pasku opcji i wybierz biały z Próbnika kolorów, jeśli kolor tekstu nie jest jeszcze ustawiony na biały.

Krok 6: Dodaj swój tekst do dokumentu

Wszystko, co musimy teraz zrobić, to dodać tekst. Jak wspomniałem na początku samouczka, możesz spersonalizować efekt portretu tekstu, pisząc coś konkretnego o osobie na zdjęciu, lub możesz po prostu skopiować i wkleić skądś wystarczająco dużo tekstu, aby wypełnić dokument. Ponieważ używam zdjęcia stockowego do tego samouczka i tak naprawdę nie znam osoby na obrazie (chociaż jestem pewien, że to miły facet z wieloma dobrymi historiami do podzielenia się), po prostu dodam kilka standardowych „ lorem ipsum” tekst wypełniający stronę. Kiedy skończysz, cały dokument powinien być wypełniony białym tekstem:

  Wypełnianie dokumentu Photoshopa tekstem lorem ipsum. Dodaj wystarczająco dużo tekstu, aby wypełnić cały dokument od góry do dołu.

Aby zaakceptować tekst i wyjść z trybu edycji tekstu, kliknij małą znacznik wyboru na pasku opcji:

  Kliknięcie znacznika wyboru, aby zaakceptować tekst w Photoshopie. Kliknij znacznik wyboru na pasku opcji, aby zaakceptować tekst.

Krok 7: Dodaj maskę warstwy do warstwy typu

Aby przekształcić nasz dokument Photoshopa pełen tekstu w nasz efekt portretu tekstu, musimy dodać maska ​​warstwy do warstwy tekstowej. Jeśli spojrzymy na panel Warstwy, zobaczymy, że mamy teraz trzy warstwy, a nasza warstwa tekstowa znajduje się nad pozostałymi dwiema warstwami. Wiemy, że jest to warstwa tekstowa, ponieważ miniatura podglądu warstwy pokazuje wielką literę T pośrodku. Aby dodać maskę warstwy do warstwy, kliknij ikonę Maska warstwy na dole panelu Warstwy:

  Kliknięcie ikony Maska warstwy w panelu Warstwy w programie Photoshop. Upewnij się, że warstwa tekstowa jest zaznaczona (podświetlona na niebiesko) w panelu Warstwy, a następnie kliknij ikonę Maska warstwy.

W oknie dokumentu nic się jeszcze nie wydarzy, ale miniatura maski warstwy pojawi się po prawej stronie miniatury podglądu warstwy:

  W panelu Warstwy pojawi się miniaturka maski warstwy. Maski warstw są domyślnie wypełnione kolorem białym, co oznacza, że ​​wszystko na warstwie jest w pełni widoczne w dokumencie.

Krok 8: Skopiuj oryginalne zdjęcie na warstwę tła

Teraz stworzymy nasz efekt, kopiując i wklejając zdjęcie portretowe bezpośrednio do maski warstwy, którą właśnie dodaliśmy. Kliknij na Warstwa tła w panelu Warstwy, aby go wybrać. Zobaczysz, że zostanie podświetlona na niebiesko, co oznacza, że ​​jest to obecnie wybrana warstwa:

  Wybór warstwy tła w Photoshopie. Maski warstw są domyślnie wypełnione kolorem białym, co oznacza, że ​​wszystko na warstwie jest w pełni widoczne w dokumencie.

Naciskać Ctrl+A (Wygrać) / Command+A (Mac), aby szybko zaznaczyć całą warstwę. Wokół krawędzi dokumentu pojawi się kontur zaznaczenia, co oznacza, że ​​cała warstwa jest teraz zaznaczona. Mimo że nadal widzimy nasz biały tekst na tle jednolitego czarnego koloru wypełnienia w oknie dokumentu, w rzeczywistości wybieramy zawartość warstwy tła, ponieważ jest to warstwa, którą aktualnie wybraliśmy w panelu Warstwy. Następnie naciśnij Ctrl+C (Wygrać) / Command+C (Mac), aby tymczasowo skopiować zawartość warstwy (zdjęcie portretowe) do pamięci komputera.

Krok 9: Wklej zdjęcie bezpośrednio do maski warstwy

Przytrzymaj swój Wszystko (Wygrać) / Opcja (Mac) i kliknij miniaturka maski warstwy na warstwie tekstowej w panelu Warstwy:

  Wybór maski warstwy w panelu Warstwy. Kliknij miniaturkę maski warstwy, przytrzymując klawisz Alt (Win) / Option (Mac).

Przytrzymując Alt / Option podczas klikania miniatury maski warstwy, nie tylko wybieramy maskę warstwy, ale także sprawiamy, że jest ona widoczna w oknie dokumentu, co pozwala nam wkleić nasz obraz bezpośrednio do niego. Ponieważ maska ​​jest obecnie wypełniona bielą, okno dokumentu będzie wypełnione bielą. Naciskać Ctrl+V (Wygrać) / Command+V (Mac), aby wkleić zdjęcie portretowe bezpośrednio do maski warstwy. Ponieważ maski warstw radzą sobie tylko z czernią, bielą i odcieniami szarości, obraz pojawi się jako czarno-biały obraz w oknie dokumentu:

  Wklejanie zdjęcia bezpośrednio do maski warstwy w Photoshopie. Obraz został teraz wklejony bezpośrednio do maski warstwy na warstwie tekstowej.

Aby wyjść z maski warstwy i przełączyć nasz widok z powrotem do normalnego w oknie dokumentu, po prostu przytrzymaj Wszystko (Wygrać) / Opcja (Mac) jeszcze raz i kliknij miniaturka maski warstwy , tak jak przed chwilą. Zauważ, że zdjęcie portretowe jest teraz widoczne wewnątrz miniatury maski warstwy:

  Wyłączenie z trybu widoku maski warstwy. Przytrzymaj Alt (Win) / Option (Mac) i kliknij ponownie miniaturę maski warstwy, aby wyjść z maski warstwy.

Naciskać Ctrl+D (Wygrać) / Command+D (Mac), aby usunąć kontur zaznaczenia z krawędzi okna dokumentu. Wróciliśmy teraz do naszego normalnego trybu widoku w dokumencie, a tekst jest teraz maskowany przez zdjęcie, które wkleiliśmy bezpośrednio do maski warstwy, tworząc nasz efekt „portretu tekstu”:

  Tekst jest teraz zamaskowany przez portret. Tekst jest teraz zamaskowany przez zdjęcie.

Krok 10: Powiel warstwę typu

Jeśli jesteś zadowolony z wyników w tym momencie, możesz pominąć te kilka ostatnich kroków, ale jeśli okaże się, że efekt wygląda trochę zbyt ciemno, upewnij się, że warstwa tekstowa jest zaznaczona w panelu Warstwy, a następnie naciśnij Ctrl+J (Wygrać) / Command+J (Mac), aby szybko powielić warstwę. Kopia warstwy tekstowej pojawi się nad oryginałem:

  Tworzenie kopii warstwy tekstowej w Photoshopie. Możesz także kopiować warstwy, przechodząc do menu Warstwa, wybierając Nowa, a następnie Warstwa przez kopiowanie, ale skrót klawiaturowy jest znacznie szybszy.

Obraz będzie teraz jaśniejszy:

  Efekt jest teraz jaśniejszy. Efekt jest jaśniejszy po zduplikowaniu warstwy tekstowej.

Krok 11: Dostosuj krycie warstwy, aby dostroić jasność

Jeśli okaże się, że efekt jest nadal zbyt ciemny, po prostu zduplikuj warstwę tekstową po raz drugi. Lub, jeśli okaże się, że jest teraz trochę za jasny, możesz dostroić wyniki, zmniejszając krycie warstwy. Znajdziesz Nieprzezroczystość u góry panelu Warstwy. Im niższe ustawienie przezroczystości górnej warstwy, tym bardziej pozwala na prześwitywanie warstw znajdujących się pod nią, co w tym przypadku spowoduje przyciemnienie obrazu. Zamierzam zmniejszyć krycie skopiowanej warstwy tekstowej do około 65%, aby nieco przyciemnić efekt:

  Opcja Krycie w panelu Warstwy w programie Photoshop. Zmniejsz krycie górnej warstwy, aby dostroić jasność efektu.

I z tym skończyliśmy! Tutaj, po dostosowaniu jasności za pomocą opcji Krycie, jest mój końcowy efekt Photoshopa „tekstowego portretu”:

  Efekt zdjęcia portretowego tekstu w Photoshopie. Ostateczny efekt „portretu tekstu”.