Jak przycinać w Photoshopie: Pełny przewodnik & Definicja

Jak przycinać w Photoshopie: Pełny przewodnik & Definicja
Rick Davis

Narzędzie Kadrowanie w programie Photoshop jest prostym elementem paska narzędziowego, który umożliwia usuwanie niepożądanych fragmentów obrazu. Może się jednak okazać, że jest w nim znacznie więcej, niż się wydaje.

Adobe Photoshop to niezwykle zdolne i wszechstronne narzędzie, z którego projektanci i fotografowie korzystają od dziesięcioleci. Jednym z jego najbardziej podstawowych procesów jest kadrowanie, które usuwa fragment zdjęcia lub projektu.

Narzędzie Kadrowanie nie jest destrukcyjne, co oznacza, że możesz wybrać fragmenty kadru, które chcesz zachować. Możesz później zoptymalizować te przycięte krawędzie.

Źródło obrazu: Unsplash

Podczas gdy narzędzie Kadrowanie jest niezwykle skuteczne w swojej podstawowej funkcji, możesz również użyć go do prostowania obrazów podczas samego procesu kadrowania.

W tym poradniku poznamy podstawy kadrowania i jego działanie w programie Adobe Photoshop. Dowiemy się również, jak wyprostować obraz za pomocą narzędzia Kadrowanie oraz jak kadrować obrazy w sposób nieniszczący.

Poza narzędziem Kadrowanie, narzędzie Lasso jest kolejnym fantastycznym sposobem na usuwanie figur z obrazu. Pod koniec tego artykułu zamieścimy poradnik wyjaśniający, jak efektywnie korzystać z narzędzia Lasso.

Podstawy narzędzia Kadrowanie

Narzędzie Crop jest niezwykle dynamicznym narzędziem, które zasługuje na kilka tutoriali. Nawet jeśli używasz tej funkcji Photoshopa od jakiegoś czasu, możesz nauczyć się sztuczki lub dwóch z tego przewodnika!

Zacznijmy od samych podstaw oryginalnych funkcji kadrowania z Photoshopa.

Wybieranie narzędzia Crop

Proces ten rozpoczynamy od otwarcia oryginalnego zdjęcia i wybrania z paska narzędziowego narzędzia Crop Tool. Znajdziesz je w pobliżu górnej części paska narzędziowego. Możesz również nacisnąć klawisz C, aby wybrać narzędzie Crop Tool.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Używanie narzędzia Crop

Po wybraniu narzędzia Crop Tool (Kadrowanie) zauważysz, że Photoshop tworzy granicę kadrowania wokół oryginalnego obrazu. Rozmiar tej granicy będzie określony przez użycie narzędzia Crop Tool w poprzednim obrazie.

Przed kontynuacją powinniśmy przywrócić oryginalne ustawienia narzędzia Crop Tool. Aby to zrobić, przejdź do paska opcji w lewym górnym rogu ekranu. Kliknij prawym przyciskiem myszy lub Ctrl + kliknij ikonę Crop Tool, a następnie wybierz Reset Tool.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Spowoduje to przywrócenie domyślnych ustawień współczynnika proporcji i opróżnienie pól Szerokość i Wysokość. Zakończ pracę, naciskając klawisz Esc. Jeśli nadal nie widać granicy, wybierz inne narzędzie z paska narzędzi, a następnie wróć do narzędzia Kadrowanie.

Granica kadrowania powinna teraz prawidłowo otaczać obraz. Zauważysz, że uchwyty kadrowania pojawiają się na krawędziach i w czterech rogach obrazu.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z PhotoshopEssentials

Możesz kliknąć i przeciągnąć te uchwyty kadrowania, aby zmienić rozmiar obrazu do preferowanego punktu.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z PhotoshopEssentials

Podkreślony obszar wewnątrz pola kadrowania zostanie zachowany, natomiast Photoshop wykadruje zaciemniony obszar. Możesz kliknąć i przeciągnąć obraz w obrębie pola kadrowania, aby jak najlepiej ustawić ostateczny obraz. Zauważ siatkę Zasady Trzecich Bram w obrębie pola kadrowania, która pomoże Ci uzyskać najlepiej skomponowany obraz.

Jeszcze prostszym sposobem kadrowania obrazów jest wybranie narzędzia Kadrowanie, a następnie kliknięcie i przeciągnięcie pola kadrowania do żądanego rozmiaru. Można również użyć uchwytów do zmiany rozmiaru pola kadrowania.

