W tym samouczku nauczymy się, jak umieszczać obraz w tekście za pomocą Photoshopa, bardzo popularnego efektu do tworzenia i takiego, który również jest bardzo łatwy do zrobienia dzięki mocy masek przycinających Photoshopa, gdy zamierzamy widzieć!
Ta wersja samouczka dotyczy programu Photoshop CS5 i wcześniejszych wersji. Jeśli używasz Photoshop CC lub CS6, zobacz w pełni poprawioną i zaktualizowaną wersję tego samouczka. Oto efekt, który zamierzamy:
Ostateczny efekt „obraz w tekście”.
Zacznijmy!
Jak umieścić obraz w tekście
Krok 1: Otwórz zdjęcie, aby umieścić je w tekście
Po pierwsze potrzebujemy obrazu, który umieścimy w naszym tekście. Wykorzystam to zdjęcie panoramiczne Hawajów:
Widok na ocean z Hawajów.
Obejrzyj samouczek wideo na naszym kanale YouTube!
Krok 2: Zduplikuj warstwę tła
Jeśli spojrzymy na paletę Warstwy, zobaczymy, że obecnie mamy jedną warstwę o nazwie Tło . Ta warstwa zawiera nasz obraz. Musimy zduplikować tę warstwę, a najprostszym sposobem na to jest użycie skrótu klawiaturowego Ctrl + J (Win) / Command + J (Mac). Jeśli ponownie spojrzymy na paletę Warstwy, zobaczymy, że mamy teraz dwie warstwy. Oryginalna warstwa tła znajduje się na dole, a kopia warstwy tła, którą Photoshop automatycznie nazywa „warstwą 1”, siedzi nad nią:
Paleta warstw programu Photoshop.
Krok 3: Dodaj nową pustą warstwę między dwiema warstwami
Następnie musimy dodać nową pustą warstwę między warstwą tła a „warstwą 1”. Obecnie „Warstwa 1” jest warstwą wybraną w palecie Warstwy. Możemy stwierdzić, która warstwa jest wybrana, ponieważ wybrana warstwa jest zawsze podświetlona na niebiesko. Zwykle, gdy dodajemy nową warstwę, Photoshop umieszcza nową warstwę bezpośrednio nad którąkolwiek aktualnie wybraną warstwą, co oznacza, że Photoshop umieści tę warstwę powyżej „Warstwy 1”. Nie tego chcemy. Chcemy, aby nowa warstwa została umieszczona poniżej „warstwy 1”. Oto przydatna sztuczka. Aby dodać nową warstwę poniżej aktualnie wybranej warstwy, przytrzymaj klawisz Ctrl (Win) / Command (Mac) i kliknij ikonę Nowa warstwa u dołu palety Warstwy. Przytrzymanie Ctrl (Win) / Command (Mac) to sztuczka polegająca na umieszczeniu warstwy poniżej aktualnie wybranej warstwy:
Przytrzymaj „Ctrl” (Win) / „Command” (Mac) i kliknij ikonę Nowa warstwa na palecie Warstwy.
Mamy teraz nową pustą warstwę o nazwie „Warstwa 2” umieszczoną bezpośrednio między warstwą tła a „warstwą 1”:
Paleta Warstwy pokazująca nową pustą warstwę między warstwą tła a „warstwą 1”.
Krok 4: Wypełnij nową warstwę kolorem białym
W tej chwili nasza nowa warstwa jest całkowicie pusta. Wypełnijmy go białym kolorem, aby pojawił się jako białe tło po umieszczeniu obrazu w tekście. Przejdź do menu Edycja u góry ekranu i wybierz Wypełnij . Spowoduje to wyświetlenie okna dialogowego Wypełnienie programu Photoshop. Wybierz biały dla opcji Zawartość u góry okna dialogowego, a następnie kliknij OK, aby wyjść z okna dialogowego:
Wybierz biały dla opcji Zawartość u góry okna dialogowego polecenia Wypełnij.
Wydaje się, że nic się nie wydarzyło w oknie dokumentu, ponieważ obraz na „Warstwie 1” blokuje widok „Warstwy 2”, ale jeśli spojrzymy na miniaturę podglądu warstwy dla „Warstwy 2” na palecie Warstwy, możemy zobaczyć z pewnością warstwa jest teraz wypełniona jednolitą białą warstwą:
Miniatura podglądu „Warstwy 2” pokazuje, że warstwa jest teraz wypełniona kolorem białym.
Krok 5: Wybierz „Warstwę 1” w palecie warstw
Nadszedł czas, aby dodać nasz tekst, ale aby zobaczyć tekst, gdy go dodamy, będziemy musieli wyświetlać tekst nad „warstwą 1”, w przeciwnym razie obraz na „warstwie 1” zablokuje tekst. Aby upewnić się, że możemy zobaczyć nasz tekst, kliknij „Warstwa 1” na palecie Warstwy, aby ją wybrać. W ten sposób, gdy tylko zaczniemy pisać, Photoshop utworzy dla nas nową warstwę tekstu i umieści ją bezpośrednio nad „warstwą 1”:
Kliknij „Warstwa 1” na palecie Warstwy, aby ją wybrać.
Krok 6: Wybierz narzędzie Tekst
Aby dodać tekst, potrzebujemy narzędzia Tekst programu Photoshop, więc wybierz Narzędzie Tekst z palety Narzędzia. Możesz także szybko wybrać narzędzie Tekst, naciskając literę T na klawiaturze:
Wybierz narzędzie Tekst.
Krok 7: Wybierz czcionkę na pasku opcji
Po wybraniu narzędzia Tekst przejdź do paska opcji u góry ekranu i wybierz czcionkę, której chcesz użyć dla efektu. Ogólnie rzecz biorąc, najlepiej działają czcionki z grubymi literami. Wybieram Arial Black. Na razie nie martw się rozmiarem czcionki:
Wybierz czcionkę na pasku opcji.
Krok 8: Ustaw kolor biały jako swój pierwszy plan
Ten krok nie jest absolutnie konieczny, ale aby pomóc mi zobaczyć mój tekst, użyję białego koloru. Kolor, który wybierzesz dla tekstu, nie ma tak naprawdę znaczenia, ponieważ za chwilę wypełnimy go obrazem, ale nadal pomaga widzieć tekst, gdy go dodajemy. Aby ustawić kolor tekstu na biały, wystarczy ustawić kolor pierwszego planu programu Photoshop na biały. Najpierw naciśnij literę D na klawiaturze, co spowoduje przywrócenie domyślnych kolorów pierwszego planu i tła. Czarny jest domyślnym kolorem dla koloru pierwszego planu, a biały jest domyślnym kolorem dla koloru tła. Aby zamienić je tak, aby biały stał się kolorem pierwszego planu, naciśnij literę X na klawiaturze. Jeśli spojrzysz na próbki kolorów pierwszego planu i tła u dołu palety Narzędzia, zobaczysz, że biały jest teraz kolorem pierwszego planu (lewa próbka):
Ustawienie koloru pierwszego planu na biały powoduje również ustawienie koloru tekstu na biały.
Krok 9: Dodaj swój tekst
Po wybraniu narzędzia Tekst, wybranej czcionki i bieli jako koloru pierwszego planu, kliknij w oknie dokumentu i dodaj tekst. Ponieważ używam zdjęcia sceny oceanicznej na Hawajach, wpisuję słowo „HAWAII”:
Kliknij wewnątrz dokumentu i dodaj tekst.
Po zakończeniu kliknij znacznik wyboru na pasku opcji, aby zaakceptować tekst.
Kliknij znacznik wyboru na pasku opcji, aby zaakceptować tekst.
Krok 10: Zmień rozmiar i położenie tekstu za pomocą polecenia Przekształć swobodnie
Prawdopodobnie będziesz musiał zmienić rozmiar i położenie tekstu w tym miejscu, a my możemy to zrobić za pomocą polecenia Free Transform programu Photoshop. Naciśnij Ctrl + T (Win) / Command + T (Mac) na klawiaturze, aby wyświetlić pole Swobodne przekształcanie i uchwyty wokół tekstu, a następnie przeciągnij dowolny z uchwytów, aby zmienić rozmiar tekstu. Jeśli chcesz zmienić rozmiar tekstu bez zniekształcania jego wyglądu, przytrzymaj klawisz Shift i przeciągnij dowolny z czterech narożnych uchwytów. Możesz także zmienić rozmiar tekstu od jego środka, przytrzymując klawisz Alt (Win) / Option (Mac) podczas przeciągania. Wreszcie, aby przenieść tekst, kliknij dowolne miejsce w polu Swobodne przekształcanie i przeciągnij myszą, aby przenieść tekst w oknie dokumentu:
Użyj polecenia Bezpłatna transformacja programu Photoshop, aby zmienić rozmiar i przenieść tekst.
Naciśnij Enter (Win) / Return (Mac) po zakończeniu, aby zaakceptować transformację i wyjść z polecenia Free Transform.
Krok 11: Przeciągnij warstwę tekstową poniżej „warstwy 1”
Teraz, gdy mamy tekst tak, jak chcemy, musimy przesunąć warstwę tekstu poniżej tekstu w palecie Warstwy. Kliknij warstwę tekstową, a następnie przeciągnij ją poniżej „Warstwy 1”. Zobaczysz grubą czarną linię między „warstwą 1” a „warstwą 2”:
Przeciągnij warstwę tekstu poniżej „Warstwy 1”.
Zwolnij przycisk myszy, gdy pojawi się czarna linia, aby upuścić warstwę tekstową na miejsce między „warstwą 1” a „warstwą 2”:
Warstwa tekstowa pojawia się teraz między „Warstwą 1” a „Warstwą 2”.
Krok 12: Wybierz „Layer 1” ponownie
Kliknij ponownie „Warstwa 1” na palecie Warstwy, aby ją wybrać:
Warstwa tekstowa pojawia się teraz między „Warstwą 1” a „Warstwą 2”.
Tekst tymczasowo zniknie w oknie dokumentu, gdy obraz na „warstwie 1” blokuje go przed widocznością.
Krok 13: Utwórz maskę przycinającą
Aby stworzyć iluzję, że zdjęcie znajduje się w tekście, musimy użyć maski przycinającej . Spowoduje to „przypięcie” zdjęcia z „warstwy 1” do tekstu na warstwie bezpośrednio pod nią. Wszystkie obszary zdjęcia, które pojawią się bezpośrednio nad literami, pozostaną widoczne w dokumencie. Reszta zdjęcia zniknie z widoku.
Po wybraniu opcji „Warstwa 1” na palecie Warstwy przejdź do menu Warstwa u góry ekranu i wybierz opcję Utwórz maskę przycinającą :
Przejdź do Warstwa> Utwórz maskę przycinającą.
Jeśli spojrzymy w okno dokumentu, możemy zobaczyć, że zdjęcie wydaje się teraz znajdować się w tekście:
Zdjęcie pojawi się teraz wewnątrz liter.
Krok 14: Dodaj cień (opcjonalnie)
Aby zakończyć mój efekt, dodam cień do liter. Jeśli chcesz kontynuować, najpierw wybierz warstwę tekstową na palecie Warstwy, a następnie kliknij ikonę Style warstw na dole palety Warstwy:
Wybierz warstwę tekstową, a następnie kliknij ikonę Style warstw.
Wybierz Drop Shadow z wyświetlonej listy stylów warstw:
Wybierz styl warstwy Cień.
Spowoduje to wyświetlenie okna dialogowego Styl warstwy programu Photoshop z ustawionymi opcjami Cień w środkowej kolumnie. Większość opcji zostawię w spokoju, ale obniżę Krycie cienia do około 60%, aby nie było tak intensywne i ustawię Kąt cienia na 120 ° :
Okno dialogowe Styl warstwy z opcjami Drop Shadow.
Po zakończeniu kliknij przycisk OK, aby zastosować cień jako wyjście z okna dialogowego Styl warstwy. Oto mój ostatni efekt „obraz w tekście”:
Ostateczny efekt „obraz w tekście”.
Następny samouczek: Jak umieścić obraz w wielu warstwach tekstowych jednocześnie!
Umieszczanie obrazu w tekście - krótkie podsumowanie
Omówiliśmy wiele w tym samouczku. Oto krótkie podsumowanie kroków, kiedy jest to potrzebne:
- W Photoshopie otwórz swoje zdjęcie, a następnie naciśnij Ctrl + J (Win) / Command + J (Mac), aby powielić warstwę tła.
- Naciśnij i przytrzymaj Ctrl (Win) / Command (Mac), a następnie w panelu Warstwy kliknij ikonę Nowa warstwa, aby dodać nową pustą warstwę między dwiema istniejącymi warstwami.
- Przejdź do menu Edycja na pasku menu i wybierz Wypełnij . W oknie dialogowym Wypełnienie ustaw opcję Użyj na biały . Kliknij OK.
- W panelu Warstwy wybierz górną warstwę (Warstwa 1), aby ją uaktywnić.
- Wybierz narzędzie Tekst, a następnie na pasku opcji wybierz opcje czcionki.
- Ustaw kolor pierwszego planu na biały, a następnie kliknij dokument i dodaj tekst.
- Naciśnij Ctrl + T (Win) / Command + T (Mac), aby wybrać Free Transform, a następnie zmień rozmiar i położenie tekstu w razie potrzeby. Naciśnij Enter (Win) / Return (Mac), aby wyjść z Free Transform.
- W panelu Warstwy przeciągnij warstwę Tekst poniżej zdjęcia w warstwie 1.
- Wybierz Warstwę 1, aby ją uaktywnić, a następnie przejdź do menu Warstwa na pasku menu i wybierz Utwórz maskę przycinającą .
- Aby dodać cień do tekstu, w panelu Warstwy kliknij ikonę „ efekt ”, wybierz opcję Cień, a następnie ustaw odpowiednio kąt i krycie .
Mamy to! W ten sposób można łatwo umieścić obraz w tekście za pomocą Photoshopa! Odwiedź nasze sekcje Efekty tekstowe lub Efekty fotograficzne, aby uzyskać więcej samouczków dotyczących efektów Photoshop!