Jak stworzyć efekt nokautu w Photoshopie i Illustratorze

Jak stworzyć efekt nokautu w Photoshopie i Illustratorze

Efekt odcinania umożliwia umieszczenie jednolitej warstwy koloru na zdjęciu lub obrazie, a następnie wybicie części tej jednolitej warstwy, aby odsłonić znajdujący się za nią obraz. Możesz to zrobić za pomocą tekstu lub kształtów zarówno w Photoshopie, jak i Illustratorze, ale proces jest nieco inny dla każdego programu.





W tym artykule wyjaśniamy, jak stworzyć efekt nokautu w Adobe Photoshop i Illustrator, oferujący przewodnik krok po kroku.





Jak stworzyć efekt nokautu w Photoshopie

Aby uzyskać efekt nokautu w Photoshopie, pierwszą rzeczą, którą będziesz chciał zrobić, jest otwarcie obrazu. W tym przykładzie użyjemy kształtu prostokąta nad obrazem i wytniemy tekst z tego kształtu.





Krok 1: narysuj kształt

Mając otwarty obraz tła, narysuj prostokąt za pomocą Kształt narzędzie. Możesz wybrać narzędzie Kształt z menu narzędzi lub użyć skrótu klawiaturowego U . Wybierz również kolor.

Kiedy rysujesz prostokąt, możesz wybrać dowolną formę i przeciągnąć prostokąt po ekranie, aby utworzyć żądany kształt, lub możesz kliknąć w dowolnym miejscu obrazu, aby wprowadzić wymiary prostokąta w pikselach.



Krok 2: Wprowadź tekst

Następnie musisz wpisać swój tekst na osobnej warstwie w Photoshopie. Chwyć Tekst narzędzie ( T ), kliknij dowolne miejsce na płótnie i zacznij pisać. Następnie użyj Ruszaj się narzędzie ( V ), aby umieścić tekst nad kształtem.

Jeśli wolisz użyć kształtu lub ikony do odcięcia, możesz umieścić ten kształt w miejscu, w którym umieściłbyś tekst.





Krok 3: Ustaw opcje mieszania

Kliknij dwukrotnie warstwę tekstową, aby otworzyć Styl warstwy okno i wybierz Opcje mieszania z lewego panelu.

W sekcji Zaawansowane mieszanie znajdziesz Nokaut menu rozwijane. Możesz wybrać między Płytki lub Głęboko efekt tutaj. Shallow nakłada efekt nokautu na pojedynczą warstwę; Deep stosuje go do grupy warstw.





W naszym przykładzie potrzebujemy tylko Płytki .

Na koniec upewnij się, że Zapowiedź przycisk jest zaznaczony, a następnie przeciągnij Wypełnij krycie suwak w lewo, w kierunku zera.

Tutaj masz pełną kontrolę nad tym, jaka część oryginalnego tekstu będzie widoczna. Kolor tekstu będzie miał tutaj znaczenie, chyba że wybierzesz krycie równe zero procent.

Jeśli jednak masz szczególnie zajęte zdjęcie, prawdopodobnie nie będziesz chciał wybierać bardzo niskiego krycia, aby tekst był czytelny.

Krok 4: Ostatnie poprawki

Kliknij ok aby potwierdzić zmiany. Możesz teraz dodać ostatnie szlify. Ponieważ wszystkie elementy znajdują się na osobnej warstwie, możesz wprowadzać poprawki do wszystkich z osobna.

Możesz edytować obraz tła, kształt lub tekst. Aby dostosować efekt odcinania, wystarczy dwukrotnie kliknąć warstwę tekstową, aby ponownie otworzyć okno ustawień.

Jak stworzyć efekt nokautu w programie Illustrator

Proces tworzenia efektu nokautu w programie Illustrator jest podobny do tego w programie Photoshop, ale jest nieco bardziej praktyczny.

Zacznij od otwarcia obrazu tła na płótnie. Iść do Plik > Umieść , a następnie kliknij, aby umieścić obraz. Użyj Wybór narzędzie ( V ), aby dopasować go do rozmiaru.

Krok 1: Dodaj kształt i tekst

Teraz narysuj swój kształt za pomocą Prostokąt narzędzie ( m ). Jeśli wolisz, możesz użyć innych kształtów lub narysować własne za pomocą Długopis narzędzie. Wybierz kolor wypełnienia i obrysu — możesz je później zmienić, jeśli chcesz — i przeciągnij go mniej więcej w żądane miejsce.