Resetowanie zbiorów

Jeśli nie jesteś zadowolony ze swoich zbiorów, możesz zresetować ten proces, zamiast go całkowicie anulować. Przejdź do przycisku Reset, który znajduje się na górze paska opcji. Możemy wtedy zresetować Crop Box bez utraty zbyt wielu postępów.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Kontroluj współczynnik proporcji

Jeśli chcesz zachować oryginalny współczynnik proporcji obrazu, po prostu przytrzymaj klawisz Shift, a następnie kliknij i przeciągnij jeden z narożnych uchwytów pola kadrowania.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Jeśli chcesz zmienić rozmiar swojego pola kadrowania od środka, naciśnij klawisz Option lub Alt podczas przeciągania uchwytów.

Współczynniki szczególnych aspektów

Photoshop pozwala na pracę poza wstępnie ustawionymi współczynnikami Aspect Ratios. Jeśli chcielibyśmy uzyskać określony współczynnik Aspect Ratio, aby zmieścić obraz w, powiedzmy, ramce na zdjęcia, możemy ustawić współczynnik Aspect Ratio za pomocą paska opcji.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Kliknij w menu rozwijanym Aspect Ratio i wybierz konkretny Aspect Ratio, którego potrzebujesz dla swojej ramki, np. 1 : 1 (kwadrat) lub 4 : 5 (8 : 10). Na potrzeby tego poradnika wybierzmy proporcje 4 : 5 (8 : 10).

Wybrany współczynnik proporcji zostanie automatycznie wprowadzony do pól Szerokość i Wysokość.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Możesz zamienić wartości Width i Height za pomocą ikony Swap na pasku opcji. Za pomocą ikony Swap możesz przełączać się między trybem portretowym i krajobrazowym.

Jeśli chcesz ustawić niestandardowy współczynnik proporcji według ramki zdjęcia, po prostu wprowadź określone wartości w polach Width i Height na pasku opcji.

Możesz zapisać ten niestandardowy współczynnik proporcji, przechodząc z powrotem do menu rozwijanego Współczynnik proporcji na pasku opcji i wybierając opcję Nowy preset kadrowania. Zakończ, nadając nazwę swojemu niestandardowemu współczynnikowi proporcji, a następnie kliknij przycisk OK.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Niestandardowe rozmiary i rozdzielczości

Narzędzie Crop może być również użyte do ustawienia konkretnego rozmiaru i rozdzielczości obrazu. W tym celu otwórzmy menu rozwijane Aspect Ratio z powrotem w pasku opcji, a następnie wybierzmy W x H x Resolution.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Wprowadź wartości Aspect Ratio jak zwykle w polach Width i Height z dodatkiem "in" po każdej liczbie. Tak więc, na przykład, 14 in x 11 in.

Zauważysz, że na prawo od pól Width i Height znajduje się trzecie pole. Jest to jedna z bardziej szczegółowych opcji kadrowania, która pozwala nam dodać wartość Resolution.

Jeśli chodzi o standardy jakości obrazu w druku, to standardem jest 300 pikseli na cal. Wpiszmy więc w to pole 300. Na koniec zobaczymy tryb pomiaru tego obrazu w pikselach na cal w polu po prawej stronie pola wartości Resolution.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Teraz, gdy mamy już nasze ustawienia dopracowane do perfekcji, zmieńmy orientację kadrowania. Gdy już będziesz zadowolony z granic kadrowania, kliknij na znacznik wyboru na końcu paska opcji. Możesz też użyć polecenia kadrowania Enter lub Return.

Aby upewnić się, że mamy prawidłowy format pliku w dół, możemy udać się do menu Obraz, wybierz Rozmiar obrazu i otworzyć okno dialogowe. Tam, należy potwierdzić, że niestandardowy kadr jest ustawiony i że szerokość i wysokość są ustawione na 14 x 11 cali i 300 pikseli na cal.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Jeśli chcesz cofnąć swoje wysiłki w zakresie kadrowania, po prostu udaj się do menu Edycja i wybierz Cofnij kadr.

Nakładka na uprawy

Teraz dowiedzmy się, jak używać nakładki Crop Overlay, która jest kolejnym poręcznym członkiem opcji narzędzia Crop Tool. Wybierzmy narzędzie Crop Tool, a następnie zaznaczmy nim nasz obraz. Zobaczysz, że siatka 3 x 3 wypełnia granicę.

Jak już wspomniano wcześniej, siatka ta reprezentuje zasadę trzeciego planu. Jest to niezbędna wskazówka dla grafików, ponieważ pozwala im tworzyć bardziej interesujące kompozycje. Jeśli ustawisz obiekt swojego obrazu lub zdjęcia w stosunku do przecinających się linii siatki, obiekt będzie się lepiej wyróżniał.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Jest to tylko jedna z dostępnych nakładek Crop Overlays. Przejdźmy do paska opcji i wybierzmy ikonę Overlay, aby zobaczyć różne dostępne nakładki. Wybierzmy Golden Ratio, które jest podobne do Reguły Trzech Bram, tylko jego punkty przecięcia siatki są ciaśniejsze.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Tak użyteczny jak Photoshop jest do przycinania zdjęć, może się okazać, że proces ten jest nieco czasochłonny przy przycinaniu prostych kształtów i obrazów. Graficy mogą zaoszczędzić wiele czasu w swoich codziennych zadaniach, używając narzędzia takiego jak Vectornator do prostych zadań graficznych.

Jak wyprostować zdjęcia za pomocą narzędzia Kadrowanie

Istnieje wiele dodatkowych opcji kadrowania w Photoshopie, takich jak prostowanie obrazów. Powiedzmy na przykład, że zrobiłeś piękne zdjęcie oceanu, ale po bliższym przyjrzeniu się stwierdziłeś, że horyzont jest krzywy.

Na szczęście możemy naprawić ten przekrzywiony obraz za pomocą narzędzia Crop.

Wybierz narzędzie Kadrowanie i narzędzie Prostowanie

Rozpocznijmy ten proces prostowania, wybierając z paska narzędzi narzędzie Crop, a następnie z paska opcji narzędzie Straighten.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Rysowanie linii

Z wybranym narzędziem Straighten (Prostowanie) kliknij jeden koniec horyzontu, a następnie kliknij lewym przyciskiem myszy lub kliknij i przeciągnij aż do drugiego końca horyzontu.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Gdy puścisz przycisk lewego przycisku myszy lub kliknięcia, twój obraz natychmiast się wyprostuje.

Kadrowanie poza granicami

Po wyprostowaniu obrazu pojawi się ponownie Crop Border. Zauważysz, że krawędzie obrazu są teraz niezsynchronizowane z głównym obszarem wewnątrz Crop Border i że istnieją puste obszary poza tym.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Aby wykadrować obszar wewnątrz Granicy kadrowania, zmień jego wielkość za pomocą uchwytów, a następnie naciśnij Enter lub Return.

Jak przycinać zdjęcia w sposób nieniszczący

Nasz poniższy tutorial przeprowadzi Cię przez proces kadrowania obrazów w sposób nieniszczący. Wybierz obraz lub zdjęcie, które chciałbyś wykorzystać w tym procesie (najlepiej takie z centralną postacią), a następnie możemy zacząć!

Jeśli chciałbyś zobaczyć, co inne autorytety w dziedzinie projektowania graficznego mają do powiedzenia na temat edycji obrazów, Vectornator oferuje proste i łatwe do wykonania tutoriale dotyczące szeregu procesów edycji obrazu, koncentrujących się na wektoryzacji.

Właściwe proporcje obrazu

Po załadowaniu obrazu wybierzmy z paska narzędzi narzędzie Crop, a następnie z menu rozwijanego Ratio na pasku opcji wybierzmy proporcje 4 : 5 (8 : 10).

Zobacz też: 8 darmowych materiałów na temat projektowania stron internetowych, które powinieneś umieścić w zakładce

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Zakończ ten krok, klikając lewym przyciskiem myszy lub klikając i przeciągając uchwyty Crop Border, aż uzyskasz preferowany typ obrazu. Naciśnij Enter lub Return, a będziemy mieli zgrabne przycięcie portretu.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Jak zmienić orientację

Jeśli wolisz, aby Twoje zdjęcie miało raczej orientację poziomą, to możesz wrócić do paska opcji i kliknąć ikonę Zamień.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Teraz Crop Border powróci do obrazu w orientacji poziomej. Crop Border będzie prawdopodobnie na tym etapie dość intensywnie powiększony, więc możemy chcieć kliknąć lewym przyciskiem myszy lub kliknąć i przeciągnąć Crop Border na zewnątrz.

Zarządzanie tłem

