Efekt układanki to kreatywny sposób prezentacji zdjęć w wyjątkowy sposób. Korzystając z Photoshopa, możesz stworzyć z obrazu realistyczną układankę i integrować w nią wycięte części, aby dodać dynamiki Twoim projektom. W tym samouczku pokażę Ci dwie warianty implementacji tego efektu: klasyczny wygląd układanki oraz nowoczesną, abstrakcyjną wersję. Zacznijmy i zamieńmy Twoje zdjęcie w interaktywne dzieło sztuki!

Krok 1:

Najpierw tworzę nowy dokument; wielkość nie ma znaczenia. Wybieram bardzo mały rozmiar 800x600 pikseli. Jeśli chcesz wydrukować ten efekt, jednostkę piksela należy zmienić na cm, a rozdzielczość z 72 na 300 pikseli na cal.

Puzzle z zdjęcia z wyciętymi elementami łamigłówki w dwóch wariantach

Krok 2:

Teraz ładuję wybrane zdjęcie za pomocą Przeciągnij i upuść z menedżera plików do mojego dokumentu.

Puzzle z obrazka z wyjętymi puzzlami w dwóch wariantach

Krok 3:

Aby prawidłowo załadować filtr Nadaj strukturę z teksturą układanki, potrzebuję jako podstawy tekstury układanki, która znajduje się w folderze Struktury do wersji Photoshop CS3.

Układanka z obrazem z wyciętymi elementami w dwóch wariantach

Krok 4:

Wszyscy posiadacze programu Photoshop w wyższej wersji powinni przejść do linku Adobe Photoshop CS5 - Opcjonalne moduły dodatkowe+Opt.ZusatzmoduleBitteLesen.pdf - niemiecki. (Dostępny na www.adobe.de, a następnie w zakładce Pobieranie>Aktualizacje i tam w zakładce Photoshop).

Puzzle z zdjęcia z wyciętymi elementami układanki w dwóch wariantach

Krok 5:

W spakowanym pliku znajduje się plik układanki w folderze Textury. Teraz rozpakowuję ten plik.

Puzzle z wyjętymi kawałkami z obrazka w dwóch wariantach

Krok 6:

Dla bezpieczeństwa duplikuję warstwę z moim zdjęciem za pomocą Ctrl+J i ukrywam oryginał. Teraz aktywuję moją zduplikowaną warstwę ze zdjęciem, przechodzę do menu Filtr i klikam filtr Nadaj strukturę.

Układanka z zdjęcia z wyciętymi kawałkami puzzli w dwóch wariantach

Krok 7:

Teraz klikam na Menu opcji, aby załadować mój plik Puzzle.psd.

Puzzle z zdjęcia z wyciętymi elementami w dwóch wariantach

Krok 8:

Podczas skalowania mogę również zmienić rozmiar. Ale uwaga: Im większe skalowanie, tym bardziej rozmazany będzie efekt układanki. Wysokość reliefu ustawiam na 6, a Światło na Prawy górz.

Ułożone z zdjęcia z wyciętymi elementami układanki w dwóch wersjach

Krok 9:

Przy 100% skalowaniu moja układanka teraz wygląda tak:

Gra z puzzli na zdjęciu z wyciętymi kawałkami w dwóch wariantach

Krok 10:

Teraz chcę wyciągnąć kilka kawałków układanki. Istnieje kilka dobrych metod. Wybieram rozwiązanie za pomocą narzędzia Ołówek: Tworzę ścieżkę roboczą za pomocą narzędzia Ołówek.

Ułoż obrazek z wyciętymi puzzlami w dwóch wariantach

Krok 11:

Następnie klikam w panelu Ścieżki prawym przyciskiem myszy na mojej ścieżce roboczej i wybieram opcję Utwórz zaznaczenie. W polu Promień można ustawić 1 piksel, aby uzyskać miękki zaznaczenie. Jednak pozostawiam to na 0 pikseli Promienia. Opcję Wygładzanie zostawiam niezmienioną.

Gra z obrazka z wyciętymi elementami puzzli w dwóch wersjach

Krok 12:

Teraz po prostu naciskam Ctrl+X, aby wyciąć obraz i Ctrl+V, aby wkleić go jako nową warstwę. Następnie obracam mój kawałek układanki i dodaję cień pod obydwie warstwy.

Ułóż zagadkę z zdjęcia z wyciętymi kawałkami układanki w dwóch wariantach

Krok 13:

Dla kolejnego fragmentu układanki używam narzędzia Przycinanie lasso. Działa to dobrze, jeśli masz tablet graficzny lub bardzo dobrą myszkę. Za pomocą klawiszy Alt- lub Shift mogę również dodawać obszary lub odejmować je z zaznaczenia.

Zestawienie puzzli z zdjęcia z wyciętymi elementami w dwóch wariantach

Krok 14:

Jeśli mam jeszcze swoje zaznaczenie i narzędzie zaznaczania aktywne, mogę wybrać Popraw krawędzi w górnej części panelu sterowania. Wybieram lekkie Zaokrąglenie i ewentualnie minimalną wartość Zmiękczonej krawędzi.

Gra z puzzli ze zdjęcia z wyciągniętymi elementami w dwóch wariantach

Krok 15:

Następnie ponownie naciskam Ctrl+X, aby wyciąć obraz, a następnie naciskam Ctrl+V, aby wkleić go jako nową warstwę. Następnie obracam mój element puzzli i dodaję cień do mojej warstwy.

Układanka z zdjęcia z wyciętymi elementami w dwóch wariantach

Krok 16:

Następne dwa elementy puzzli wybieram narzędziem Lasso wielokątne i optymalizuję je za pomocą Popraw krawędzi. Aby stworzyć kolejny opcjonalny efekt, najpierw dodaję Maskę warstwy do mojego zdjęcia.

Puzzle z zdjęcia z usuniętymi elementami w dwóch wersjach

Krok 17:

Następnie zaznaczam elementy puzzli narzędziem Lasso od góry do dołu na brzegu.

Ułóż puzzle z obrazka, w dwóch wariantach, z wyciętymi kawałkami

Krok 18:

Teraz wypełniam moje zaznaczenie na czarno, aby ten fragment został ukryty. I już wygląda na to, jakby brakowało elementów puzzli na brzegu.

Gra z obrazka z wyciętymi kawałkami układanki w dwóch wariantach

Krok 19:

Na brzegu usuwam jeszcze jeden element puzzla za pomocą Maski, Aby dokładnie wykonać wybór obszarów wewnątrz maski, mogę użyć Pędzla. Dodaję również cień do górnego lewego elementu puzzla za pomocą opcji Wypełnienia cieniem wewnętrznym.

Puzzle z obrazka z wyciętymi elementami w dwóch wariantach

Krok 20:

W drugiej metodzie tworzenia puzzle, zakładam, że plik Puzzle.psd nie jest dostępny i trzeba wymyślić coś innego. Pobieram zdjęcie puzzli na stronie www.sxc.hu. Niestety nie ma puzzli bez irytujących elementów w tle. Wybrałem to zdjęcie, ponieważ tutaj trzeba usunąć tylko coś ze środka.

Puzzle z zdjęcia z wyciętymi elementami w dwóch wariantach

Krok 21:

Następnie otwieram zdjęcie mojego wyboru, przechodzę do Menu Filtrów i ponownie klikam na Poprawianie struktury. Następnie w Menu Opcji ładuję mój nowy plik PSD z puzzlami, i już wynik wygląda tak na zdjęciu o szerokości ponad 4000 pikseli.

Układanka z zdjęcia z wyciętymi kawałkami w dwóch wariantach

Krok 22:

Następnie kopiuję zawartość zaznaczenia i wklejam ją za pomocą Ctrl+V. Następnie naciskam Ctrl+T, aby przekształcić warstwę, a następnie klikam prawym przyciskiem myszy i wybieram Odwróć poziomo.

Zagadka z zdjęcia z wyciętymi kawałkami układanki w dwóch wersjach

Krok 23:

Następnie powiększam obszar roboczy i łączę moje warstwy w jedną (wybieram warstwy w Panelu warstw przytrzymując klawisz Shift i naciskając Ctrl+E). Następnie duplikuję je za pomocą Ctrl+J, ponownie odbijam za pomocą Ctrl+T i stopniowo układam puste obszary, aż powstanie duża tekstura puzzle (więcej szczegółów znajdziesz w filmie).

Puzzle z obrazem z wyjętymi częściami do układania w dwóch wariantach

Krok 24:

Ogromną teksturę puzzli zapisuję jako plik PSD (widok pokazuje zaledwie 8,33%, więc widać, że ta tekstura jest naprawdę bardzo duża).

Puzzle z zdjęcia z wyciętymi elementami w dwóch wariantach

Krok 25:

Teraz otwieram zdjęcie mojego wyboru, przechodzę do Menu Filtrów i ponownie klikam na Dodaj strukturę. Następnie w Menu Opcji ładuję moją nową teksturę puzzli w formacie PSD, a wynik wygląda tak na zdjęciu o szerokości ponad 4000 pikseli.

Ułożenie z zdjęcia, z wyciętymi elementami układanki, w dwóch wariantach

Krok 26:

Następnie przekształcam warstwę tła poprzez Podwójne kliknięcie, aby stała się zwykłą warstwą, i tworzę pod nią warstwę z białym kolorem.

Ułóż obrazek z wyciętymi elementami układanki w dwóch wersjach

Krok 27:

Tutaj również mogę ponownie wyciągnąć element układanki, np. za pomocą Lasa, i dodać cień w obu warstwach.

Układanka z zdjęcia z wyciętymi fragmentami w dwóch wariantach

Krok 28:

Przy powiększeniu 25%, obraz wygląda następująco:

Puzzle z zdjęcia z wyciętymi elementami w dwóch wariantach



Mam nadzieję, że udało mi się pokazać za pomocą tych dwóch wariantów, że nie jest tak trudno stworzyć układankę z fotografii.