Jak stworzyć efekt wyskakującego okienka 3D w Photoshopie

Photoshopa można użyć do stworzenia niesamowitej grafiki, a dzisiejszy artykuł pokaże, jak sprawić, by płaski obraz wyglądał jak 3D . Nauka tworzenia efektu pop-out 3D w Photoshopie to świetny sposób na stworzenie reklamy urządzeń elektronicznych itp.

Efekt wyskakującego okienka 3D polega na tym, że sprawiasz, że obraz wygląda tak, jakby wyskakiwał z innego obrazu. Możesz na przykład reklamować telewizor HD z płaskim ekranem. Można powiedzieć, że telewizor pokazuje obrazy tak wyraźnie, jakby wyskakiwały. Możesz wtedy mieć samochód lub inne przedmioty lub dekoracje wyskakujące z telewizora.

Jak zrobić efekt wyskakującego okienka 3D w Photoshopie

Możesz sprawić, że jeden obraz wyskoczy z drugiego lub możesz utworzyć ramkę, z której będzie wyskakiwał obraz. Oba używają tych samych podstawowych kroków. Zapoznaj się z tym artykułem, aby dowiedzieć się, jak stworzyć efekt wyskakującego okienka 3D w programie Photoshop.

1. Umieść obrazy w Photoshopie
2. Zmień rozmiar obrazu tematu na obraz kontenera
3. Utwórz wybór tematu
4. Przełącz opcję Szybka maska, aby sprawdzić, czy cały obraz jest zaznaczony
5. Skopiuj zaznaczenie na nową warstwę
6. Utwórz kopię ekranu
7. Utwórz wybór kopii ekranu tabletu
8. Użyj zaznaczenia, aby utworzyć maskę warstwy
9. Skopiuj maskę warstwy do warstwy samochodu
10. Użyj narzędzia Ołówek, aby odsłonić ukryte części obrazu
11. Dodaj cień pod tematem
12. Dodaj gradient do cienia

1] Umieść obrazy w Photoshopie

Pierwszym krokiem do stworzenia tego efektu wyskakującego okienka 3D w Photoshopie jest umieszczenie obrazu lub obrazów w Photoshopie. W tym artykule użyjemy dwóch obrazów dla efektu, jednak w zależności od efektu, który chcesz utworzyć, można użyć jednego obrazu.

Aby umieścić obrazy w programie Photoshop, znajdź obraz, który ma być obrazem podstawowym/pomocniczym. następnie kliknij obraz prawym przyciskiem myszy iz menu wybierz Otwórz za pomocą, a następnie Adobe Photoshop (wersja). Obraz zostanie umieszczony w Photoshopie jako tło. Nadszedł czas, aby umieścić obraz, który będzie wyskakiwał w Photoshopie. Znajdź obraz i kliknij go prawym przyciskiem myszy i wybierz Otwórz za pomocą, a następnie Adobe Photoshop (wersja). Ten obraz otworzy się w Photoshopie jako warstwa nad pierwszym obrazem. chcesz wyskakujący obraz nad innym obrazem, który będzie działał jako pojemnik/tło. Jeśli nie są w tej kolejności, zawsze możesz kliknąć w panelu warstw i przeciągnąć je we właściwej kolejności.

2] Zmień rozmiar obrazu tematu na obraz kontenera

Teraz, gdy obrazy są w Photoshopie, nadszedł czas, aby zmienić ich rozmiar i położenie. W zależności od rozmiaru obrazu kontenera może być konieczna zmiana jego rozmiaru lub nie. Wyskakujący obraz powinien być umieszczony na obrazie kontenera. Aby to ułatwić, zmniejsz krycie wyskakującego obrazu, wybierając jego warstwę, a następnie dostosowując krycie w panelu warstw. Zmniejszenie przezroczystości pozwoli zobaczyć, czy obrazy są prawidłowo ułożone. Przy zmniejszonym przezroczystości umieść przedmiotowy obraz (obraz, który wyskoczy) tak, aby jego tło wypełniało obraz kontenera. Ustaw go tak, aby jego część wystawała poza obraz kontenera.