Po zwolnieniu lewego przycisku myszy lub przycisku kliknięcia, zauważysz, że białe tło otacza twój obraz. Ten pusty obszar został spowodowany przez Photoshopa usuwającego piksele po naszym początkowym kadrowaniu.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Photoshop użył białego koloru ze względu na swoje domyślne ustawienie wypełnienia tła. Photoshop usuwa te piksele za pomocą ustawienia, które można znaleźć w pasku opcji o nazwie Delete Cropped Pixels, które jest domyślnie zaznaczone.

Zobacz też: Najlepsze trendy w projektowaniu stron internetowych na rok 2022

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Wybór prawidłowych ustawień

Teraz przywrócimy nasz obraz do jego pierwotnej postaci. Zacznijmy od anulowania kadrowania, przechodząc z powrotem do paska opcji i klikając na przycisk Anuluj. Następnie przejdziemy do menu Plik i wybierzemy opcję Przywróć.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Zamieńmy proporcje w menu Options, przywracając portret. Możesz również kliknąć i przeciągnąć uchwyty Crop Border, aby uzyskać bardziej satysfakcjonujące przycięcie. Nie naciskaj jednak jeszcze Enter ani Return!

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Zanim wykadrujemy nasz obraz, upewnijmy się, że wyłączyliśmy opcję Delete Cropped Pixels. Zakończ ten krok, naciskając przycisk Enter lub Return.

Uprawa bez niszczenia

Teraz możesz nacisnąć Enter lub Return, aby potwierdzić swój zbiór. Nie wygląda na to, że na tym etapie nic się nie zmieniło, ale poczekaj, aż zmienimy rozmiar zbioru.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Przywróćmy Aspect Ration do trybu krajobrazowego poprzez menu Options. Gdy to zrobisz, zamiast białego tła pojawiającego się poza Crop Border, zobaczysz resztę obrazu.

Ocaliliśmy wykadrowane piksele, wyłączając opcję Delete Cropped Pixels, co oznacza, że Photoshop ukrył resztę obrazu, zamiast go usunąć.

Możemy wtedy zmienić rozmiar Crop Border na nasz gust i nacisnąć Enter lub Return.

Zmiana położenia obrazu

Wyłączenie opcji Usuń przycięte piksele ma jeszcze inne zalety.

Widząc, że Photoshop zachował resztę obrazu poza naszym wykadrowanym fragmentem, możemy zmienić jego położenie dla lepszej kompozycji.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Wróćmy do paska narzędzi i wybierzmy narzędzie Przesunięcie. Teraz możemy kliknąć lewym przyciskiem myszy lub kliknąć i przeciągnąć obraz, aż uzyskamy satysfakcjonujący produkt końcowy.

Teraz, gdy wiemy już jak używać narzędzia Crop, przyjrzyjmy się bliżej jego subtelniejszym funkcjom.

Narzędzie Kadrowanie Porady i sztuczki

Wiemy, że używanie narzędzia Kadrowanie do jego bardziej podstawowych usług jest proste. Większość ludzi po prostu kadruje część obrazu, którą chce zachować, a resztę odrzuca.

Narzędzie Kadrowanie jest niezbędne do wylądowania doskonałej kompozycji, gdy jest wykorzystywane w pełni. Teraz dowiedzmy się, jak władać narzędziem Kadrowanie jak mistrz Photoshopa dzięki tym zaawansowanym wskazówkom.

Doskonalenie współczynnika kształtu

Teraz, gdy już wiesz, jak działa element Aspect Ratio do kadrowania, dowiedzmy się, jak wylądować w doskonałej kompozycji. Najpierw załadujemy obraz z widoczną na nim postacią.

Zasada Trzecich Szeregów - rewizja

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Proces ten rozpoczynamy od przejścia do paska opcji i wybrania ikony Overlay, wybierając Rule of Thirds.

Zmiana położenia nakładki na uprawę

Po nałożeniu tej nakładki możemy przytrzymać klawisz Alt lub Option oraz klawisz Shift, aby utrzymać początkowe Aspect Ratio, przesuwając Crop Overlay na twarz postaci.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Zastosuj uprawę

Chcesz wyrównać dwa górne punkty przecięcia siatki z oczami postaci. Po naciśnięciu klawisza Enter i zastosowaniu kadrowania, zauważysz jak bardzo twarz (i oczy) postaci stają się efektowne. Ta metoda kadrowania jest doskonała do zwrócenia uwagi na najbardziej atrakcyjne cechy postaci, zazwyczaj znajdujące się na twarzy.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Unikaj uprawiania tych obszarów

