rozbij obraz na kawałki układanki w Photoshopie

Puzzle są symboliczne dla wielu rzeczy: łączenie abstrakcyjnych części w spójną całość, rozwiązywanie złożonych problemów i połączenie idealnie dopasowanych komponentów. Te konteksty i konotacje mogą być bardzo poszukiwane przez projektantów, więc posiadanie zagadek jako techniki wizualnej może być nieocenione. W tym samouczku zamienimy zdjęcie w zabawną układankę. Zrobimy wszystko od zera, co pozwoli na większą kontrolę nad ostatecznym rezultatem.

po drodze poznasz użycie narzędzia Pióro, kilka technik stylizacji warstw i użycie filtra. Zademonstruję również, jak możesz stworzyć swój własny wzór układanki, wykonując kilka prostych kroków. Więc zaczynajmy!

zasoby:

Dog by jeni cek

układanka Pusty szablon

wynik końcowy:

układanka efekt zdjęcia

Krok 1

Otwórz zdjęcie w Photoshopie.

efekt zdjęcia układanki

Krok 2

Zduplikuj warstwę obrazu, przechodząc do „warstwy” > „Zduplikuj warstwę.”Zastosujemy efekt układanki na tym zduplikowanym obrazie i zachowamy oryginalny obraz pod nim jako kopię zapasową.

układanka efekt zdjęcia

Krok 3

zanim przejdziemy dalej, wykonamy pewne korekty kolorów na obrazie. Kliknij ikonę, aby ” Utwórz nową warstwę wypełnienia lub dopasowania „na dole panelu Warstwy i wybierz opcję” balans kolorów”. Zastosuj następujące ustawienia dla półtonów, cieni i podświetleń. Po zakończeniu Scal zduplikowany obraz i warstwy balansu kolorów. Aby to zrobić, wybierz obie warstwy i naciśnij Ctrl + „E”.

 układanka efekt zdjęcia

puzzle efekt zdjęcia

Krok 4

następnie nadamy obrazowi teksturę. Kliknij warstwę obrazu, aby ją wybrać, przejdź do ” Filtruj „>” Galeria filtrów „>” Tekstura „>” Teksturyzator ” i zastosuj następujące ustawienia. Oznacz tę warstwę jako „teksturowaną”.

 układanka efekt zdjęcia

układanka efekt zdjęcia

Krok 5

teraz pokażę Ci, jak zrobić szablon układanki. Utwórz nową warstwę, przechodząc do „warstwa” > ” nowa warstwa.”Wybierz narzędzie Pióro (tryb narzędzia: kształt), ustaw wypełnienie na „brak”, a obrys na 0,5 pkt w Kolorze czystym czarnym na górnym pasku właściwości. Narysuj obrys pokazany poniżej.

efekt zdjęcia układanki

Krok 6

Rasteryzuj warstwę obrysu, przechodząc do „warstwy”> „Rasteryzuj” > „kształt”. Powiel warstwę obrysu i odwróć ją poziomo, przechodząc do „edytuj” >” Przekształć ścieżkę „> „Odwróć poziomo”. Połącz obie warstwy obrysu ze sobą za pomocą narzędzia Move tool („V”). Teraz wybierz obie warstwy obrysu i scal je, naciskając Ctrl+ „E”.

efekt zdjęcia układanki

Krok 7

Zduplikuj scaloną warstwę dwukrotnie i umieść te kopie poniżej oryginalnej warstwy, aby wykonać ciągły pociąg, jak pokazano poniżej. Połącz te trzy warstwy w ciągły skok.

efekt zdjęcia układanki

Krok 8

Powiel warstwę obrysu, odwróć ją w poziomie i ustaw jak pokazano poniżej.

efekt zdjęcia układanki

połącz te dwie warstwy obrysu, Powiel je i przeciągnij w prawą stronę. Powtarzaj tę samą technikę, aż pokryjesz całe płótno. Po zakończeniu Scal wszystkie warstwy obrysu i oznacz scaloną warstwę jako „pionowe obrysy”.