Jeśli chcesz zmienić rozmiar obrazów, kliknij obraz, którego rozmiar chcesz zmienić, i naciśnij Ctrl + T, a następnie przytrzymaj uchwyty i zmień rozmiar obrazu. W przypadku wcześniejszych wersji programu Photoshop konieczne może być przytrzymanie klawiszy Shift + Alt podczas zmiany rozmiaru, jeśli chcesz zmienić rozmiar obrazu ze wszystkich kątów jednocześnie. Po zakończeniu wyrównywania przywraca się krycie obrazu obiektu do 100%.

3] Utwórz wybór tematu

Zwróć uwagę, że obiektem jest obraz, który będzie się pojawiał. W tym kroku dokonasz wyboru części obrazu przedmiotu, który chcesz wysunąć z drugiego obrazu. pomoże to w przypadkach, gdy nie chcesz wyświetlać całego obrazu obiektu. Na przykład obraz przedmiotu może mieć tło. Ten krok pomoże ci wyodrębnić obiekt z obrazu.

Użyj narzędzia Szybki wybór

Aby wybrać temat, zostanie użyte narzędzie Szybkie zaznaczanie . Narzędzie Szybki wybór znajduje się w lewym panelu narzędzi. Ma jeszcze jedno narzędzie w tej samej grupie, narzędzie Magic want. Zarówno narzędzie Szybkie zaznaczanie, jak i narzędzie Magiczna różdżka służą do zaznaczania części lub wszystkich elementów w programie Photoshop.

Przy aktywnym narzędziu Szybki wybór kliknij i przeciągnij wzdłuż części obrazu, które chcesz zaznaczyć.

Poprawianie szybkich wyborów

Narzędzie Szybki wybór może wyjść i uchwycić inne części, których nie chcesz, lub może pominąć części, które chcesz. Aby poprawić wybór, użyj Alt . Przytrzymanie Alt podczas klikania lub przeciągania spowoduje przesunięcie w części zaznaczenia, którą przeciągasz. Zobaczysz, że kursor szybkiego wyboru ma znak minus – zamiast znaku plus + .

4] Przełącz opcję Szybka maska, aby sprawdzić, czy cały obraz jest zaznaczony

Podczas wybierania obrazu możesz chcieć sprawdzić, czy zaznaczyłeś wszystkie potrzebne części. Aby sprawdzić wybór, włączaj i wyłączaj szybką maskę.

Aby przełączyć szybką maskę, naciśnij klawisz Q na klawiaturze. Wybrana część obrazu będzie jaśniejsza, a części poza zaznaczonym obszarem będą miały matowy czerwony kolor. Następnie naciśnij ponownie Q, aby wyłączyć szybką maskę i wprowadzić poprawki do zaznaczenia, jeśli zajdzie taka potrzeba.

5] Skopiuj zaznaczenie na nową warstwę

Kiedy jesteś zadowolony, że zaznaczyłeś wszystkie obszary obrazu, które chcesz, nadszedł czas, aby skopiować zaznaczenie na nową warstwę. Aby skopiować zaznaczenie na nową warstwę, kliknij zaznaczenie prawym przyciskiem myszy iz menu wybierz Warstwa przez kopię lub naciśnij Ctrl + J . Zobaczysz wtedy, że wybrana część obrazu przechodzi na nową warstwę nad obrazem.

6] Utwórz kopię ekranu

W przypadku tego obrazu kontenera musisz wykonać kopię ekranu, aby można było pominąć palec, dłoń i tło obrazu. Wyskakujące okno 3D będzie pochodzić z ekranu tabletu, więc kopia ekranu musi znajdować się na osobnej warstwie.

Aby utworzyć kopię ekranu, przejdź do lewego panelu narzędzi i kliknij narzędzie Szybki wybór, a następnie kliknij ekran tabletu. Po zaznaczeniu całego ekranu tabletu kliknij wybrany obszar prawym przyciskiem myszy i wybierz opcję Warstwa przez kopię lub naciśnij klawisze Ctrl + J , aby utworzyć kopię ekranu.

7] Utwórz wybór kopii ekranu tabletu

W tym kroku potrzebujesz konturu obrazu kontenera. Jest to ważne, ponieważ chcesz utworzyć maskę warstwy, aby obszary, które chcesz z górnego obrazu, były pokazane, a wszystko inne było ukryte. Obraz kontenera będzie obrazem znajdującym się pod wyskakującym obrazem. W tym przypadku obrazem pojemnika jest tablet z rękami, a dokładniej ekran tabletu. Pamiętaj, że Twój projekt będzie miał różne wymagania, aby był zadowalający.