Twarz to fantastyczna część sylwetki do wykadrowania, ale co z resztą ciała? Jeśli chodzi o przycinanie całej sylwetki, są pewne obszary, których wycinania należy unikać.

Jedna z zasad projektowania mówi, że nie należy przycinać stawów postaci. Kostki, kolana, biodra i łokcie powinny być zachowane w zbiorach, a nie wycięte.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Zabawa z nakładką "Kadrowanie

Aby lepiej zademonstrować tę zasadę, przesuńmy nakładkę Crop Overlay wokół zdjęcia z widoczną na nim postacią. Przytrzymaj Alt lub Options + Shift i przeciągnij nakładkę Crop Overlay wokół postaci.

Kadrowanie w podświetlonym punkcie

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Spróbuj wylądować swoją nakładką Crop Overlay na jednej z wyróżnionych linii na rysunku, a następnie naciśnij Enter.

Prawdopodobnie będziesz miał trochę niewygodne uczucie z tego cropu. Jako ogólna zasada, kadrowanie figury na którymkolwiek z wyróżnionych poziomów doprowadzi do niezręcznego obrazu końcowego.

Podjęcie decyzji o skupieniu uwagi

Ten punkt tak naprawdę nie wymaga większego rozwinięcia, ale są dwie rzeczy, o których należy pamiętać przy kadrowaniu sylwetki, w zależności od tego, co chcielibyśmy wyróżnić.

Jeśli zostawisz ciało osoby w ostatecznym obrazie, jej cechy fizyczne zostaną podkreślone, takie jak postawa, ubrania i język ciała.

Z drugiej strony, kadrowanie blisko twarzy postaci podkreśla jej osobowość i ekspresję.

Pamiętaj o tych zasadach, decydując o tym, na czym chciałbyś, aby widz skupił się w reklamie lub poście w mediach społecznościowych.

Więcej o nakładkach

Omówmy nieco więcej różnych nakładek Photoshopa, ponieważ obie są niezbędne do przycinania obrazu w najbardziej estetyczny sposób.

Dlaczego nie załadujemy zdjęcia z pejzażem i małą, ale ciekawą postacią unoszącą się gdzieś w środku, aby lepiej zrozumieć te zasady?

Złota Spirala

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Rozpocznijmy to zagłębianie się w nakładki, wybierając z paska narzędzi narzędzie Crop (Kadrowanie), a następnie przejdźmy do Overlays (Nakładki) na pasku opcji. Podczas gdy Zasada Trzecich Bram jest domyślnym ustawieniem tego działu, my pobawimy się nowym.

Jeśli wciśniemy klawisz O, będziemy mogli przełączać się między nakładkami. Przechodzimy przez różne nakładki, aż dojdziemy do nakładki Golden Spiral.

Dodawanie napięcia

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Nakładka Golden Spiral powinna znajdować się w pozycji przedstawionej na powyższym zdjęciu, ale jeśli nie, możesz nacisnąć Shift + O, aby zmienić jej położenie, aż spirala zakończy się w lewym dolnym rogu ekranu. Teraz przeciągnijmy nakładkę Crop Overlay, aż spirala zakończy się w miejscu, w którym znajduje się twoja figura.

Wciśnij Enter, aby potwierdzić kadrowanie, a następnie spójrz na swój nowy obraz!

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Powinien wyglądać o wiele lepiej niż oryginał, z o wiele lepiej podkreśloną postacią. Złota spirala dodaje napięcia do Twojego zdjęcia, zapewniając, że postać jest punktem centralnym, bez odbierania jej piękna krajobrazu.

Kiedy używasz Złotej Spirali, staraj się wykadrować zdjęcie tak, aby postać była zwrócona w głąb obrazu, a nie na zewnątrz. Takie ustawienie zwróci większą uwagę na ogólną scenę i skupi napięcie w krajobrazie.

Jeśli chciałbyś dowiedzieć się więcej o zasadzie tercji, ludzie z Vectornator mają doskonałe zrozumienie, kiedy i jak prawidłowo używać zasady tercji.

Jak wycinać obrazy z tła

Wycinanie obrazów z tła jest prostym procesem, ale wymaga trochę czasu i zrozumienia narzędzia Lasso w Photoshopie. Przejdźmy od razu do znalezienia odpowiedniego obrazu do tego samouczka, najlepiej czegoś z osobą na pierwszym planie.

Konfiguracja obrazu

Kiedy już masz idealny obraz lub zdjęcie, możemy rozpocząć ten tutorial, ładując go do swojego obszaru roboczego.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Po umieszczeniu oryginalnego obrazu na miejscu, przejdź do sekcji Warstwy w prawym dolnym rogu ekranu i odblokuj ten obraz, aby przekształcić go w warstwę. Możesz to zrobić, klikając małą ikonę blokady lewym przyciskiem myszy.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Powiększmy rysunek. Jeśli wolisz użyć narzędzia, wybierz narzędzie Powiększenie, które znajduje się po lewej stronie ekranu, w pobliżu dolnej części paska narzędzi.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Właściwe narzędzie do pracy: narzędzie Lasso

W tym poradniku użyjemy narzędzia Lasso magnetyczne, które można wybrać z paska narzędzi lub po prostu naciskając klawisz L.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Narzędzie Lasso magnetyczne działa podobnie jak narzędzie Pióro, za pomocą którego można wyznaczyć dokładną linię wokół obiektu. Zaletą narzędzia Lasso magnetyczne jest to, że Photoshop automatycznie wykrywa kontur obiektu podczas rysowania wokół niego.

Twoim zadaniem jest poprowadzenie narzędzia Magnetic Lasso Tool wokół obiektu, który chcesz wyciąć.

Prowadzenie narzędzia lasso magnetyczne

Zacznij od lasso! Najbardziej dostępnym miejscem do rozpoczęcia pracy z narzędziem Magnetic Lasso Tool jest zazwyczaj dolna część figury. Jeśli więc chcesz złapać osobę na lasso, zacznij od jej stóp.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Klikamy na punkt w pobliżu pięty naszej figury, a następnie przeciągamy mysz wzdłuż stopy, w górę kostki i przez resztę konturu figury.

Podczas gdy narzędzie Lasso magnetyczne wykona większość pracy za Ciebie, możesz kliknąć w określonych punktach wzdłuż konturu, aby uzyskać maksymalną dokładność.

Możesz zacząć ten proces powoli, ponieważ przyzwyczajasz się do niego, ale wkrótce nabierzesz prędkości, ponieważ narzędzie Magnetic Lasso Tool jest stosunkowo dokładne.

Narzędzie Lasso magnetyczne może mieć problemy z ostrymi rogami, więc możesz mu pomóc, klikając lewym przyciskiem myszy lub przebijając się przez te precyzyjne krawędzie.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Może się okazać, że narzędzie Lasso Magnetyczne nie wyłapuje niektórych kolorów. Nie przejmuj się niedoskonałym konturem, ponieważ naprawimy go później.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Prześledź cały kontur wzdłuż figury, a następnie zakończ pracę kończąc ją w miejscu, w którym ją rozpocząłeś za pomocą narzędzia Lasso magnetyczne. Zakończ pracę klikając lewym przyciskiem myszy lub klikając pierwszy punkt, który wykonałeś.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Po zakończeniu obrysowywania konturu pojawi się cienka, czarno-biała linia. Teraz możemy poprawić obszary, których narzędzie Lasso magnetyczne nie wybrało prawidłowo.

Doskonalenie konspektu

Aby wygładzić załamania naszego obrysu, użyjemy narzędzia Polygonal Lasso. Możesz je wybrać z paska narzędzi lub nacisnąć klawisz L, a następnie kliknąć lewym przyciskiem myszy lub kliknąć na nim.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Z paska opcji wybierzemy również opcję Dodaj do zaznaczenia, co pozwoli nam na włączenie naszych nowych zmian do oryginalnego konspektu.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Teraz powinieneś zobaczyć symbol + dodany do narzędzia Lasso wielokątne. Jeśli przytrzymamy klawisz Alt lub Option, symbol + zmieni się w symbol -. Z tymi ustawieniami możemy rozpocząć obrysowywanie obszarów naszej figury, których nie uchwyciliśmy w początkowym procesie śledzenia.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Przytrzymaj klawisz Alt lub Options, a następnie kliknij lewym przyciskiem myszy lub kliknij, aby utworzyć pierwszy punkt. Możesz teraz puścić klawisz Alt lub Options i prześledzić szczelinę, którą chcesz usunąć.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Gdy połączysz swoje linie, zauważysz, że kształt przybiera ten sam czarno-biały, wężowy kontur.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Możemy również dopasować nasz oryginalny kontur w ten sposób, klikając lewym przyciskiem myszy lub klikając w miejscu, w którym narzędzie Lasso Magnetyczne zaczęło omijać krawędzie figury. Klikamy lewym przyciskiem myszy lub klikamy dookoła właściwej krawędzi figury, a następnie kończymy to dodawanie przytrzymując klawisz Ctrl.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Trzymając wciśnięty klawisz Ctrl, zauważysz, że symbol + pod narzędziem Polygonal Lasso Tool zmienia się teraz w okrągły. Nie zdejmuj palca z klawisza Ctrl i dokończ to zadanie, klikając lewym przyciskiem myszy lub klikając.

