W tym samouczku pokażę, jak umieścić obraz w tekście w Photoshopie. Ale zamiast wypełniać tylko jedno słowo lub wiersz tekstu, posuniemy się dalej i nauczymy się prostej sztuczki, która pozwala natychmiast umieścić obraz na dwóch lub więcej warstwach tekstu jednocześnie!

W poprzednim samouczku nauczyliśmy się, jak utworzyć podstawowy obraz w efekcie tekstowym, w którym umieściliśmy obraz w jednym słowie. Aby stworzyć efekt, wystarczyło zrobić kopię naszego obrazu, przenieść go powyżej warstwy Type, a następnie przyciąć obraz do tekstu za pomocą maski przycinającej. Ale co, jeśli masz wiele słów, każde na osobnej warstwie typu, które musisz wypełnić tym samym obrazem? Jak umieścić obraz na dwóch, trzech lub więcej warstwach typu jednocześnie? W tym samouczku przyjrzymy się problemowi, na który natrafimy, i łatwemu rozwiązaniu!

Oto jak będzie wyglądał efekt końcowy lub co najmniej jedna jego odmiana, z trzema słowami, każde na osobnych warstwach typu, wypełnione tym samym obrazem. Nauczymy się dostosowywać efekt, zmieniając kolor tła, dodając efekty warstw i dostosowując przezroczystość tła na końcu samouczka:

Efekt końcowy.

Zacznijmy!

Jak wypełnić tekst obrazem

Będę używać programu Photoshop CC, ale każda najnowsza wersja będzie działać.

Krok 1: Otwórz obraz

Otwórz obraz, który chcesz umieścić w tekście. Użyję tego obrazu, który pobrałem z Adobe Stock:

Obraz, który zostanie umieszczony w tekście. Kredyt na zdjęcie: Adobe Stock.

Krok 2: Dodaj swój tekst

Dodaj tekst do dokumentu i umieść go tam, gdzie jest potrzebny, przed obrazem. Jeśli spojrzymy na panel Warstwy, zobaczymy, że już dodałem trochę tekstu, a każde słowo („UNDER”, „THE” i „SEA”) znajduje się na osobnej warstwie Type. Sam obraz znajduje się pod warstwą tła poniżej. Włączę tekst, klikając ikonę widoczności każdej warstwy typów:

Włączanie wszystkich trzech warstw Type.

I tutaj widzimy wszystkie trzy słowa przed obrazem. Na razie będziesz chciał użyć czerni jako koloru pisma, z powodów, które zobaczymy za chwilę:

Tekst został dodany i umieszczony przed obrazem.

Krok 3: Dodaj warstwę wypełnienia jednolitym kolorem powyżej warstwy tła

Dodajmy kolor tła dla efektu. Użyjemy warstwy wypełnienia jednolitym kolorem. Ułatwi to zmianę tła na dowolny kolor, który lubimy, jak zobaczymy później. Kliknij warstwę tła w panelu Warstwy, aby ją wybrać:

Wybieranie warstwy tła.

Następnie kliknij ikonę Nowa warstwa wypełnienia lub dopasowania u dołu panelu Warstwy:

Kliknięcie ikony Nowa warstwa wypełnienia lub dopasowania.

Wybierz opcję Jednolity kolor z góry listy:

Dodawanie warstwy wypełnienia kolorem jednolitym.

W Próbniku kolorów wybierz biały, a następnie kliknij OK:

Wybór bieli jako koloru tła.

Wracając do dokumentu, nasz tekst znajduje się teraz na białym tle (dlatego wybraliśmy kolor czarny). Nauczymy się, jak zmienić kolor tła na końcu samouczka:

Dokument po dodaniu białej warstwy wypełnienia.

A w panelu Warstwy widzimy warstwę wypełnienia Jednolity kolor („Wypełnienie kolorem 1”) pomiędzy warstwami Tekst i warstwą Tło, dlatego warstwa wypełnienia obecnie blokuje widok:

Panel Warstwy pokazujący białą warstwę wypełnienia.

Krok 4: Utwórz kopię warstwy tła

Musimy wykonać kopię obrazu i przenieść go nad tekstem. Kliknij ponownie warstwę tła, aby ją wybrać:

Ponowne wybieranie warstwy tła.

Utwórz kopię warstwy tła, przeciągając ją w dół na ikonę Nowa warstwa u dołu panelu Warstwy:

Przeciągnięcie warstwy tła na ikonę Nowa warstwa.

Po zwolnieniu przycisku myszy program Photoshop tworzy kopię warstwy, nazywa ją „Kopią w tle” i umieszcza ją bezpośrednio nad oryginałem:

Warstwa „Kopia w tle” pojawia się nad oryginałem.

Krok 5: Przeciągnij kopię powyżej warstw typu