Aby utworzyć zaznaczenie ekranu, przejdź do panelu warstw i wybierz pełny obraz samochodu. Następnie przytrzymaj klawisz Ctrl i kliknij miniaturę warstwy ekranu tabletu.

Zobaczysz kontur, który ma rozmiar utworzonego ekranu tabletu. Kontur będzie kropkowanymi liniami, które będą miały kształt ekranu tabletu. Następnie musisz utworzyć maskę warstwy.

8] Użyj zaznaczenia, aby utworzyć maskę warstwy

Teraz, gdy masz wybór, nadszedł czas, aby użyć go do utworzenia maski warstwy. Aby utworzyć maskę warstwy, przejdź na dół panelu warstw i kliknij ikonę Dodaj maskę warstwy . Ikona maski Dodaj warstwę jest kwadratowa z otworem. Obok obrazu obiektu w panelu warstw pojawi się kształt ekranu tabletu, czyli maska ​​warstwy. Maska warstwy służy do ukrywania wszystkiego poza maską.

To jest obraz z utworzoną maską warstwy. Możesz zobaczyć efekt wyskakującego okienka 3D. Zauważysz, że palec na zdjęciu jest lekko schowany przez część obiektu. Może to nie być problem z twoim obrazem, jednak jeśli tak się stanie z twoim obrazem, czytaj dalej, a zobaczysz, że został naprawiony.

9] Skopiuj maskę warstwy do warstwy samochodu

Po utworzeniu maski warstwy i wycięciu ekranu będziesz chciał, aby ta sama maska ​​warstwy znajdowała się wokół wycięcia wyskakującego obrazu. pozwoli to na umieszczenie fragmentów oryginalnego obrazu za wyskakującym okienkiem 3D. Aby skopiować wektor do tej warstwy, przytrzymaj klawisz Alt , a następnie kliknij maskę warstwy i przeciągnij ją do wyciętej warstwy. Obok ikony tej warstwy pojawi się kopia maski warstwy.

To jest kopia tego, jak powinien wyglądać twój panel warstw, kiedy to zrobisz. Białe prostokąty obok ikony warstw to maski warstw. Zauważysz, że moje warstwy mają obok siebie opisowe nazwy. Powinieneś nadać swoim warstwom opisowe nazwy. Chociaż jest to opcjonalne, znacznie ułatwi identyfikację warstw.

Zauważysz, że po dodaniu maski warstwy do wycięcia obrazu tematu maska ​​​​warstwy ukryła część obrazu. zostanie to omówione w następnym kroku.

10] Użyj narzędzia Ołówek, aby odsłonić ukryte części obrazu

Kiedy maska ​​​​warstwy została dodana do warstwy wyciętego obrazu, ukryła część obrazu, którą chciałeś pokazać. Część obrazu, która została ukryta, jest częścią, która powinna wyskoczyć z ekranu. Można to naprawić za pomocą narzędzia Ołówek, aby odsłonić ukrytą część obrazu.

W lewym panelu warstw wybierz narzędzie Ołówek . Upewnij się, że ikony pierwszego planu i tła mają kolor biały jako pierwszy plan i czarny jako tło.

Wybierz twardy punkt ołówka i ustaw krycie i twardość na 100% . Kliknij ikonę maski warstwy skopiowanej maski warstwy. To jest maska ​​​​warstwy, która znajduje się obok wycięcia obiektu. Kliknięcie maski warstwy powoduje jej uaktywnienie. Gdy ta maska ​​warstwy jest aktywna, użyj narzędzia Ołówek, aby rozetrzeć części obrazu, które chcesz pokazać. W takim przypadku chcesz, aby wszystkie części obrazu, które będą wyskakiwały z ekranu tabletu, były widoczne. Upewnij się, że palec pozostaje na miejscu nad obrazem.

Tak powinien wyglądać obraz.

11] Dodaj cień pod obiektem

Ten krok jest opcjonalny, ponieważ niektóre używane obrazy nie będą wymagały cienia. Ten krok zostanie jednak wykonany, aby osoby, które mogą mieć obraz wymagający cienia, wiedziały, jak to zrobić. Cienie dodają realistycznego elementu kompozycji, zwłaszcza w przypadkach, gdy światło jest oczywiste. Wykonaj poniższe czynności, aby w razie potrzeby utworzyć cień.