Następnie musisz dodać tekst (lub możesz użyć innych kształtów dla efektu odcięcia --- nie zawsze musi to być tekst). Wybierz Tekst narzędzie ( T ) i kliknij na kanwę. Ustaw kolor i rozmiar i zacznij pisać.

Wybierz Wybór narzędzie i kliknij, gdy skończysz. Możesz przesunąć wszystkie obiekty do pozycji wzrokiem lub przytrzymać klawisz Shift i zaznaczyć tekst, kształt i obraz tła, a następnie wyrównać je odpowiednio do Poziomy oraz Wyrównanie w pionie narzędzia.

Krok 2: Utwórz kontury

Wybierz ponownie warstwę tekstową i przejdź do Rodzaj > Tworzyć kontury lub możesz użyć skrótu klawiaturowego Shift + Cmd/Ctrl + O . Spowoduje to przekształcenie tekstu w kształty, a nie w tekst do edycji, więc najpierw sprawdź literówki!

Upewnij się, że tekst znajduje się na górze kształtu, a nie za nim.

Jeśli chcesz mieć możliwość kontrolowania przezroczystości, tak jak jest to możliwe w Photoshopie, skopiuj warstwę tekstową do schowka za pomocą skrótu klawiaturowego Cmd/Ctrl + C. Nie będziesz musiał nic z tym robić do później.

Krok 3: Zastosuj efekt nokautu

Wybierz zarówno swój kształt, jak i tekst i przejdź do swojego Pionier panel narzędzi. Jeśli nie jest jeszcze otwarty, możesz go otworzyć, przechodząc do Okno > Pathfinder lub za pomocą skrótu programu Illustrator, Shift + Cmd/Ctrl + F9.

Kliknij tutaj, aby uzyskać więcej Skróty klawiaturowe programu Adobe Illustrator .

W narzędziu Pathfinder wybierz Minus z przodu opcja w Tryby kształtu . Spowoduje to usunięcie tekstu z kształtu.

Aby kontrolować krycie efektu nokautu, musisz skopiować warstwę tekstową, jak wspomnieliśmy powyżej. Teraz hit Shift + Cmd/Ctrl + V aby wkleić tekst z powrotem dokładnie w miejscu, z którego został skopiowany. (Upewnij się, że zrobiłeś to przed przeniesieniem którejkolwiek ze swoich warstw.)

Następnie możesz dostosować krycie tej warstwy, przechodząc do Przezroczystość panel, który możesz otworzyć, przechodząc do Okno > Przezroczystość. Dostosuj suwak krycia, aż uzyskasz dokładnie taki odcień, jaki chcesz.

Przy nieprzezroczystości około 20%, tak wygląda produkt końcowy:

Więcej efektów tekstowych Photoshopa do wypróbowania

W programach Illustrator i Photoshop można łatwo utworzyć efekt nokautu. Jeśli masz dostęp do obu programów, zalecamy najpierw użycie Photoshopa, ponieważ tekst pozostaje edytowalny przez cały czas. Jednak w przypadku bardziej szczegółowych projektów najlepszym rozwiązaniem jest Illustrator.

jak usunąć wydarzenia z kalendarza iphone

Efekt nokautu to nie jedyny kreatywny sposób wykorzystania tekstu w projektach. Spójrz na szczegóły naszych przewodników jak zarysować tekst w Photoshopie oraz jak dodawać tekstury do tekstu w Photoshopie dla jakiejś inspiracji.

Udział Udział Ćwierkać E-mail Przewodnik dla początkujących po animowaniu mowy

Animowanie mowy może być wyzwaniem. Jeśli jesteś gotowy, aby rozpocząć dodawanie dialogu do swojego projektu, podzielimy ten proces za Ciebie.

Czytaj dalej
Powiązane tematy
  • Twórczy
  • Adobe Photoshop
  • Adobe Illustrator
  • Samouczek Photoshopa
O autorze Andy Betts(221 opublikowanych artykułów)

Andy jest byłym dziennikarzem prasowym i redaktorem magazynu, który od 15 lat pisze o technologii. W tym czasie przyczynił się do niezliczonych publikacji i wykonał prace copywriterskie dla dużych firm technologicznych. Prowadził również eksperckie komentarze dla mediów oraz prowadził panele na wydarzeniach branżowych.

Więcej od Andy'ego Bettsa

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować