W tym samouczku nauczysz się, jak wypełnić kształt obrazem w Photoshopie! Jak zobaczysz, Photoshop ułatwia umieszczenie zdjęcia w dowolnym kształcie, od prostokąta lub koła po fantazyjny niestandardowy kształt. W tym samouczku użyjemy jednego z gotowych niestandardowych kształtów programu Photoshop. Ale gdy nauczysz się kroków, możesz zacząć umieszczać obrazy w dowolnym kształcie!
Oto jak będzie wyglądał końcowy efekt „obrazu w kształcie”, gdy skończymy. Oczywiście jest to tylko jeden przykład tego efektu. W Photoshopie jest wiele kształtów do wyboru, a nawet możesz tworzyć własne. Więc kiedy nauczysz się kroków, naprawdę nie ma ograniczeń co możesz zrobić:
Ostateczny efekt „obrazu w kształcie”.
Zacznijmy!
Jak wypełnić kształt zdjęciem
Używam Photoshop CC, ale wszystko, co będziemy robić, jest również zgodne z Photoshop CS6.
Krok 1: Utwórz nowy dokument
Zacznijmy od utworzenia nowego dokumentu. Przejdź do menu Plik na pasku menu u góry ekranu i wybierz Nowy :
Przechodzę do pliku i nowy.
Spowoduje to otwarcie okna dialogowego Nowy dokument . Jeśli używasz Photoshop CC, zobaczysz nowo przeprojektowaną wersję okna dialogowego Nowy dokument. Jeśli używasz Photoshop CS6, zobaczysz starszą, tradycyjną wersję. Najpierw przyjrzymy się wersji Photoshop CC, a następnie wersji CS6.
W programie Photoshop CC opcje tworzenia nowego niestandardowego dokumentu znajdują się w panelu Szczegóły ustawień po prawej stronie okna dialogowego. W tym samouczku utwórzmy dokument w kształcie kwadratu. Ustaw szerokość i wysokość na 2000 pikseli . Ustawimy rozdzielczość na 72 piksele / cal, a zawartość tła na białą . Kliknij przycisk Utwórz, aby utworzyć nowy dokument:
Panel Szczegóły ustawień wstępnych w oknie dialogowym Nowy dokument w Photoshop CC.
W programie Photoshop CS6 ponownie ustaw zarówno szerokość, jak i wysokość na 2000 pikseli, rozdzielczość na 72 piksele / cal, a zawartość tła na białą . Kliknij przycisk OK, aby utworzyć nowy dokument:
Nowe okno dialogowe w Photoshop CS6.
Obejrzyj wideo i podziel się komentarzami na naszym kanale YouTube!
Krok 2: Wybierz narzędzie Kształt niestandardowy
Jak wspomniałem wcześniej, do tego efektu można użyć dowolnego kształtu, od prostokąta lub koła po kształt niestandardowy. W tym samouczku użyję jednego z wbudowanych niestandardowych kształtów programu Photoshop.
Wybierz narzędzie Kształt niestandardowy z paska narzędzi. Domyślnie niestandardowe narzędzie kształtu jest zagnieżdżone za narzędziem prostokąta. Kliknij prawym przyciskiem myszy (Win) / kliknij przytrzymując klawisz Control (Mac) w narzędziu Prostokąt, a następnie wybierz z menu Narzędzie niestandardowego kształtu:
Wybieranie niestandardowego narzędzia kształtu z paska narzędzi.
Krok 3: Ustaw tryb narzędzia na „Kształt”
Istnieją trzy różne typy kształtów, które możemy narysować w Photoshopie. Możemy rysować kształty wektorowe, ścieżki lub kształty oparte na pikselach . Aby uzyskać ten efekt, chcemy narysować kształty wektorowe, które pozwolą nam narysować kształt w dowolnym rozmiarze, a krawędzie będą ładne i ostre.
Photoshop określa kształty wektorowe po prostu jako „kształty”. Po wybraniu niestandardowego narzędzia kształtu upewnij się, że opcja Tryb narzędzia na pasku opcji jest ustawiona na Kształt :
Ustawienie trybu narzędzia na „Kształt” na pasku opcji.
Krok 4: Ustaw kolor kształtu na czarny
Aby zobaczyć nasz kształt na białym tle, ustawimy kolor wypełnienia kształtu na czarny . Próbkę koloru wypełnienia znajdziesz na pasku opcji (bezpośrednio obok opcji Tryb narzędzia).
Domyślnie kolor będzie już czarny. Jeśli nie, naciśnij literę D na klawiaturze. Spowoduje to zresetowanie kolorów pierwszego planu i tła do ich wartości domyślnych, dzięki czemu kolor pierwszego planu (i kolor wypełnienia kształtu) będzie czarny:
Próbka koloru wypełnienia na pasku opcji. Upewnij się, że jest ustawiony na czarny.
Krok 5: Załaduj kształty niestandardowe
Photoshop zawiera wiele gotowych niestandardowych kształtów do wyboru. Ale domyślnie tylko kilka z nich jest ładowanych do programu. Aby znaleźć resztę, musimy załadować je do siebie.
Miniatura kształtu na pasku opcji wyświetla kształt, który jest aktualnie wybrany. Kliknij miniaturę, aby wybrać inny kształt:
Kliknięcie miniatury kształtu na pasku opcji.
Spowoduje to otwarcie niestandardowego próbnika kształtów z miniaturami wszystkich kształtów, które możemy wybierać. Jak wspomniałem, domyślnie wyświetlanych jest tylko kilka kształtów. Załadujmy wszystkie kształty, aby dać nam większy wybór.
Kliknij ikonę menu ( ikonę koła zębatego) w prawym górnym rogu Próbnika kształtów niestandardowych:
Kliknięcie ikony menu niestandardowego próbnika kształtów.
W dolnej połowie menu, które się pojawi, zobaczysz listę wszystkich niestandardowych zestawów kształtów, które możemy wybierać. Zamiast ładować każdy z osobna, aby zobaczyć, co otrzymujemy, po prostu załaduj je wszystkie naraz. Aby to zrobić, wybierz Wszystkie z góry listy:
Ładowanie wszystkich niestandardowych zestawów kształtów do Photoshopa.
Program Photoshop zapyta, czy chcesz zastąpić obecne kształty nowymi. Ponieważ domyślne kształty są zawarte w różnych zestawach kształtów, nie stracimy niczego, zastępując je, więc kliknij OK :
Kliknięcie OK, aby zastąpić obecne kształty nowymi.
Krok 6: Wybierz niestandardowy kształt
Po powrocie do niestandardowego selektora kształtów mamy teraz o wiele więcej kształtów do wyboru. Przewiń miniatury, aż znajdziesz tę, której chcesz użyć. Kształt serca (który jest właściwie częścią domyślnych kształtów) jest popularnym wyborem. Ale dla czegoś innego wybiorę kształt motyla .
Aby wybrać kształt, kliknij dwukrotnie jego miniaturę. Spowoduje to wybranie kształtu i zamknięcie niestandardowego próbnika kształtów.
Wybór niestandardowego kształtu motyla.
Krok 7: Narysuj kształt
Aby narysować kształt, kliknij w lewym górnym rogu dokumentu, aby ustawić punkt początkowy. Trzymając wciśnięty przycisk myszy, naciśnij i przytrzymaj klawisz Shift na klawiaturze i przeciągnij po przekątnej w dół w kierunku prawego dolnego rogu dokumentu. Przytrzymanie klawisza Shift podczas przeciągania blokuje proporcje kształtu, aby nie zniekształcić jego wyglądu.
Podczas rysowania kształtu zobaczysz tylko zarys ścieżki, jak będzie wyglądał kształt:
Kliknij w lewym górnym rogu, przytrzymaj Shift i przeciągnij w prawy dolny róg.
Aby zakończyć kształt, zwolnij przycisk myszy, a następnie zwolnij klawisz Shift. Najpierw zwolnij przycisk myszy, a następnie klawisz Shift lub proporcje kształtu mogą ulec zmianie. Photoshop rysuje kształt, wypełniając go czarnym:
Program Photoshop rysuje kształt po zwolnieniu przycisku myszy.
Jeśli spojrzymy na panel Warstwy, zobaczymy kształt znajdujący się na własnej warstwie Kształt nad wypełnioną białą warstwą Tła:
Panel Warstwy pokazujący warstwę kształtu nad warstwą tła.
Krok 8: Przenieś kształt do środka
Aby przenieść kształt na środek dokumentu, wybierz Photoshop's Move Tool z paska narzędzi:
Wybór narzędzia przenoszenia.
Następnie kliknij kształt i przeciągnij go do środka. Powinien zatrzasnąć się, gdy zbliżysz się do środka:
Przenoszenie kształtu na pozycję.
Krok 9: Otwórz swój obraz
Otwórz obraz, który chcesz umieścić w swoim kształcie. Oto ten, którego używam (dziewczyna ze zdjęciem motyla z Adobe Stock). Twój obraz otworzy się w osobnym dokumencie z zakładkami:
Obraz, który umieszczę wewnątrz kształtu. Kredyt na zdjęcie: Adobe Stock.
Krok 10: Wybierz i skopiuj obraz
Skopiujmy obraz i wklejmy go do dokumentu kształtu. Przejdź do menu Wybierz u góry ekranu i wybierz Wszystkie . Wokół obrazu pojawi się kontur wyboru.
Przechodzę do Wybierz> Wszystkie.
Po wybraniu obrazu przejdź do menu Edycja i wybierz opcję Kopiuj :
Przejście do Edycja> Kopiuj.
Krok 11: Wklej obraz do dokumentu kształtu
Wróć do dokumentu kształtu, klikając jego kartę tuż pod paskiem opcji. Jeśli nie utworzyłeś nazwy dokumentu podczas jego tworzenia (czego nie zrobiliśmy), najprawdopodobniej zostanie nazwany „Untitled-1”:
Kliknięcie zakładki dokumentu kształtu.
Następnie wróć do menu Edycja i tym razem wybierz Wklej :
Przejście do Edycja> Wklej.
Photoshop wkleja obraz do dokumentu. W tej chwili obraz całkowicie blokuje kształt widoku. Ponadto mój obraz jest zbyt duży, aby zmieścić się całkowicie w dokumencie kształtu. Oba te problemy naprawimy w kilku kolejnych krokach:
Obraz został wklejony do dokumentu kształtu.
Krok 12: Utwórz maskę przycinającą
Jeśli ponownie spojrzymy na panel Warstwy, zobaczymy, że Photoshop umieścił obraz na nowej warstwie powyżej warstwy Shape:
Panel Warstwy pokazujący obraz nad kształtem.
Aby umieścić obraz w kształcie, wystarczy stworzyć maskę przycinającą. Upewnij się, że wybrano warstwę obrazu („Warstwa 1”). Następnie przejdź do menu Warstwa u góry ekranu i wybierz Utwórz maskę przycinającą :
Przejście do Warstwa> Utwórz maskę przycinającą.
Spowoduje to „przycięcie” obrazu w „warstwie 1” do warstwy kształtu poniżej, co oznacza, że jedyną częścią obrazu, która pozostaje widoczna w dokumencie, jest obszar, który znajduje się bezpośrednio nad (lub przed) kształtem. Reszta obrazu jest teraz ukryta, tworząc iluzję, że obraz rzeczywiście znajduje się w kształcie:
Maska przycinająca umieszcza obraz wewnątrz kształtu.
A jeśli spojrzymy ponownie w panelu Warstwy, zobaczymy, że „Warstwa 1” jest wcięta w prawo, a mała strzałka skierowana jest w dół na warstwę Shape poniżej. W ten sposób Photoshop informuje nas, że obraz jest teraz przycięty do kształtu:
Panel Warstwy pokazujący obraz przycięty do warstwy Kształt.
Krok 13: Zmień rozmiar i położenie obrazu za pomocą bezpłatnej transformacji
Aby zmienić rozmiar i położenie obrazu wewnątrz kształtu, ponownie upewnij się, że masz zaznaczoną opcję „Warstwa 1”. Następnie przejdź do menu Edycja i wybierz opcję Bezpłatna transformacja :
Przejście do Edycja> Darmowa transformacja.
Powoduje to umieszczenie pola swobodnej transformacji i uchwytów (małych kwadratów) wokół rzeczywistych wymiarów obrazu, w tym obszaru poza widocznym płótnem. Jeśli nie widzisz wszystkich uchwytów swobodnej transformacji, ponieważ obraz jest zbyt duży, aby zmieścić się całkowicie na ekranie, przejdź do menu Widok i wybierz opcję Dopasuj na ekranie :
Idź do Widok> Dopasuj na ekranie.
Photoshop automatycznie dostosuje poziom powiększenia, tak aby było widoczne całe pole Free Transform. Tutaj widzimy moje pole swobodnej transformacji rozciągające się na prawo od obszaru roboczego:
Pole Swobodne przekształcenie pojawi się wokół całego obrazu.
Aby zmienić rozmiar obrazu wewnątrz kształtu, naciśnij i przytrzymaj klawisz Shift i przeciągnij dowolny z narożnych uchwytów . Przytrzymanie klawisza Shift podczas przeciągania blokuje oryginalne proporcje kształtu podczas zmiany jego rozmiaru.
Aby przenieść obraz do kształtu, kliknij dowolne miejsce w polu Swobodne przekształcanie i przeciągnij obraz na miejsce.
Tutaj przeciągam uchwyt w prawym górnym rogu do wewnątrz, a także przesunąłem obraz, aby lepiej dopasować twarz dziewczyny do kształtu skrzydła motyla:
Używanie swobodnej transformacji do zmiany rozmiaru i przesunięcia obrazu wewnątrz kształtu.
Kiedy będziesz gotowy, naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze, aby zatwierdzić zmianę i zamknąć polecenie Free Transform:
Obraz teraz lepiej pasuje do kształtu.
Krok 14: Zmień kolor tła
W tym momencie główny efekt „obrazu w kształcie” jest gotowy! Oczywiście zawsze możemy zrobić więcej, aby go dostosować i poprawić. Jedyne, co możemy zrobić, to zmienić kolor tła.
Najłatwiejszym sposobem zmiany koloru tła jest użycie jednej z warstw wypełnienia Solid Color programu Photoshop. Będziemy potrzebować warstwy wypełnienia Jednolity kolor, aby pojawiała się między warstwą tła a warstwą kształtu, więc najpierw 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.
Wyskakuje program Photoshop, otwierając Próbnik kolorów, w którym możemy wybrać nowy kolor. Czarny jest popularnym wyborem jako kolor tła dla tego efektu, więc zobaczmy, jak to wygląda:
Wybór czerni z Próbnika kolorów.
Czarny zdecydowanie wydobywa szczegóły kształtu, ale jako kolor tła motyla nie jestem pewien, czy to działa:
Wynik po zmianie koloru tła na czarny.
Mógłbym wybrać inny kolor niż sam próbnik kolorów. Lub mógłbym próbkować kolor bezpośrednio z obrazu wewnątrz kształtu, co często działa lepiej.
Aby to zrobić, przesuń kursor myszy na kolor, który chcesz próbkować. Kursor tymczasowo przełączy się na ikonę narzędzia Kroplomierz, informując, że jest gotowy do próbkowania koloru. Lubię utrzymywać subtelne kolory tła, więc zamiast wybierać kolor zielony z drzew lub czerwony z kwiatów, wybieram lekki odcień skóry z czoła dziewczyny, klikając go, aby go wypróbować:
Próbkowanie koloru używanego jako tło.
Jak tylko kliknę, próbkowany kolor staje się nowym kolorem tła. Bardziej podoba mi się ten nowy kolor, dlatego kliknę przycisk OK, aby zamknąć Próbnik kolorów:
Próbkowany kolor jest teraz kolorem tła.
Jeśli spojrzymy na panel Warstwy, zobaczymy naszą warstwę wypełnienia jednolitym kolorem, o nazwie „Wypełnienie kolorem 1”, umieszczoną między warstwą tła a warstwą kształtu, dokładnie tam, gdzie jej potrzebujemy:
Panel Warstwy pokazujący nową warstwę wypełnienia Jednolity kolor.
Krok 15: Dodaj obrys
Na koniec zakończmy efekt dodając obrys wokół kształtu. Kliknij warstwę Kształt w panelu Warstwy, aby ją wybrać:
Wybieranie warstwy kształtu.
Następnie kliknij ikonę Style warstw (ikona „ FX ”) na dole panelu Warstwy:
Kliknięcie ikony Style warstw.
Wybierz Obrys z listy:
Wybór stylu warstwy Obrys.
Spowoduje to otwarcie okna dialogowego Styl warstwy programu Photoshop z ustawionymi opcjami Obrys w środkowej kolumnie. Aby zmienić kolor obrysu, kliknij próbkę koloru :
Kliknięcie próbki koloru.
To ponownie otwiera Próbnik kolorów. Wybieram biały dla koloru obrysu, a następnie klikam OK, aby zamknąć Próbnik kolorów:
Wybieranie bieli z Próbnika kolorów.
W oknie dialogowym Styl warstwy ustawię Położenie obrysu na Zewnątrz, aby pojawiało się wokół kształtu. Następnie zwiększę wartość Rozmiar, aby dostosować grubość obrysu. W przypadku tego obrazu rozmiar około 12 pikseli działa dobrze:
Ustawienie pozycji na zewnątrz i rozmiaru na 12 px.
Kliknij przycisk OK, aby zamknąć okno dialogowe Styl warstwy. I z tym skończyliśmy! Tutaj, po zmianie koloru tła i dodaniu obrysu wokół motyla, jest mój ostatni efekt „obrazu w kształcie”:
Wynik końcowy.
Mamy to! W ten sposób można łatwo umieścić obraz w kształcie za pomocą masek przycinających w Photoshopie! Sprawdź naszą sekcję Efekty fotograficzne, aby uzyskać więcej samouczków dotyczących efektów Photoshop! I nie zapomnij, wszystkie nasze samouczki Photoshop są teraz dostępne jako pliki PDF gotowe do wydruku!