Kiedy już będziesz zadowolony z konspektu, możemy przejść do kolejnego kroku!

Dodawanie maski warstwy

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Teraz dodamy maskę warstwy. Skierujmy się w dół do prawego dolnego rogu ekranu i kliknijmy ikonę Dodaj maskę warstwy. Tło zniknie, ale zawsze można do niego wrócić, odznaczając maskę.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Wygładzanie wyciętego obrazu

Teraz, gdy mamy już naszą wyciętą figurę, możemy wykonać kilka poprawek, aby doprowadzić ją do pełnej sprawności. Zacznijmy ten proces od wybrania narzędzia Pędzel z paska narzędzi.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Chcemy również wybrać Feathering (Wtapianie) z listy Brush Tool Options Bar (Pasek opcji narzędzia Pędzel) Brush Preset Picker (Preset pędzla). Teraz można już wyszczuplić krawędzie figury.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

To może być trochę pracochłonne zadanie, ale na pewno warto, gdy masz realistycznie wyglądającą samodzielną figurkę.

Pozbycie się tła

Jeśli chciałbyś całkowicie usunąć tło, możesz kliknąć prawym przyciskiem myszy lub ctrl + kliknąć na warstwę i wybrać Convert to Smart Object.

Proszę zauważyć, że ten zrzut ekranu jest przykładem zaczerpniętym z //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Teraz pozostała Ci zgrabna, samodzielna figura, którą możesz wykorzystać w każdym ze swoich projektów.

Ten tutorial był długim procesem, a powinieneś wiedzieć, że możesz przyciąć obrazy znacznie szybciej (i taniej) za pomocą oprogramowania takiego jak Vectornator.

Jak ciąć w Vectornatorze

Podczas gdy narzędzie Crop programu Photoshop sprawdza się w przypadku zdjęć, graficy mogą zaoszczędzić dużo czasu, używając szybszego narzędzia Cut programu Vectornator do swoich ilustracji. Vectornator jest również darmowy, w przeciwieństwie do drogich opłat abonamentowych programu Photoshop.

Rysowanie prostokąta

Zacznijmy ten poradnik od narysowania prostokąta za pomocą narzędzia Prostokąt. Wybierz narzędzie Prostokąt z paska narzędzi, a następnie naciśnij lub kliknij i przeciągnij prostokąt na płótno.

Zaznaczmy nasz prostokąt za pomocą narzędzia Selection Tool (Zaznaczanie), a następnie przejdźmy do zakładki Style (Styl). Stamtąd możemy nacisnąć lub kliknąć przełącznik Fill & Stroke (Wypełnienie), aby wypełnić nasz prostokąt.

O punktach zaczepienia

Teraz, gdy mamy już nasz prostokąt, możemy dodać do niego punkty zakotwiczenia, które posłużą jako punkty początkowe dla naszego zadania cięcia.

Najpierw musimy dodać punkty zakotwiczenia. Możemy rozpocząć ten proces używając narzędzia Zaznaczenie bezpośrednie z paska narzędziowego.

Teraz wybierz swój prostokąt za pomocą narzędzia Direct Select. Zauważysz, że punkty zakotwiczenia pojawiają się w czterech rogach prostokąta.

Jeśli chcemy przeciąć nasz prostokąt w jego środku, musimy dodać punkty zakotwiczenia do środka prostokąta. Punkty zakotwiczenia można dodać na dwa sposoby, pierwszy to kliknięcie lub naciśnięcie na linię prostokąta.

Jak widać, ten proces nie jest zbyt dokładny i możesz mieć problemy z umieszczeniem punktu zakotwiczenia w bezpośrednim środku twojego prostokąta. Dlaczego nie spróbujemy drugiego i bardziej precyzyjnego sposobu dodawania punktów zakotwiczenia zamiast tego?

Automatycznie dodawaj punkty kotwiczenia

Aby automatycznie i dokładnie dodać punkty zaczepienia do prostokąta, przejdź do zakładki Ścieżka w prawym górnym rogu ekranu. Stamtąd możesz kliknąć lub nacisnąć przycisk Dodaj węzły.

Naciskaj lub klikaj przycisk Add Nodes, aż uzyskasz dokładnie trzy nowe punkty zakotwiczenia po każdej stronie swojego prostokąta.

Używanie narzędzia Nożyczki

Zaprojektować interfejs aplikacji

Mając punkty zakotwiczenia dodane do naszego prostokąta, możemy teraz użyć narzędzia Nożyce. Wybierzmy je z paska narzędzi.

Wróćmy teraz do naszych punktów zakotwiczenia, a konkretnie do tego, który znajduje się w środku górnej linii. Naciśnij lub kliknij go za pomocą narzędzia Nożyczki. Zauważysz, że ten punkt zakotwiczenia zmienia kolor z białego na czerwony, aby pokazać swoje zaznaczenie.

Po wybraniu górno-środkowego punktu zakotwiczenia za pomocą narzędzia Nożyczki, naciskamy lub klikamy na przeciwległy punkt zakotwiczenia w dolno-środkowej części prostokąta.

Making the Cut

Boom! Mamy już symetrycznie przycięty prostokąt, który został podzielony na dwa. Kończymy ten poradnik bawiąc się naszymi dwoma prostokątami za pomocą narzędzia Zaznaczanie, aby upewnić się, że prawidłowo przycięliśmy nasz oryginalny prostokąt.

Uprawa Wnioski

To wszystko jeśli chodzi o kadrowanie, przynajmniej na razie. Dobra robota za przejście przez wszystkie nasze tutoriale!

Jak już dobrze wiesz, kadrowanie jest niezwykle wszechstronną funkcją, która ma o wiele więcej do zaoferowania niż tylko wycinanie obrazów.

Warto również zauważyć, że można używać innych narzędzi, takich jak narzędzie Lasso, do wycinania elementów obrazu. Narzędzia programu Photoshop mają wiele zastosowań i można je wykorzystać do wszelkiego rodzaju kreatywnych zadań.

Podczas gdy Photoshop jest potężnym narzędziem, istnieje wiele innych aplikacji do projektowania, które pozwolą Ci siekać i zmieniać obrazy, jak na przykład Vectornator. Zalecamy również eksperymentowanie z różnymi narzędziami do projektowania, ponieważ może się okazać, że niektóre są znacznie prostsze niż inne.

W końcu podstawowe potrzeby w zakresie kadrowania nie wymagają drogiego oprogramowania. Mamy nadzieję, że podobał Ci się ten obszerny przewodnik po kadrowaniu i że Twoja biegłość w Photoshopie wzrosła. Baw się dobrze dzięki swoim nowym umiejętnościom!




Rick Davis
Rick Davis
Rick Davis jest doświadczonym grafikiem i artystą wizualnym z ponad 10-letnim doświadczeniem w branży. Pracował z różnymi klientami, od małych start-upów po duże korporacje, pomagając im osiągnąć cele projektowe i podnieść ich markę poprzez skuteczne i wywierające wrażenie efekty wizualne.Rick, absolwent School of Visual Arts w Nowym Jorku, jest pasjonatem odkrywania nowych trendów i technologii projektowych oraz ciągłego przesuwania granic tego, co jest możliwe w tej dziedzinie. Ma głębokie doświadczenie w oprogramowaniu do projektowania graficznego i zawsze chętnie dzieli się swoją wiedzą i spostrzeżeniami z innymi.Oprócz swojej pracy jako projektant, Rick jest również zaangażowanym blogerem i zajmuje się omawianiem najnowszych trendów i osiągnięć w świecie oprogramowania do projektowania graficznego. Uważa, że ​​dzielenie się informacjami i pomysłami jest kluczem do tworzenia silnej i tętniącej życiem społeczności projektantów i zawsze chętnie nawiązuje kontakty z innymi projektantami i twórcami online.Niezależnie od tego, czy projektuje nowe logo dla klienta, eksperymentuje z najnowszymi narzędziami i technikami w swoim studio, czy pisze pouczające i wciągające posty na blogu, Rick zawsze jest zaangażowany w dostarczanie jak najlepszej pracy i pomaganie innym w osiąganiu ich celów projektowych.