Krok 9

Powiel warstwę „pionowe uderzenia” i odwróć ją o 90⁰, przechodząc do „edytuj” > „Przekształć” > „Obróć 90⁰”. Umieść go jak pokazano poniżej, aby wypełnić szablon puzzle. W ten sposób, wykonując prosty segment, możesz stworzyć kompletną łamigłówkę.

krok 10

wykonałem pusty szablon układanki przy użyciu tej samej techniki pokazanej powyżej. Możesz pominąć kroki 5-9, jeśli chcesz zamiast tego użyć szablonu. Pobierz plik PNG z zasobów samouczka, przejdź do „Plik” > „miejsce”i wybierz plik PNG z pustym szablonem układanki. To umieści puzzle wewnątrz dokumentu, nad którym pracujesz. Możesz dostosować rozmiar puzzli do swojego obrazu za pomocą narzędzia Free transform (Ctrl+ „T”).

efekt zdjęcia układanki

krok 11

następnie naciśnij Ctrl + <kliknij warstwę szablonu puzzle>, aby go wybrać. Następnie przejdź do” wybierz ” > „Odwróć”. Teraz kliknij teksturowaną warstwę, gdy zaznaczenie jest nadal aktywne i naciśnij Ctrl + „C”, aby ją skopiować. Naciśnij Ctrl + „V”, aby wkleić zaznaczenie na nową warstwę. Oznacz tę warstwę jako „Photo Puzzle”. Ukryj resztę warstw oprócz tej.

efekt zdjęcia układanki

krok 12

Kliknij dwukrotnie warstwę „Photo Puzzle” i zastosuj następujące ustawienia dla „Bevel and Emboss” i „Drop shadow”.

 układanka efekt zdjęcia

puzzle efekt zdjęcia

układanka efekt zdjęcia

krok 13

nasza układanka wygląda jak na razie dość autentycznie. Możemy go jednak jeszcze bardziej wzmocnić. Wybierz narzędzie Pióro (tryb narzędzia: kształt), ustaw wypełnienie na dowolny kolor i obrys na „brak”. Narysuj kształt elementu układanki, który chcesz przenieść.

efekt zdjęcia układanki

krok 14

naciśnij Ctrl + <kliknij warstwę elementu układanki >, aby ją wybrać. Teraz kliknij warstwę „Photo Puzzle” i przejdź do” edytuj „>”Wyczyść”. Utwórz nową warstwę pod warstwą „Photo Puzzle” i wypełnij ją czystym białym kolorem za pomocą narzędzia paint bucket.

efekt zdjęcia układanki

krok 15

ponownie dokonaj wyboru wokół warstwy elementu układanki. Teraz Pokaż teksturowaną warstwę, naciśnij Ctrl + „C”, aby skopiować zaznaczenie na niej i naciśnij Ctrl + „V”, aby wkleić ją na nową warstwę. Umieść ten wycięty kawałek układanki nad warstwą „Photo Puzzle”.

efekt zdjęcia układanki

krok 16

kliknij prawym przyciskiem myszy warstwę „Photo Puzzle”, wybierz opcję „Kopiuj styl warstwy”, a następnie kliknij prawym przyciskiem myszy warstwę elementu układanki i wybierz „Wklej styl warstwy”, aby zastosować te same efekty. Kliknij dwukrotnie i zmodyfikuj ustawienia cienia na elemencie układanki.

układanka efekt zdjęcia

Obróć ten kawałek za pomocą narzędzia Free transform (Ctrl + „T”) i ułóż go tak, jak chcesz.

efekt zdjęcia układanki

krok 17

Graj razem z puzzlami przy użyciu tych samych technik i stwórz własny efekt. Oto mój ostateczny wynik.

układanka efekt zdjęcia

to jest to chłopaki. Mam nadzieję, że nauczyłeś się czegoś ciekawego. Podziel się swoimi przemyśleniami!

Write a Comment

Twój adres e-mail nie zostanie opublikowany.