Kliknij warstwę „Kopia w tle” i przeciągnij ją ponad warstwy Type. Pasek wyróżnienia pojawi się nad warstwą tekstu u samej góry:

Przeciąganie warstwy „Kopia w tle” powyżej warstw Type.

Zwolnij przycisk myszy, aby upuścić warstwę na miejsce:

Kopia obrazu znajduje się teraz nad tekstem.

Problem: Umieszczenie jednego obrazu na trzech warstwach typu

Jak na razie dobrze. Ale teraz mamy problem. Mamy jeden obraz, który należy umieścić nie tylko w jednym słowie, ale w trzech, a każde słowo znajduje się na osobnej warstwie typu. Jak wypełnić wszystkie trzy słowa obrazem? Gdybyśmy mieli tylko jedną warstwę typu, wówczas wystarczyłoby utworzyć maskę przycinającą, aby umieścić obraz w tekście. Ale patrz, co się stanie, gdy je utworzę.

Tworzenie maski przycinającej

Po wybraniu warstwy „Kopiowanie w tle” kliknę ikonę menu w prawym górnym rogu panelu Warstwy:

Kliknij ikonę menu panelu Warstwy.

Następnie wybiorę Utwórz maskę przycinającą z menu:

Tworzenie maski przycinającej.

I tutaj widzimy problem. Photoshop przycina obraz do warstwy Tekst bezpośrednio pod nią, co powoduje umieszczenie obrazu w tekście. Ale ponieważ obraz jest przycięty tylko do jednej z trzech warstw Type, obraz pojawia się tylko w jednym z trzech słów, co nie jest tym, czego chcemy:

Tekst pojawia się tylko w słowie u góry.

Powiązane: Dowiedz się wszystkiego o maskach przycinających w Photoshopie

Dlaczego to nie zadziałało

Jeśli spojrzymy na warstwę „Kopia w tle” w panelu Warstwy, widzimy małą strzałkę obok jej miniatury podglądu skierowaną w dół na warstwę Typ poniżej (warstwę zawierającą słowo „PONIŻEJ”). W ten sposób Photoshop informuje nas, że warstwa „Kopia tła” jest przycinana do warstwy Typ. Ale jest przycięty tylko do jednej warstwy Type, a nie do wszystkich trzech. Potrzebujemy sposobu na przycięcie obrazu do wszystkich trzech warstw Type jednocześnie:

Obraz jest przycinany tylko do warstwy Type bezpośrednio pod nią.

Zwalnianie maski przycinającej

Ponieważ tego nie chcemy, cofnę maskę przycinającą, klikając ponownie ikonę menu w prawym górnym rogu panelu Warstwy i wybierając z menu opcję Zwolnij maskę przycinającą :

Zwalnianie maski przycinającej.

A teraz wracamy do oglądania samego obrazu:

Obraz jest ponownie widoczny po zwolnieniu maski przycinającej.

Krok 6: Umieść warstwy Type w grupie warstw

Rozwiązaniem jest umieszczenie wszystkich naszych warstw Type w grupie warstw. W ten sposób możemy przyciąć obraz nie do pojedynczej warstwy Type, ale do całej grupy jednocześnie! Kliknij warstwę Typ u góry, aby ją wybrać:

Wybieranie górnej warstwy tekstowej.

Następnie, aby wybrać również inne warstwy Type, naciśnij i przytrzymaj klawisz Shift, a następnie kliknij dolną warstwę Type:

Przytrzymaj Shift i kliknij dolną warstwę Type, aby zaznaczyć je wszystkie.

Kliknij ikonę menu w prawym górnym rogu panelu Warstwy:

Kliknięcie ikony menu.

Wybierz z menu Nowa grupa z Warstwy :

Wybór polecenia „Nowa grupa z warstw”.

W oknie dialogowym Nowa grupa z warstw nazwij grupę „Tekst”, a następnie kliknij przycisk OK:

Nazywanie grupy warstw.

W panelu Warstwy warstwy tekstowe pojawiają się teraz w grupie warstw o ​​nazwie „Tekst”. Kliknij strzałkę po lewej stronie ikony folderu, aby obrócić grupę i otworzyć warstwy w niej:

Warstwy typu znajdują się teraz w grupie warstw.

Krok 7: Wybierz warstwę „Kopia w tle”

Teraz, gdy warstwy Type znajdują się w grupie, możemy przyciąć obraz do całej grupy. Kliknij warstwę „Kopiowanie w tle”, aby ją wybrać:

Wybieranie warstwy „Kopia w tle”.

Krok 8: Utwórz maskę przycinającą

Kliknij ikonę menu panelu Warstwy:

Kliknij ikonę menu panelu Warstwy.

A następnie wybierz z listy opcję Utwórz maskę przycinającą :

Tworzenie maski przycinającej.

