Dowiedz się, jak łatwo zamienić pojedynczy obraz w zabawny, kwadratowy kolaż zdjęć dzięki Photoshopowi!
Aby stworzyć efekt kolażu zdjęć, zaczniemy od przycięcia obrazu do kwadratu, a następnie podzielimy go na mniejsze kwadraty. Dodamy ramkę wokół każdego z nich, aby wyglądały jak osobne zdjęcia, a następnie przesuniemy je i obrócimy na miejsce. Na koniec zmienimy kolor tła i zakończymy dodając cień efektu.
Oto obraz, którego użyję. Pobrałem ten z Adobe Stock:
Oryginalny obraz. Kredyt na zdjęcie: Adobe Stock.
A oto jak będzie wyglądał kolaż zdjęć, kiedy skończymy:
Ostateczny efekt kolażu zdjęć.
Zacznijmy!
Jak stworzyć kwadratowy kolaż zdjęć
W tym samouczku korzystam z programu Photoshop CC, ale wszystko jest zgodne z programem Photoshop CS6. Możesz również śledzić moje wideo z tego samouczka na naszym kanale YouTube. Lub pobierz ten samouczek jako plik PDF gotowy do wydruku!
Krok 1: Przytnij obraz do kwadratu
Pierwszą rzeczą, którą musimy zrobić, to przyciąć nasz obraz do kwadratu. Wybierz narzędzie Kadrowanie z paska narzędzi:
Wybór narzędzia do przycinania.
Na pasku opcji ustaw Format obrazu na Kwadrat :
Ustawienie współczynnika kształtu na kwadrat.
Photoshop dodaje początkową kwadratową ramkę przycinania wokół obrazu:
Początkowa kwadratowa ramka przycinania.
Z powrotem na pasku opcji upewnij się, że zaznaczono opcję Usuń przycięte piksele :
Usuń przycięte piksele należy włączyć.
Następnie przeciągnij uchwyty przycinania, aby zmienić rozmiar ramki wokół obiektu. Jeśli pracujesz z portretem, staraj się trzymać główne rysy twarzy (oczy, nos i usta) w środkowym kwadracie:
Zmiana rozmiaru ramki przycinania wokół obiektu.
Aby przyciąć obraz, naciśnij Enter (Win) / Return (Mac):
Wynik po przycięciu obrazu do kwadratu.
Krok 2: Dodaj kilka przewodników
Aby pomóc nam podzielić obraz na mniejsze kwadraty, dodamy kilka przewodników.
Dodanie pierwszego poziomego przewodnika
Przejdź do menu Widok na pasku menu i wybierz Nowy przewodnik :
Idź do Widok> Nowy przewodnik.
W oknie dialogowym Nowy przewodnik ustaw Orientację na Poziomą, a następnie wprowadź 33% dla pozycji . Kliknij przycisk OK, aby zamknąć okno dialogowe:
Dodanie pierwszego przewodnika.
Photoshop dodaje pierwszy poziomy przewodnik na 1/3 wysokości od góry:
Dodano pierwszy poziomy przewodnik.
Dodanie drugiego poziomego przewodnika
Aby dodać drugi przewodnik, wróć do menu Widok i ponownie wybierz Nowy przewodnik :
Wracając do Widok> Nowy przewodnik.
Pozostaw Orientację ustawioną na Poziomą, ale tym razem wprowadź 66% dla pozycji . Kliknij przycisk OK, aby zamknąć okno dialogowe:
Dodanie drugiego przewodnika.
A Photoshop dodaje drugi przewodnik, tym razem o dwie trzecie od góry:
Dodano drugi poziomy przewodnik.
Dodanie prowadnicy pionowej
Wróć do menu Widok i ponownie wybierz Nowy przewodnik :
Wracając do Widok> Nowy przewodnik.
W tym trzecim przewodniku zmień Orientację na Pionową i wprowadź 33% dla pozycji . Następnie kliknij OK:
Dodanie trzeciego przewodnika.
Dodaje to prowadnicę pionową jedną trzecią drogi od lewej:
Dodano pierwszą prowadnicę pionową.
Dodanie drugiej prowadnicy pionowej
Na koniec wróć po raz ostatni do menu Widok i wybierz Nowy przewodnik :
Wracając do Widok> Nowy przewodnik.
Pozostaw orientację ustawioną na pionową, ale zmień pozycję na 66% . Po zakończeniu kliknij OK:
Dodanie czwartego przewodnika.
Photoshop dodaje drugi pionowy przewodnik, dwie trzecie drogi od lewej, a teraz mamy nasz obraz podzielony na mniejsze kwadraty:
Cztery prowadnice dzielące obraz na kwadraty.
Krok 3: Wybierz i skopiuj każdy kwadrat na nową warstwę
Musimy wybrać każdy kwadrat i skopiować go na własną warstwę. Wybierz prostokątne narzędzie markizy z paska narzędzi:
Wybieranie narzędzia markizy prostokątnej.
Przyciąganie wyborów do prowadnic
Aby upewnić się, że nasze wybory zostaną przyciągnięte do prowadnic, przejdź do menu Widok, wybierz Przyciągaj do i upewnij się, że Przewodniki mają zaznaczenie obok. Jeśli nie, kliknij go, aby go wybrać:
Poszukaj znacznika wyboru obok Przewodników.
Wybieranie pierwszego kwadratu
Zaczniemy od kwadratu w lewym górnym rogu. Kliknij i przeciągnij kontur zaznaczenia wokół niego. Jeśli wykonałeś ostatni krok, kontur wyboru powinien przyciągnąć do prowadnic:
Rysowanie konturu zaznaczenia wokół kwadratu w lewym górnym rogu.
Kopiowanie kwadratu na nową warstwę
Aby skopiować kwadrat na własną warstwę, przejdź do menu Warstwa, wybierz Nowy, a następnie wybierz Warstwa przez Kopiowanie . Lub szybszym sposobem jest naciśnięcie skrótu klawiaturowego Ctrl + J (Win) / Command + J (Mac):
Przejście do Warstwa> Nowa> Warstwa przez kopiowanie.
W panelu Warstwy widzimy, że Photoshop umieścił kopię kwadratu na nowej warstwie nad obrazem:
Kwadrat został skopiowany na własną warstwę.
Wybieranie warstwy tła
Zanim będziemy mogli wybrać drugi kwadrat, najpierw musimy ponownie wybrać obraz. Kliknij warstwę tła, aby ją wybrać. Za każdym razem, gdy wybierzesz i skopiujesz nowy kwadrat, najpierw musisz ponownie wybrać warstwę tła:
Wybieranie warstwy tła.
Zaznaczanie i kopiowanie drugiego kwadratu
Następnie narysuj zaznaczenie wokół kwadratu w górnej środkowej części:
Wybieranie drugiego kwadratu.
Aby szybko skopiować go na nową warstwę, naciśnij Ctrl + J (Win) / Command + J (Mac). Z powrotem w panelu Warstwy mamy teraz dwa kwadraty nad obrazem:
Drugi kwadrat został skopiowany.
Zaznaczanie i kopiowanie pozostałych kwadratów
Aby zaznaczyć i skopiować pozostałe kwadraty, powtórz te same kroki. Najpierw kliknij warstwę tła, aby wybrać obraz:
Zawsze wybieraj ponownie warstwę tła przed wybraniem nowego kwadratu.
Narysuj kontur wyboru wokół nowego kwadratu:
Wybierz inny kwadrat.
A następnie naciśnij Ctrl + J (Win) / Command + J (Mac), aby skopiować kwadrat na nową warstwę:
Kwadrat zostanie skopiowany na nową warstwę.
Będę kontynuować wybieranie i kopiowanie kwadratów, dopóki nie wybiorę ich wszystkich. A w panelu Warstwy widzimy teraz wszystkie dziewięć kwadratów, każdy na osobnej warstwie, nad obrazem:
Wszystkie 9 kwadratów zostało skopiowanych.
Krok 4: Ukryj przewodniki
Nie potrzebujemy już naszych przewodników, więc ukryjmy je, przechodząc do menu Widok, wybierając opcję Pokaż, a następnie wybierając Przewodniki :
Wyłączanie prowadnic.
Krok 5: Dodaj więcej miejsca na płótnie
Aby dać nam miejsce na przesuwanie i obracanie kwadratów, dodamy więcej przestrzeni na płótnie wokół obrazu. I możemy to zrobić za pomocą narzędzia do przycinania. Wybierz narzędzie Kadrowanie z paska narzędzi:
Ponowne wybranie narzędzia do przycinania.
Naciśnij i przytrzymaj klawisz Alt (Win) / Option (Mac) na klawiaturze, a następnie kliknij i przeciągnij dowolny uchwyt przycinania na zewnątrz i od obrazu. Klawisz Alt / Opcja pozwala zmienić rozmiar ramki przycinania od jej środka:
Dodawanie większej przestrzeni na płótnie za pomocą narzędzia Kadrowanie.
Naciśnij Enter (Win) / Return (Mac), aby je zaakceptować, a Photoshop doda dodatkowe miejsce na płótnie:
Wokół zdjęcia dodano więcej miejsca.
Krok 6: Wypełnij tło czernią
Domyślnie Photoshop wypełnia nowe miejsce kolorem białym, ale wypełnijmy nasze tło kolorem czarnym. W panelu Warstwy wybierz warstwę tła :
Wybieranie warstwy tła.
Następnie przejdź do menu Edycja i wybierz Wypełnij :
Przejście do Edycja> Wypełnij.
W oknie dialogowym Wypełnienie ustaw opcję Zawartość na Czarny, a następnie kliknij przycisk OK:
Ustawienie zawartości na czarny.
Obraz pojawi się teraz na czarnym tle:
Wynik po wypełnieniu tła kolorem czarnym.
Krok 7: Dodaj obrys wokół pierwszego kwadratu
W tej chwili tak naprawdę nie widzimy naszych kwadratów, więc uczyńmy je bardziej oczywistymi. Aby wyglądały jak osobne zdjęcia, dodamy obrys wokół nich. Zaczniemy od dodania obrysu do jednego z kwadratów, a następnie skopiujemy i wkleimy go do pozostałych.
Dodanie obrysu
W panelu Warstwy wybierz górną warstwę (tę, która trzyma kwadrat w lewym górnym rogu):
Wybór górnej warstwy.
Następnie kliknij ikonę Style warstw (ikona efektów ) na dole panelu Warstwy:
Kliknięcie ikony „FX”.
I wybierz Stroke z listy:
Dodawanie efektu warstwy obrysu.
Zmiana koloru obrysu
W oknie dialogowym Styl warstwy kliknij próbkę koloru :
Kliknięcie próbki koloru w opcjach Obrys.
Następnie w Próbniku kolorów zmień kolor obrysu na biały, a następnie kliknij OK:
Wybór bieli dla nowego koloru obrysu.
Ustawianie rozmiaru i pozycji
W oknie dialogowym Styl warstwy ustaw pozycję obrysu na Wewnątrz . Następnie zwróć uwagę na kwadrat w lewym górnym rogu obrazu, zwiększając wartość Rozmiar, przeciągając suwak. Pójdę z wartością około 32 px, ale będzie to zależeć od wielkości twojego obrazu:
Ustawianie położenia i rozmiaru obrysu.
Kliknij przycisk OK, aby zamknąć okno dialogowe, a teraz mamy ramkę wokół jednego z kwadratów:
Ramka pojawi się wokół kwadratu w lewym górnym rogu.
Krok 8: Dodaj obrys do innych kwadratów
W panelu Warstwy nasz obrys znajduje się na liście jako efekt poniżej warstwy:
Efekty są wymienione poniżej warstwy.
Aby szybko zastosować ten sam obrys do innych kwadratów, skopiujemy go i wkleimy. Kliknij górną warstwę prawym przyciskiem myszy (Win) / Control (Mac), a następnie wybierz z menu polecenie Kopiuj styl warstwy :
Wybieranie „Kopiuj styl warstwy”.
Kliknij drugą warstwę od góry (Warstwa 2), aby ją wybrać:
Wybieranie drugiej warstwy od góry.
Naciśnij i przytrzymaj klawisz Shift, a następnie kliknij warstwę tuż nad warstwą tła (warstwa 9). Spowoduje to zaznaczenie wszystkich innych kwadratów jednocześnie:
Przytrzymując Shift i wybierając dolny kwadrat.
Kliknij dowolną z wybranych warstw prawym przyciskiem myszy (Win) / Control (Mac), a następnie wybierz Wklej styl warstwy :
Wybieranie „Wklej styl warstwy”.
I tak po prostu Photoshop wkleja kreskę na inne kwadraty:
Wszystkie 9 kwadratów ma teraz obrys wokół nich.
Krok 9: Przesuń i obróć kwadraty
Aby stworzyć więcej efektu kolażu, będziemy przesuwać i obracać kwadraty za pomocą polecenia Free Transform programu Photoshop.
Wybór narzędzia przenoszenia
Wybierz narzędzie Przenieś z paska narzędzi:
Wybór narzędzia przenoszenia.
Włączanie automatycznego wyboru
Na pasku opcji upewnij się, że funkcja automatycznego wyboru jest włączona i ustawiona na warstwę . Pozwoli nam to łatwo wybrać każdy kwadrat, klikając go:
Upewnij się, że funkcja automatycznego wyboru jest włączona i ustawiona na warstwę.
Kliknij, aby wybrać kwadrat
Kliknij kwadrat w lewym górnym rogu, aby go wybrać:
Wybór lewego górnego kwadratu.
Przesuń i obróć kwadrat za pomocą swobodnej transformacji
Następnie przejdź do menu Edycja i wybierz Free Transform. Lub użyj skrótu klawiaturowego, Ctrl + T (Win) / Command + T (Mac):
Przejście do Edycja> Darmowa transformacja.
Photoshop umieszcza pole Free Transform i obsługuje wokół kwadratu:
Pojawią się uchwyty swobodnej transformacji.
Aby przesunąć kwadrat, kliknij i przeciągnij w dowolnym miejscu pola Wolna transformacja. Możesz go również przenieść za pomocą klawiszy strzałek na klawiaturze. Aby go obrócić, przesuń kursor myszy poza pole, a następnie kliknij i przeciągnij:
Przesuwanie i obracanie kwadratu na miejsce.
Aby zaakceptować, naciśnij Enter (Win) / Return (Mac), a nasz pierwszy kwadrat został przesunięty i obrócony na miejsce:
Wynik po przesunięciu i obróceniu pierwszego kwadratu.
Powtarzanie kroków dla pozostałych kwadratów
Aby przesunąć i obrócić pozostałe kwadraty, po prostu powtórz te same kroki. Najpierw kliknij kwadrat, aby go zaznaczyć, a następnie naciśnij Ctrl + T (Win) / Command + T (Mac), aby szybko wybrać opcję Przekształć swobodnie . Przesuń kwadrat na miejsce, a następnie obróć go na miejsce. Naciśnij Enter (Win) / Return (Mac), aby zaakceptować.
W moim przypadku zamierzam opuścić środkowy kwadrat w jego pierwotnym miejscu, ale będę kontynuować przesuwanie i obracanie zewnętrznych kwadratów, aż będę zadowolony z rezultatów. Jeśli chcesz tylko przesunąć kwadrat bez obracania go, nie musisz otwierać opcji Przekształć swobodnie. Możesz po prostu kliknąć i przeciągnąć go za pomocą narzędzia Przenieś lub popchnąć w odpowiednie miejsce za pomocą klawiszy strzałek na klawiaturze:
Wynik po dopasowaniu wszystkich zewnętrznych kwadratów.
Krok 10: Zmień kolor tła
W tym momencie stworzyliśmy główny efekt, ale jest jeszcze kilka rzeczy, które możemy zrobić. Jednym z nich jest to, że możemy zmienić kolor tła. Aby to zrobić, użyjemy warstwy wypełnienia jednolitym kolorem.
W panelu Warstwy kliknij warstwę tła, aby ją wybrać:
Wybieranie warstwy tła.
Następnie kliknij ikonę Nowa warstwa wypełnienia lub dopasowania :
Kliknięcie ikony Nowa warstwa wypełnienia lub dopasowania.
I wybierz Jednolity kolor z listy:
Wybór warstwy wypełnienia Jednolity kolor.
Próbkowanie koloru tła z obrazu
W Próbniku kolorów wybierz nowy kolor tła. Lub wybierz kolor bezpośrednio z obrazu, przesuwając kursor do obrazu i klikając kolor, aby go wybrać:
Próbkowanie nowego koloru tła z obrazu.
Po znalezieniu odpowiedniego koloru kliknij przycisk OK, aby zamknąć próbnik kolorów:
Kolaż zdjęć z nowym kolorem tła próbkowanym z obrazu.
W panelu Warstwy widzimy naszą nową warstwę wypełnienia jednolitym kolorem powyżej warstwy tła:
Warstwa wypełnienia znajduje się między warstwą tła a kwadratami.
Krok 11: Dodaj cień
Na koniec zakończmy efekt dodając cień za kwadratami. Aby dodać cień do wszystkich kwadratów jednocześnie, najpierw umieścimy je w grupie warstw.
Grupowanie kwadratów
Kliknij górną warstwę (Warstwa 1), aby ją wybrać. Następnie naciśnij i przytrzymaj klawisz Shift, a następnie kliknij warstwę bezpośrednio nad warstwą wypełnienia (warstwa 9). Spowoduje to zaznaczenie wszystkich kwadratów jednocześnie:
Kliknij Warstwę 1, a następnie Shift i kliknij Warstwę 9.
Przejdź do menu Warstwa i wybierz Warstwy grupy :
Przejdź do Warstwa> Warstwy grupy.
Z powrotem w panelu Warstwy wszystkie nasze kwadraty zostały umieszczone w nowej grupie. Możesz kręcić grupę otwartą lub zamkniętą, klikając strzałkę obok nazwy grupy:
Kwadraty są teraz w grupie warstw.
Dodanie cienia
Aby zastosować cień do grupy, kliknij ikonę Style warstw :
Kliknięcie ikony „FX” przy wybranej grupie warstw.
A następnie wybierz Drop Shadow z listy:
Wybór Drop Shadow.
Spowoduje to otwarcie okna dialogowego Styl warstwy z ustawionymi opcjami Cień:
Opcje Cień w oknie dialogowym Styl warstwy.
Możesz tutaj dostosować kąt i odległość cienia, ale łatwiej jest po prostu kliknąć i przeciągnąć wewnątrz dokumentu. Podczas przeciągania zobaczysz wartości Kąt i Odległość aktualizowane w oknie dialogowym:
Kliknij i przeciągnij wewnątrz dokumentu, aby dostosować kąt i odległość cienia.
Po ustawieniu kąta i odległości wróć do okna dialogowego i dostosuj wartość Rozmiar, aby zmiękczyć krawędzie. Możesz także dostosować Krycie, aby cień wydawał się jaśniejszy lub ciemniejszy. Obniżę moje do 30% :
Regulacja rozmiaru (miękkości) i krycia cienia.
Gdy jesteś zadowolony z wyników, kliknij OK, aby zamknąć okno dialogowe. A po zastosowaniu cienia, oto mój końcowy efekt:
Ostateczny efekt kolażu zdjęć.
Mamy to! W ten sposób zamieniasz pojedynczy obraz w prosty, kwadratowy kolaż zdjęć w Photoshopie! Aby uzyskać więcej efektów kolażu, dowiedz się, jak utworzyć kolaż Polaroid, kolaż pasków filmowych lub kolaż wypaczonych zdjęć! Odwiedź naszą sekcję Efekty fotograficzne, aby uzyskać więcej samouczków. I nie zapomnij, wszystkie nasze samouczki Photoshop są teraz dostępne do pobrania w postaci plików PDF!