Dokonaj wyboru wyciętej warstwy obrazu

To jest pierwszy krok, musisz utworzyć zaznaczenie wokół wycięcia obrazu przedmiotu. aby utworzyć zaznaczenie, kliknij warstwę, aby ją wybrać. Następnie przytrzymaj klawisz Ctrl , a następnie kliknij miniaturę tej warstwy obrazu. Zobaczysz zaznaczenie wokół obrazu.

Utwórz nową warstwę pod tematem.

Aby utworzyć warstwę pod warstwą tematyczną, przytrzymaj klawisz Ctrl , a następnie naciśnij ikonę Utwórz nową warstwę na dole panelu warstw. Zobaczysz, że nowa warstwa pojawi się pod aktualnie wybraną warstwą. Gdybyś nacisnął ikonę Utwórz nową warstwę bez trzymania Ctrl , nowa warstwa zostałaby utworzona nad aktualnie wybraną warstwą.

Umieść zaznaczenie na nowej warstwie, która została utworzona

W tym kroku chcesz umieścić zaznaczenie na nowej warstwie. Jednak chcesz, aby zaznaczenie było wypełnione czernią. Aby wypełnić zaznaczenie kolorem czarnym, upewnij się, że kolor pierwszego planu jest czarny, a kolor tła jest biały dla ikony koloru pierwszego planu na lewym panelu narzędzi. Następnie naciśnij Alt + Delete (pamiętaj, że powinieneś wybrać nową warstwę przed naciśnięciem Alt + Delete ). Powinieneś zobaczyć cień na nowej warstwie w panelu warstw.

Usuń zaznaczenie wokół obrazu

Aby usunąć zaznaczenie wokół obrazu, naciśnij Ctrl + D .

Dopasuj cień

Cień będzie za obrazem i będzie wymagał korekty. Aby dostosować cień, upewnij się, że wybrano nową warstwę, a następnie naciśnij Ctrl + T, aby wyświetlić pole transformacji wokół cienia. Tam z pudełkiem transformacji. Najedź myszą na środkowy uchwyt u góry, aż pojawi się pionowa dwukierunkowa strzałka. następnie kliknij i przytrzymaj środkowy uchwyt i przeciągnij go w dół pod obrazem. Przeciągnij cień w miejsce, w którym czujesz się komfortowo. Naciśnij klawisz Enter, aby zaakceptować transformację i usunąć pole transformacji.

W zależności od kierunku, z którego pada źródło światła, należy odpowiednio dostosować cień. Aby zniekształcić cień, przytrzymaj klawisz Ctrl, a następnie chwyć dowolny uchwyt, aby przeciągnąć. Cień zostanie zniekształcony w kierunku przeciągania.

To jest dostosowany cień. Może wymagać różnych korekt i kątów w zależności od zdjęć.

Zmień cień w inteligentny obiekt

Ten krok wymaga przekształcenia cienia w inteligentny obiekt. Uczynienie cienia obiektem inteligentnym umożliwi nieniszczącą edycję. Aby uczynić cień obiektem inteligentnym, kliknij prawym przyciskiem myszy jego warstwę, a następnie z menu wybierz Konwertuj na obiekt inteligentny .

Niebieski cień

W tym kroku użyjesz efektu rozmycia, aby cień był bardziej realistyczny.

Aby to zrobić, przejdź do górnego paska menu i kliknij Filtruj , następnie Rozmycie, a następnie Rozmycie gaussowskie .

Pojawi się okno opcji rozmycia gaussowskiego, dostosuj Promień, aby obraz był rozmyty. Im wyższa wartość, tym bardziej rozmyty obraz, a im niższa wartość, tym mniej rozmyty obraz.

Wybierz wartość rozmycia, która jest dla Ciebie satysfakcjonująca. Po zakończeniu naciśnij OK, aby zaakceptować.

Jeśli chcesz edytować rozmycie gaussowskie, przejdź do panelu warstw i kliknij rozmycie gaussowskie pod warstwą obrazu.

Umieść kopię maski warstwy obok cienia

W tym kroku umieścisz kopię maski warstwy obok cienia w panelu warstw. Wystarczy przytrzymać klawisz Alt , a następnie kliknąć i przeciągnąć ikonę maski warstwy do warstwy cienia.

Zauważasz, że brakuje części cienia. Aby odsłonić brakujące części cienia, wykonaj czynności opisane w punkcie 11.

W tym miejscu używasz narzędzia ołówek, aby odsłonić brakujące części, które chcesz pokazać. Zauważ, że odsłaniając cień, będziesz chciał się upewnić, że palec jest widoczny.

Jeśli chcesz, aby cień był na palcu, możesz to zrobić, jednak cień na palcu musiałby być nieco jaśniejszy. Dzięki temu palec byłby widoczny w cieniu. Aby to zrobić, zmniejsz krycie ołówka, a następnie pomaluj palec w miejscu, w którym cień ma być widoczny.

12] Dodaj gradient do cienia

Ten krok polega na dodaniu gradientu do cienia. Gradient sprawi, że cień będzie wyglądał jeszcze bardziej realistycznie, gdy cień stanie się bledszy w miarę oddalania się od obrazu.

Kliknij miniaturę maski warstwy obok warstwy cienia, a następnie przejdź do lewego panelu narzędzi i wybierz narzędzie Gradient lub naciśnij G . przy wybranym narzędziu Gradient przejdź do selektora Gradient na górnym pasku menu i kliknij miniaturę Od białego do przezroczystego . Upewnij się, że wybrana jest opcja Gradient liniowy .

Kliknij pasek gradientu, aby przejść do edytora gradientów. Kliknij dwukrotnie dolny lewy punkt zatrzymania koloru, aby wyświetlić próbnik kolorów edytora gradientów. W kolorze, próbniku, zmień wartość jasności ze 100 na 20 . Po zakończeniu naciśnij Ok w obu oknach, aby je zamknąć.

Teraz przytrzymaj klawisz Shift i przeciągnij narzędzie Gradient od prawej do lewej strony cienia. Kierunek będzie zależał od tego, gdzie znajduje się obraz i gdzie znajduje się źródło światła. Pamiętaj, że części cienia znajdujące się najbliżej obrazu byłyby ciemniejsze. W przypadku tego obrazu narzędzie gradientu zostanie przeciągnięte od prawej do lewej, tak aby prawa (najdalsza część) była jaśniejsza, a lewa ciemniejsza. Przytrzymanie klawisza Shift podczas przeciągania gwarantuje, że linia będzie utrzymywana poziomo podczas przeciągania .

To jest ostateczny obraz z dodanym cieniem. Zwróć uwagę, że oryginalny obraz miał już cień, jednak ten cień został dodany, aby pomóc innym stworzyć cień, jeśli nie mają cienia na swoim obrazie. tworzenie efektu wyskakującego obrazu 3D jest bardzo łatwe do naśladowania i wykonania w programie Photoshop. Możesz z nim eksperymentować i tworzyć inne fajne dzieła sztuki.

Co to jest filtr Pop-artu w programie Photoshop?

Jeśli chcesz stworzyć pop-art w Photoshopie, użyj filtra Próg . Umieść obraz w Photoshopie, a następnie przejdź do górnego paska menu i wybierz Obraz, następnie Dopasowania, a następnie Próg. Pojawi się okno opcji filtra progowego. Tutaj możesz dostosować obraz. Włącz podgląd, aby zobaczyć zmiany w obrazie na żywo. Po dostosowaniu obrazu do swoich preferencji kliknij OK , aby zachować zmiany. Zobaczysz, że obraz wygląda jak czarno-biały obraz pop-artu.

Jak zrobić efekt 3D w Photoshopie?

Efekt 3D to tworzenie grafiki, która wygląda tak, jakbyś patrzył na prawdziwy obraz 3D, ale bez okularów 3D. Możesz łatwo stworzyć ten efekt 3D bez większego nakładu pracy iw ciągu zaledwie kilku minut. Wykonaj poniższe czynności, aby utworzyć efekt 3D w programie Photoshop.

• Otwórz obraz w Photoshopie
• Zduplikuj warstwę
• Otwórz okno dialogowe stylu warstwy dla górnego obrazu
• Wyłącz kanały zielony i niebieski
• Przy wciąż zaznaczonej górnej warstwie przytrzymaj klawisz Shift, a następnie stuknij lewą strzałkę od 5 do 10 razy lub kliknij i przeciągnij ją w lewo
• Przytnij obrazy, aby wyeliminować wszelkie nakładające się elementy, które mogą się pojawiać
• Ratować.

Wszystkiego najlepszego!