Tym razem Photoshop przycina warstwę „Kopia tła” nie do pojedynczej warstwy Type, ale do samej grupy warstw:

Obraz jest teraz przycięty do grupy warstw.

A ponieważ przypięliśmy obraz do grupy, obraz natychmiast pojawia się we wszystkich trzech słowach:

Efekt po przycięciu obrazu do grupy warstw.

Dostosowywanie efektu: dodawanie cienia

Teraz, gdy stworzyliśmy podstawowy efekt „obraz w tekście”, spójrzmy na kilka sposobów, aby go dostosować. Jedyne, co możemy zrobić, to dodać cień tekstu do tekstu. A ponieważ chcemy, aby cień miał wpływ na wszystkie nasze warstwy Typu jednocześnie, zastosujemy go do samej grupy warstw. Kliknij grupę warstw, aby ją wybrać:

Wybieranie grupy warstw w panelu Warstwy.

Następnie kliknij ikonę Style warstw (ikona „efekt”) u dołu panelu Warstwy:

Kliknięcie ikony Style warstw.

Wybierz Drop Shadow z listy:

Wybieranie „Drop Shadow”.

Ustawienia Drop Shadow

Spowoduje to otwarcie okna dialogowego Styl warstwy z ustawionymi opcjami Cień. Dostosuj kąt, odległość i rozmiar cienia do swoich potrzeb. Kąt określa kierunek źródła światła. Odległość określa, jak daleko cień będzie rozciągał się na zewnątrz od liter, a Rozmiar będzie wtapiać krawędzie cienia. Następnie dostosuj jasność cienia za pomocą suwaka Krycie u góry.

W moim przypadku ustawię Kąt na 75 °, aby dopasować się do kąta wiązek światła w wodzie. Potem ustawię Odległość i Rozmiar na 30px, a Krycie na 40%. Po zakończeniu kliknij przycisk OK, aby zamknąć okno dialogowe:

Opcje Drop Shadow.

A oto mój efekt z zastosowanym cieniem. Zauważ, że ponieważ zastosowaliśmy cień do grupy warstw, dotyczy to wszystkich warstw Type wewnątrz grupy:

Wynik po dodaniu cienia do grupy warstw.

Dostosowywanie efektu: zmiana koloru tła

Innym sposobem na dostosowanie efektu jest zmiana koloru tła. Kliknij dwukrotnie próbkę koloru dla warstwy wypełnienia Solid Color:

Kliknij dwukrotnie próbkę koloru warstwy wypełnienia w panelu Warstwy.

Następnie wybierz inny kolor w Próbniku kolorów. Wybiorę czarny:

Zmiana koloru tła z białego na czarny.

A oto jak wygląda efekt na czarnym tle:

Ciemniejsze tło pomaga wydobyć obraz ze słów.

Wybieranie koloru tła z obrazu

Możesz także wybrać kolor tła bezpośrednio z obrazu wewnątrz liter. Gdy próbnik kolorów jest nadal otwarty, przesuń kursor myszy nad obrazem. Kursor zmieni się w kroplomierz. Kliknij kolor, aby pobrać próbkę i ustawić go jako nowy kolor tła. Wybiorę ciemny odcień niebieskiego z maski nurka:

Próbkowanie koloru z obrazu.

A oto jak wygląda ten kolor jako nowe tło:

Efekt z kolorem tła próbkowanym z obrazu.

Użyję próbkowanego koloru, ale wybiorę jego znacznie ciemniejszy odcień:

Biorąc próbkowany kolor i wybierając jego ciemniejszą wersję.

Kliknij przycisk OK, aby zamknąć Próbnik kolorów, a oto mój efekt z ciemnoniebieskim tłem:

Ciemniejszy niebieski ułatwia czytanie tekstu.

Dostosowywanie efektu: dodawanie przezroczystości do tła

Na koniec spójrzmy na jeszcze jeden sposób dostosowania efektu, a mianowicie poprzez dodanie przezroczystości do koloru tła. Pozwoli to na wyświetlenie części oryginalnego obrazu. Po wybraniu warstwy wypełnienia Jednolity kolor zmniejsz wartość Krycie w prawym górnym rogu panelu Warstwy. Im bardziej obniżysz go do wartości domyślnej 100%, tym bardziej zobaczysz obraz przez kolor tła. Obniżę kopalnię do 85%:

Obniżenie krycia warstwy wypełnienia jednolitym kolorem.

Pozwala to na wskazanie obrazu przez niebieskie tło, tworząc mój końcowy efekt:

Ostateczny efekt „obraz w tekście”.

Mamy to! W ten sposób umieścisz obraz w tekście i wypełnisz wiele warstw Type tym samym obrazem w Photoshopie! Zapoznaj się z naszymi sekcjami Efekty fotograficzne i Efekty tekstowe, aby uzyskać więcej samouczków!

Kategoria: