Narysuj kwadrat w Photoshopie bez wybranych krawędzi. Narzędzie Zaznaczanie prostokątne w Photoshopie. Jak rysować kształty wektorowe w Photoshopie, opcje wypełnienia i obrysu

Chociaż kwadrat i prostokąt to najprostsze kształty geometryczne, ale aby je narysować w Photoshopie, trzeba się trochę postarać i mieć podstawową wiedzę. Początkujący bez odpowiedniego przeszkolenia najprawdopodobniej nie poradzi sobie z tym zadaniem.

W tym artykule przeanalizujemy 3 najpopularniejsze sposoby rysowania prostokąta lub kwadratu w Photoshopie.

Ale zanim zaczniesz wybierać metodę rysowania, musisz zdecydować o przyszłych parametrach. Prostokąt/kwadrat może mieć postać:

  • wypełnione jednolitym kolorem lub tylko z narysowanymi krawędziami;
  • dowolne lub o ściśle określonych wymiarach;
  • z możliwością zmiany jego rozmiaru w dowolnym momencie bez utraty jakości.

Metoda 1. Narzędzie dowolnego kształtu

W tej metodzie prostokąt lub kwadrat zostanie narysowany jednolitym kolorem. Jeśli potrzebujesz tylko obramowania, przejdź do dwóch kolejnych metod.

Wybierz narzędzie z paska narzędzi. Możliwe są dwa scenariusze rozwoju wydarzeń:

Opcja 1. Kwadrat lub prostokąt z dalszą zmianą rozmiaru bez utraty jakości

Tutaj oczywiście sugeruje się użycie figury wektorowej. Aby go narysować, musisz wybrać opcję warstwa kształtu:

W przyszłości będziesz mógł zmienić rozmiar tej figury bez utraty jakości. Aby to zrobić, użyj narzędzia - Ctrl + T i użyj uchwytów narożnych, aby zmienić rozmiar.

Dla tych, którzy nie wiedzą: kształty wektorowe nie składają się z pikseli, ale ze specjalnych wzorów matematycznych. Dlatego zmiana rozmiaru nie jest procesem rozciągania / zmniejszania pikseli, ale złożonym przeliczeniem matematycznym, dzięki któremu nie następuje utrata jakości.

Opcja 2. Standardowy (rastrowy) kwadrat/prostokąt

Aby od razu narysować kształt rastrowy, użyj ustawienia na pasku opcji Wykonaj wypełnienie pikselami. Ale zanim zaczniesz to rysować -!

Ale tak naprawdę możesz rysować od razu i wektorowo, a potem po prostu to. Tutaj możesz wybrać dla siebie.

Jak zrobić prostokąt z kwadratu

Zwykła reguła z naciśniętym klawiszem Shift nie działa w przypadku dowolnych kształtów. Dlatego musisz skorzystać z panelu opcji narzędzia i wybrać ustawienie, aby Photoshop narysował kwadrat.

W tym samym panelu zwróć uwagę, możesz określić dokładny rozmiar wymaganego prostokąta/kwadratu lub narysować go według wcześniej ustalonych proporcji.

Domyślnie wymiary są określane w pikselach. Jeśli chcesz zmienić jednostkę miary, najpierw wprowadź wartość w polu, a następnie kliknij ją prawym przyciskiem myszy. Pojawi się okno wyboru jednostki. Dostępne: piksele, cale, centymetry, milimetry, punkty i wartości szczytowe.

Prostokąt lub kwadrat z zaokrąglonymi narożnikami

Aby uzyskać kształt z zaokrąglonymi rogami, postępuj tak samo, jak opisano powyżej, ale na samym początku wybierz narzędzie Prostokąt z zaokrąglonymi krawędziami. Na pasku opcji narzędzia wystarczy określić promień zaokrąglenie.

Metoda 2. Obrysuj zaznaczenie

Ta metoda jest tak prosta, jak 5 centów. wybierz narzędzie i narysuj prostokąt z linią przerywaną. Aby narysować kwadrat, przytrzymaj klawisz Shift.

Teraz musimy obrysować granice wybranego obszaru. Aby to zrobić, przejdź do Edycja — udar.

Następnie w nowym oknie ustaw typ obrysu: określ grubość ramki, żądany kolor i zaznacz, jak będzie przebiegał obrys:

  • Wewnątrz- tak, aby ramka znajdowała się wewnątrz zaznaczonego obszaru;
  • Wyśrodkowany- tak więc rama jest podzielona równo na część przechodzącą wewnątrz selekcji i na część od zewnątrz;
  • Poza- oznacza, że ​​ramka będzie przebiegać wokół przerywanej linii wyboru.

Oto jak może się to okazać:

Na powyższym zrzucie ekranu celowo nie usunąłem przerywanej linii, ponieważ ona również nie zniknie dla Ciebie. Aby w końcu się go pozbyć, naciśnij Ctrl + D.

W tej metodzie, aby narysować kształt o dokładnym rozmiarze, należy najpierw określić go w pasku opcji narzędzia StylOkreślony rozmiar Lub podane proporcje. Następnie aktywne staną się pola, w których wpisujesz wartości szerokości i wysokości w pikselach. Kliknięcie prawym przyciskiem myszy na jednym z tych pól spowoduje wyświetlenie menu umożliwiającego zmianę jednostek miary.

Metoda 2.1 Wypełnianie zaznaczenia

Najczęstszym sposobem narysowania prostokąta jest narysowanie pola wyboru (jak opisano powyżej) i po prostu wypełnienie go dowolnym kolorem. Oto prostokąt lub kwadrat dla Ciebie.

Metoda 3. Modyfikacja selekcji

Tak naprawdę najmniej podoba mi się ta metoda przede wszystkim ze względu na oczywisty minus - narożniki prostokąta zostaną obcięte, a sama ramka kadru jest w stanie i na te fakty nie można wpływać.

Musisz więc ponownie wybrać narzędzie, narysować ramkę przyszłego prostokąta lub kwadratu (za pomocą klawisza Shift), a następnie przejść do menu Wybór i wybierz drużynę Modyfikacja - Obramowanie.

Pojawi się nowe okno, w którym w naszym przypadku określamy szerokość obramowania prostokąta. Powiedzmy, że określę 7 pikseli. Otrzymujemy następujący wynik:

A teraz wystarczy pomalować powstałą ramkę. Nadaje się do tego. Tutaj swoją drogą można podejść do tematu bardziej kreatywnie i zamalować np. różnymi kolorami. Wynik:

Pozostaje tylko usunąć zaznaczenie - Ctrl + D. Myślę, że ta metoda nadaje się tylko do moich rzadkich, specyficznych zadań, ponieważ wtapianie i podcięte rogi tylko wszystko psują.

Zauważyłeś błąd w tekście - zaznacz go i naciśnij Ctrl + Enter. Dziękuję!

Najłatwiejszym sposobem narysowania prostokąta w Photoshopie jest użycie narzędzia Prostokąt (Prostokąt). Narzędzie „ Narzędzie prostokąta„Należy do grupy narzędzi do rysowania kształtów i zajmuje w niej poczesne miejsce.

Narzędzie Prostokąt na palecie narzędzi programu Photoshop

Oczywiście możesz po prostu pobrać narzędzie Prostokąt z palety narzędzi Photoshopa. Możesz go aktywować za pomocą skrótów klawiszowych. Naciśnięcie klawisza powoduje aktywację ostatnio używanego narzędzia z grupy narzędzi do rysowania kształtów. Jeśli nie było to „ Prostokąt”, Powinieneś użyć skrótu klawiaturowego, który umożliwia przełączanie pomiędzy różnymi narzędziami w ramach tej grupy.

Tryby rysowania

Prostokąt, jak każdy inny kształt w Photoshopie, można narysować w jednym z następujących trybów:

  • „Kształt” (rysunek), gdy tworzona jest ścieżka wektorowa z „wypełnieniem” rastrowym. Taki prostokąt można wypełnić jednolitym kolorem, gradientem lub wzorem. Każdy kształt rysowany w trybie Kształt umieszczany jest na osobnej warstwie, oznaczonej specjalną ikoną, która informuje użytkownika, że ​​w tej warstwie znajduje się obiekt wektorowy. Później możesz wrócić do dowolnego utworzonego kształtu i zmienić jego kształt, wypełnienie i obrys;
  • „Ścieżka” (Kontur), gdy tworzona jest ścieżka wektorowa, która pełni funkcje pomocnicze. Taki prostokąt nie jest częścią obrazu, ale można go na przykład przekształcić w obszar zaznaczenia lub wykorzystać do uzyskania maski wektorowej. Wszystkie ścieżki narysowane w trybie Ścieżka są elementami tymczasowymi do czasu ich zapisania. Aby kontrolować ścieżki w Photoshopie, dostępny jest panel „ Ścieżki„(Kontury). Dowolny kontur, jako prymityw wektorowy, zawsze można edytować;
  • „Piksele” (Piksele), gdy do dokumentu dodawana jest określona liczba pikseli danego koloru. Taki prostokąt natychmiast staje się częścią bitmapy. Podczas rysowania w trybie pikseli nie są tworzone żadne ścieżki wektorowe ani dodawane żadne dodatkowe warstwy. Narysowany w nim czworokąt zajmie swoje miejsce w bieżącej warstwie. W przyszłości będziesz mógł z nim pracować w taki sam sposób, jak z każdym innym obrazem rastrowym.
Prostokąty rysowane w trybach: 1 - Kształt; 2-ścieżka; 3-piksele

Aby wybrać tryb, w którym chcesz narysować prostokąt, powinieneś odwołać się do „ Pasek opcji„(Panel opcji), gdy narzędzie” Narzędzie prostokąta»Już aktywne. Wszystkie możliwe tryby są przedstawione na liście rozwijanej „Tryb narzędzia Wybierz” (co w rosyjskiej wersji Photoshopa jest tłumaczone jako „ Tryb narzędzia Zaznaczanie', chociaż dokładniejsze tłumaczenie brzmiałoby ' Wybór trybu pracy narzędzia»).

Wybierz listę rozwijaną trybu narzędzia dla narzędzia Prostokąt

Wybrany tryb określa nie tylko właściwości przyszłego obiektu, ale także parametry, które będą dostępne na panelu opcji podczas jego tworzenia. W większości parametry te są absolutnie takie same dla wszystkich „Rysunków”, więc nie będą rozpatrywane w ramach tego artykułu. Ponadto porozmawiamy tylko o tych unikalnych parametrach narzędzia Prostokąt, które określają kształt, rozmiar i położenie prostokąta.

Wyznaczanie proporcji, rozmiarów i położenia prostokąta

W najbardziej ogólnym przypadku, aby narysować prostokąt w Photoshopie, musisz:

  • Weź narzędzie „ Narzędzie prostokąt”;
  • Wybierz tryb rysowania z listy rozwijanej „Wskaż tryb narzędzia”;
  • Naciśnij lewy przycisk myszy w miejscu okna dokumentu, w którym powinien znajdować się jeden z wierzchołków prostokąta;
  • Trzymając wciśnięty lewy przycisk myszy, przesuń kursor do miejsca, w którym powinien znajdować się jego przeciwny wierzchołek;
  • Zwolnij przycisk myszy.

Ale to nie jedyny sposób na narysowanie prostokąta w Photoshopie. Aby określić wymagany kształt i rozmiar przyszłej figury geometrycznej, możesz skorzystać z pomocy lub skorzystać. Ponadto możesz użyć w procesie konstruowania prostokąta.

Panel opcji

W Photoshopie dla każdego narzędzia z grupy narzędzi do tworzenia kształtów oferowanych jest szereg specyficznych, unikalnych dla niego opcji. Opcje te są prezentowane w menu rozwijanym, które można wywołać, klikając ikonę koła zębatego na „ Pasku opcji„(Panel opcji).

Rozwijane menu z opcjami narzędzia Prostokąt

Dla narzędzia Prostokąt na pasku opcji dostępne są następujące opcje:

  • „Nieograniczony” (Arbitralny), który jest domyślnie aktywny. Jego użycie pozwala na rysowanie prostokątów o dowolnych kształtach i rozmiarach, zgodnie z sekwencją działań przedstawioną tuż powyżej;
  • „ Kwadrat„(Kwadrat), którego wybór spowoduje, że wszystkie boki i kąty narysowanego czworokąta będą sobie równe;
  • „ Stały rozmiar„(Określony rozmiar), po aktywacji, możesz natychmiast określić dokładne wymiary przyszłego prostokąta. Po jej wybraniu dostępne stają się dwa pola tekstowe: „W” (W) i „H” (H), w których można wpisać odpowiednio wymaganą szerokość i wysokość prostokąta. Następnie pozostaje tylko wskazać miejsce, w którym powinna znajdować się figura;
  • „ Proporcjonalny” (Ustaw proporcje), po włączeniu możesz ustawić proporcje przyszłego prostokąta. Po jej wybraniu dostępne stają się także dwa pola: „W” (W) i „H” (H), w których można wpisać odpowiednio wymagany stosunek szerokości prostokąta do jego wysokości. Wtedy rysując czworokąt, będzie on zawsze miał określone proporcje;
  • „Od środka” (Od środka), gdy jest włączone, punktem początkowym przy rysowaniu prostokąta nie będzie jeden z wierzchołków, ale jego geometryczny środek. Opcji tej można używać w połączeniu z dowolną z powyższych opcji.
Proces rysowania prostokąta przy wyborze różnych opcji narzędzia Prostokąt: 1 - Nieograniczony; 2 — Nieograniczony + Od środka; 3 - Kwadrat; 4 - Kwadrat + Od środka; 5 - Stały rozmiar; 6 - Stały rozmiar + od środka; 7 - Proporcjonalny; 8 — Proporcjonalne + Od środka

Skróty klawiszowe

Podczas pracy z narzędziem Prostokąt można używać klawiszy skrótu. Tak więc, jeśli w trakcie rysowania prostokąta:

  • Naciśnij i przytrzymaj klawisz, prostokąt zostanie utworzony w formie kwadratu. Rysowanie prostokąta przy wciśniętym klawiszu przebiega dokładnie tak samo, jak gdyby w narzędziu Prostokąt została wybrana opcja „Kwadrat”;
  • Naciśnij i przytrzymaj klawisz, wówczas punktem bazowym utworzonego prostokąta będzie jego geometryczny środek. Oznacza to, że działanie naciśniętego klawisza jest równoznaczne z aktywacją opcji „Od środka”Dla narzędzia Prostokąt”;
  • Naciśnij i przytrzymaj jednocześnie dwa klawisze: i , wówczas utworzony prostokąt będzie kwadratem, a jego punktem bazowym będzie jego geometryczny środek. Innymi słowy, klawisze i mają taki sam efekt, jak opcja „Kwadrat” w połączeniu z opcją „Od środka” ustawioną dla narzędzia Prostokąt na pasku opcji;
  • Naciśnij i przytrzymaj klawisz (Spacja), możesz zmienić położenie tworzonego prostokąta, a po zwolnieniu klawisza kontynuować rysowanie figury, ale w nowym miejscu.
Proces rysowania prostokąta za pomocą klawiszy skrótu: 1 - Shift; 2 - Alt; 3 – Alt + Shift; 4-Przestrzeń

W tym oknie znajdują się dwa pola tekstowe: „ Szerokość„(Szerokość) i” Wysokość»(Wysokość), w których możesz wprowadzić żądane wymiary figury. Posiada również możliwość aktywacji opcji „Od środka”(Od środka). Jeżeli włączona jest opcja „Od środka”, wówczas punktem wskazanym do wywołania okna dialogowego będzie geometryczny środek prostokąta, w przeciwnym razie jego lewy górny wierzchołek. Po ustawieniu odpowiednich parametrów należy kliknąć „ OK”, Po czym prostokąt natychmiast pojawi się w tym samym miejscu, w którym kliknięto, aby wywołać okno dialogowe „ Utwórz prostokąt”.

Poniżej przedstawiono wszystkie techniki opisane w tym artykule, których można użyć podczas rysowania prostokąta za pomocą narzędzia Prostokąt w programie Photoshop.

Film do artykułu

W tym samouczku omówimy podstawy pracy z kształtami i warstwami kształtów w programie Photoshop. Naszą lekcję rozpoczniemy od poznania pięciu podstawowych narzędzi do rysowania kształtów geometrycznych - prostokąta, zaokrąglonego prostokąta, elipsy, wielokąta i linii.

Następnie w następnym samouczku przyjrzymy się, jak rysować bardziej złożone kształty za pomocą narzędzia Kształt dowolny. Większość ludzi uważa, że ​​Photoshop służy wyłącznie do edycji obrazów, więc jeśli poprosisz ich o polecenie dobrego edytora graficznego, w większości przypadków odpowiedzią będzie „Adobe Illustrator”.

Rzeczywiście możliwości programu Adobe Illustrator w dziedzinie grafiki wektorowej są znacznie szersze niż programy Photoshop, niemniej jednak Photoshop może zrobić w tym obszarze więcej, niż można się spodziewać po edytorze bitmap. Różne narzędzia w grupie Kształty i warstwy kształtów programu Photoshop ułatwiają dodawanie prostych obrazów wektorowych do rysunków i rysunków.

Photoshop ma sześć narzędzi do rysowania kształtów - narzędzie Prostokąt, narzędzie zaokrąglony prostokąt, narzędzie elipsa, narzędzie wielokąt, linia (narzędzie linia) i „Kształt niestandardowy” (narzędzie kształt niestandardowy). Znajdują się one w jednym miejscu na pasku narzędzi.

Domyślnie na panelu widoczne jest narzędzie Prostokąt, lecz jeśli klikniemy na ikonę narzędzia i przytrzymamy przycisk myszy przez kilka sekund, pojawi się wyskakujące menu z listą pozostałych narzędzi z grupy Kształty z z którego możemy wybrać ten, którego potrzebujemy:

Wszystkie sześć narzędzi grupy Kształty zlokalizowane są w jednym miejscu na pasku narzędzi

Jeśli najpierw wybierzesz jedno narzędzie w grupie Kształty, a następnie chcesz przełączyć się na inne, nie ma potrzeby ponownego odwiedzania paska narzędzi (chociaż możesz to zrobić, jeśli chcesz). Photoshop pozwala nam wybrać żądane narzędzie z paska opcji u góry ekranu, na którym prezentowanych jest wszystkie sześć narzędzi. Na przykład na pasku narzędzi wybiorę narzędzie Prostokąt:

Wybór narzędzia Prostokąt

Po wybraniu narzędzia Prostokąt na pasku opcji pojawi się sześć ikon reprezentujących różne narzędzia w grupie Kształty. Narzędzia są rozmieszczone od lewej do prawej w tej samej kolejności, w jakiej pojawiają się na pasku narzędzi, więc ponownie widzimy narzędzia Prostokąt, Prostokąt zaokrąglony, Elipsa, Wielokąt, Linia i Dowolny kształt. Aby wybrać żądane narzędzie, wystarczy kliknąć jedną z ikon:

Wszystkie sześć narzędzi Kształty można wybrać bezpośrednio z paska opcji (po wybraniu jednego z paska narzędzi)

Wybranie opcji Warstwa kształtu

Zanim zaczniemy rysować kształty, musimy powiedzieć Photoshopowi, jaki kształt chcemy narysować i w tym przypadku nie mam na myśli „prostokąta” czy „koła” według rodzaju kształtu. W rzeczywistości Photoshop pozwala nam rysować trzy różne typy kształtów - kształty wektorowe, ścieżki i kształty pikseli.

W innym samouczku przyjrzymy się bliżej, czym różnią się te trzy typy kształtów i w którym przypadku jakiego typu należy użyć, ale w większości przypadków będziesz rysować kształty wektorowe. Rysuje się je w programie takim jak Illustrator. W przeciwieństwie do kształtów pikseli, kształty wektorów są niezależne od rozdzielczości i całkowicie skalowalne. Oznacza to, że możemy dowolnie zmieniać ich rozmiar, bez utraty jakości obrazu. Krawędzie kształtów wektorowych pozostają ostre i ostre zarówno na ekranie, jak i po wydrukowaniu.

Aby rysować kształty wektorowe, wybierz opcję Warstwy kształtów na pasku opcji. To pierwsza z trzech ikon znajdujących się bliżej lewej strony (środkowa ikona to opcja Ścieżki, a prawa opcja Wypełnij piksele):

Aby rysować kształty wektorowe, wybierz opcję Warstwa kształtu.

Wybór koloru dla kształtu

Po wybraniu opcji Warstwa kształtu musimy wybrać kolor dla naszego kształtu. Robimy to poprzez kliknięcie ikony próbki koloru znajdującej się na prawo od słowa „Kolor” (Kolor) w panelu ustawień:

Kliknij ikonę próbki koloru, aby wybrać żądany kolor kształtu

Ta akcja otworzy paletę kolorów, w której możemy wybrać żądany kolor. W moim przypadku wybiorę kolor czerwony. Po wybraniu koloru kliknij OK, aby zamknąć paletę kolorów:

Wybierz kolor kształtu z palety kolorów

Jeżeli nie masz pewności, czy wybrałaś odpowiedni kolor do swojej sylwetki, nie martw się tym. Następnie przyjrzymy się, jak używać warstw kształtów, aby łatwo wrócić do poprzednich kroków i zmienić kolor kształtu w dowolnym momencie po jego narysowaniu.

Narzędzie Prostokąt

Jak można się domyślić z nazwy, narzędzie Prostokąt pozwala nam rysować czworoboczne kształty prostokątne. Wystarczy kliknąć w oknie dokumentu, aby zdefiniować punkt początkowy kształtu, a następnie trzymając wciśnięty przycisk myszy, przeciągnąć myszką po przekątnej, aby zakończyć rysowanie kształtu. Podczas przesuwania kursora zobaczysz cienkie kontury przyszłej figury:

Przeciągnij kursor, aby narysować prostokątny kształt. W miarę przesuwania kursora pojawia się kontur kształtu.

Gdy będziesz zadowolony z efektu, zwolnij przycisk myszy, a program natychmiast wypełni kształt kolorem wybranym w panelu ustawień:

Program wypełni kształt kolorem zaraz po zwolnieniu przycisku myszy

Rysowanie kształtu od środka

Jeśli chcesz narysować prostokąt (lub inny kształt) od środka, a nie od rogu, umieść kursor w oknie dokumentu, aby określić środek przyszłego prostokąta i trzymając wciśnięty przycisk myszy, rozpocznij przeciąganie kursora i rysując kształt w zwykły sposób. Robiąc to, naciśnij i przytrzymaj klawisz Alt (Win) / Option (Mac) podczas przesuwania kursora. Naciśnięcie tego klawisza nakazuje programowi rysowanie figury od środka. Ta sztuczka działa ze wszystkimi narzędziami Kształt, a nie tylko z narzędziem Prostokąt:

Aby narysować kształt od środka, przytrzymaj klawisz Alt (Win) / Option (Mac) podczas przesuwania kursora

Rysowanie kwadratów

Kwadraty możemy również rysować za pomocą narzędzia Prostokąt. Aby narysować kwadrat, umieść kursor w oknie dokumentu i zacznij go przeciągać, rysując prostokątny kształt. Gdy już zaczniesz to robić, naciśnij klawisz Shift i trzymaj go wciśnięty podczas przesuwania kursora. Naciśnięcie klawisza Shift powoduje konwersję kształtu na kwadrat, niezależnie od kierunku przesunięcia kursora. Możesz także dodać naciśnięcie klawisza Alt (Win) / Option (Mac), aby narysować kwadrat od środka (naciśnij i przytrzymaj Shift+Alt (Win) / Shift+Option (Mac)):

Aby narysować kwadrat, korzystając z narzędzia Prostokąt, naciśnij i przytrzymaj klawisz Shift

Ponownie, Photoshop narysuje tylko cienki kontur kwadratu podczas przesuwania kursora, ale po zwolnieniu przycisku myszy wypełni kwadrat kolorem:

Program zawsze czeka na zwolnienie przycisku myszy i dopiero wtedy wypełnia kształt kolorem

Opcje narzędzi w grupie Kształty

Jeśli spojrzysz na pasek opcji, po prawej stronie sześciu ikon narzędzi grupy Kształty, zobaczysz małą strzałkę skierowaną w dół. Kliknięcie tej strzałki spowoduje otwarcie listy dodatkowych opcji wybranego narzędzia Kształty. Na przykład, wybierając narzędzie Prostokąt, naciśnięcie strzałki spowoduje otwarcie menu z opcjami narzędzia Prostokąt. Z wyjątkiem pracy z narzędziami Wielokąt i Linia, które omówimy później, nie będziesz często korzystać z tego menu, ponieważ nauczyliśmy się już wybierać podstawowe opcje za pomocą skrótów klawiaturowych i poszczególnych klawiszy.

Przykładowo, domyślnie zaznaczona jest opcja Bez ograniczeń i to ona odpowiada za normalne zachowanie narzędzia Prostokąt, pozwalającego na rysowanie prostokątnych kształtów dowolnej wielkości i o dowolnych proporcjach. Opcja Kwadrat pozwala nam rysować kwadraty, ale możemy to zrobić po prostu naciskając i przytrzymując klawisz Shift podczas przesuwania kursora. Opcja From Center odpowiada za rysowanie kształtu od środka, ale znowu możemy to zrobić wciskając i przytrzymując klawisz Alt (Win) / Option (Mac):

Kliknij małą strzałkę, aby wyświetlić więcej opcji narzędzia Prostokąt

warstwa kształtu

Zanim przejdziemy do pozostałych narzędzi w grupie Kształty, przyjrzyjmy się panelowi Warstwy. Jak pamiętacie, na początku lekcji dowiedzieliśmy się, że aby rysować kształty wektorowe w Photoshopie, należy wybrać opcję „Warstwa kształtu” na pasku opcji. A teraz, gdy już narysowałem kształt, możemy zobaczyć, że w panelu warstw pojawiła się warstwa kształtu (warstwa typu Kształt), którą program nazwał „Kształt 1” (Kształt 1). Każdy nowy kształt wektorowy, który narysujemy, zostanie umieszczony na osobnej warstwie, która wygląda inaczej niż zwykła warstwa pikseli. Po lewej stronie warstwy znajduje się ikona próbki koloru, która wyświetla aktualny kolor wypełnienia naszego kształtu, a po prawej stronie ikony koloru znajduje się miniaturka maski wektorowej:

Warstwy kształtów mają ikonę próbki koloru po lewej stronie i miniaturę maski wektorowej po prawej stronie

Jak wspomniałem wcześniej, nie powinniśmy martwić się o dobór odpowiedniego koloru kształtu, gdyż w łatwy sposób możemy zmienić kolor wypełnienia kształtu już po jego utworzeniu. Aby to zrobić, kliknij dwukrotnie ikonę próbki koloru warstwy kształtu:

Aby zmienić bieżący kolor kształtu, kliknij dwukrotnie ikonę próbki koloru

Photoshop ponownie otworzy Próbnik kolorów, w którym możemy wybrać inny kolor dla naszego kształtu. Wybiorę tym razem kolor niebieski:

Wybierz inny kolor z palety kolorów

Wystarczy w każdej chwili wrócić i zmienić kolor kształtu.

Po prawej stronie ikony próbki koloru na warstwie kształtu znajduje się miniatura maski wektorowej. Biały obszar na miniaturze reprezentuje nasz kształt. Maski wektorowe są podobne do zwykłych masek warstw, ponieważ częściowo zasłaniają warstwę, pozostawiając widoczne fragmenty. Innymi słowy, gdy rysujemy kształt wektorowy, program faktycznie wypełnia całą warstwę wybranym kolorem, ale maska ​​pokazuje kolor tylko w obszarze kształtu, natomiast kolor na pozostałej części obszaru warstwy jest ukryty. Oczywiście podczas pracy z narzędziami grupy „Kształty” wcale nie trzeba wiedzieć, jak działa maska ​​wektorowa, ale zawsze miło jest zrozumieć, jak działają te narzędzia. Szary obszar wokół kształtu na miniaturze maski wektorowej reprezentuje obszar warstwy, w którym kolor nie jest widoczny, natomiast biały obszar na miniaturze reprezentuje obszar warstwy koloru:

Biały obszar maski wektorowej reprezentuje obszar warstwy, w którym widoczny jest kolor.

Aby ułatwić nam sprawdzenie, jak Photoshop renderuje kształt wektorowy, możemy tymczasowo wyłączyć maski wektorowe, naciskając i przytrzymując klawisz Shift podczas klikania miniatury maski wektorowej:

Przytrzymaj klawisz Shift i kliknij maskę wektorową, aby ją wyłączyć

Po wyłączeniu maski wektorowej warstwa staje się otwarta i widzimy, że jest całkowicie wypełniona niebieskim kolorem, który wybrałem do wypełnienia kształtu. Jeśli przyjrzymy się bliżej, zobaczymy cienki zarys miejsca, w którym kształt znajduje się na warstwie:

Po wyłączeniu maski wektorowej widać, że cała warstwa jest wypełniona kolorem.

Aby ponownie włączyć maskę wektorową, po prostu przytrzymaj klawisz Shift i ponownie kliknij miniaturę maski w panelu warstw. Po włączeniu maski kolor pozostanie jedynie w obszarze kształtu, natomiast w pozostałej części warstwy kolor zniknie z pola widzenia. Białe obszary wokół kształtu w oknie dokumentu należą do warstwy tła poniżej:

Dokument po ponownym włączeniu maski wektorowej

Skoro już znamy warstwy kształtów, przyjrzyjmy się innym kształtom, które można narysować w Photoshopie za pomocą narzędzi z grupy Kształty.

Narzędzie Zaokrąglony prostokąt

Narzędzie Zaokrąglony prostokąt jest bardzo podobne do narzędzia Prostokąt, z tą różnicą, że pozwala rysować zaokrąglone prostokąty. Stopień zaokrąglenia narożników regulujemy za pomocą opcji Promień na pasku opcji. Im większą wartość promienia wprowadzimy, tym bardziej zaokrąglone będą rogi. W moim przypadku wprowadzę wartość promienia wynoszącą 50 pikseli:

Za pomocą opcji „Promień” możesz określić stopień zaokrąglenia narożników

Aby narysować zaokrąglony prostokąt, po wprowadzeniu wartości promienia kliknij w oknie dokumentu w celu określenia punktu początkowego kształtu, a następnie trzymając wciśnięty przycisk myszy, przeciągnij kursor myszy, aby zakończyć rysowanie kształtu. Podobnie jak w przypadku kształtu Prostokąt, w miarę przesuwania kursora program wyświetla cienki zarys kształtu:

Przeciągnij kursor, aby narysować zaokrąglony prostokąt po wprowadzeniu wartości promienia na pasku opcji

Po zwolnieniu przycisku myszy Photoshop zakończy rysowanie kształtu i wypełni go kolorem:

Po zwolnieniu przycisku myszy kształt wypełni się kolorem.

Poniżej znajduje się kolejny prostokąt o promieniu 150px. Ta wartość jest tak duża (w każdym razie dla tego kształtu), że lewa i prawa strona prostokąta są zakrzywione:

Im większa wartość promienia, tym zaokrąglone będą rogi.

A oto prostokąt o małym promieniu wynoszącym 10 pikseli, który tylko nieznacznie zaokrągla rogi kształtu:

Mała wartość promienia mniej zaokrągla rogi

Niestety nie ma podglądu stopnia zaokrąglenia narożników. Zaokrąglone rogi możemy zobaczyć dopiero po narysowaniu prostokąta. Nie możemy także zmienić wartości promienia podczas rysowania kształtu, jak jest to możliwe w programie Illustrator. Photoshop nie pozwala nam też cofnąć się i choćby nieznacznie skorygować zaokrąglenia rogów po narysowaniu kształtu.

Wszystko to oznacza, że ​​rysowanie zaokrąglonych prostokątów odbywa się zasadniczo metodą prób i błędów. Jeśli nie podobają Ci się zaokrąglone rogi kształtu po jego narysowaniu, naciśnij Ctrl+Z (Win) / Command+Z (Mac), aby szybko to cofnąć, następnie wprowadź nową wartość promienia na pasku opcji i rozpocznij ponownie rysując prostokąt.

Podobnie jak w przypadku narzędzia Prostokąt, możesz użyć narzędzia Zaokrąglony prostokąt, aby narysować zaokrąglone kwadraty. Po prostu naciśnij i przytrzymaj klawisz Shift po rozpoczęciu rysowania kształtu, a zaokrąglony prostokąt przyjmie kształt zaokrąglonego kwadratu. Naciśnij i przytrzymaj klawisz Alt (Win) / Option (Mac), aby narysować kształt od środka.

Jeśli klikniemy małą strzałkę na pasku opcji, aby otworzyć menu zaawansowanych opcji narzędzia Zaokrąglony prostokąt, zobaczymy, że opcje Swobodny, Kwadrat i Od środka są takie same, jak opcje narzędzia Prostokąt. I znowu wiemy już, jak wybrać te opcje za pomocą skrótów klawiaturowych i poszczególnych klawiszy:

Narzędzia Prostokąt i Prostokąt zaokrąglony mają te same dodatkowe opcje

Narzędzie Elipsa

Narzędzie Elipsa pozwala nam rysować elipsy i okręgi. Podobnie jak w przypadku narzędzi Prostokąt i Prostokąt zaokrąglony, kliknij w oknie dokumentu, aby zdefiniować punkt początkowy kształtu, a następnie trzymając wciśnięty przycisk myszy, przeciągnij kursor myszy, aby zakończyć rysowanie kształtu:

Narysuj elipsę za pomocą narzędzia Elipsa

Zwolnij przycisk myszy, aby zakończyć rysowanie kształtu i wypełnić go kolorem:

Ellisawypełnionekolor

Naciśnij i przytrzymaj klawisz Shift po rozpoczęciu pracy z narzędziem Elipsa, aby narysować idealnie równy okrąg. Naciśnięcie klawisza Alt (Win) / Option (Mac) umożliwi narysowanie kształtu od środka:

Zacznij rysować, a następnie dodaj naciśnięcie klawisza Shift, aby utworzyć idealnie równy okrąg.

Kliknięcie małej strzałki na pasku opcji spowoduje otwarcie opcji narzędzia Elipsa, które są podobne do opcji narzędzi Prostokąt i Zaokrąglony prostokąt. Jedyna różnica polega na tym, że za pomocą opcji narzędzia Elipsa można rysować okręgi zamiast kwadratów:

Narzędzie Elipsa ma prawie takie same opcje, jak narzędzia Prostokąt i Zaokrąglony prostokąt.

Narzędzie Wielokąt

Narzędzie Wielokąt jest dla nas bardziej interesujące pod względem rysowania kształtów. Podczas gdy za pomocą narzędzia Prostokąt możemy rysować tylko prostokąty czworokątne, narzędzie Wielokąt pozwala nam rysować wielokąty o dowolnej liczbie boków. Następnie przyjrzymy się, jak za pomocą tego narzędzia można narysować nawet gwiazdy.

Określ liczbę boków wielokąta w opcji Boki na pasku opcji. Domyślna wartość Boków to 5, ale możesz wprowadzić dowolną liczbę z zakresu od 3 do 100:

Użyj opcji Boki, aby poinformować Photoshopa, ile boków będzie miał Twój wielokątny kształt

Po ustaleniu liczby boków umieść kursor w oknie dokumentu i rozpocznij przeciąganie, aby narysować kształt wielokątny. Photoshop zawsze rysuje kształty wielokątne od środka, więc nie musisz przytrzymywać klawisza Alt (Win) / Option (Mac). Naciśnięcie i przytrzymanie klawisza Shift po rozpoczęciu rysowania wielokąta pozwoli Ci ograniczyć liczbę rogów kształtu i ustawić go dokładnie tak, jak chcesz na ekranie:

Narzędzie Wielokąt jest niezastąpione, gdy potrzebujemy narysować kształt inny niż czworokąt

Ustawiając liczbę boków na 3, możemy łatwo narysować trójkąt:

Prosty trójkąt narysowany za pomocą narzędzia Wielokąt

Oto wielokąt mający 12 boków:

WielokątZdwanaścieimprezy

Narysuj gwiazdy za pomocą narzędzia Wielokąt

Aby narysować gwiazdę za pomocą narzędzia Wielokąt, kliknij małą strzałkę na pasku opcji, aby otworzyć listę opcji narzędzia Wielokąt i wybierz opcję Gwiazda:

Z listy opcji narzędzia „Wielokąt” wybierz „Gwiazdka”

Po wybraniu opcji „Gwiazdka” kliknij w oknie dokumentu i przeciągnij kursor, aby narysować gwiazdkę. Opcja Boki na pasku opcji określa liczbę wierzchołków gwiazdy. Zatem jeśli domyślna wartość parametru wynosi pięć, otrzymamy pięcioramienną gwiazdę: Na koniec przyjrzymy się narzędziu Linia, które jest ostatnim narzędziem w grupie Kształty geometryczne. Pozwala nam rysować linie proste i strzałki. Ustaw żądaną grubość linii w pikselach, wpisując wartość w polu Grubość na pasku opcji. W moim przypadku wprowadzę wartość 16 pikseli:

Użyj opcji Grubość, aby zdefiniować grubość linii

Następnie kliknij w oknie dokumentu i przeciągnij kursor, aby narysować linię. Po rozpoczęciu rysowania linii naciśnij i przytrzymaj klawisz Shift, aby ograniczyć kierunek poruszania się kursora. Umożliwi to łatwe rysowanie linii poziomych lub pionowych:

Przytrzymaj klawiszZmiana rysować linie poziome lub pionowe

Aby ustawić groty strzałek na końcach linii, kliknij małą ikonę strzałki na pasku opcji, aby wybrać opcje grotów strzałek. Photoshop umożliwia dodanie strzałek na początku linii, na jej końcu lub na obu jej końcach jednocześnie. Jeśli chcesz, aby strzałka pojawiła się w kierunku, w którym rysujesz linię, co jest bardziej logiczne, wybierz opcję Koniec. Upewnij się, że wybrałeś tę opcję przed rozpoczęciem rysowania linii, ponieważ program nie pozwoli nam wrócić i ustawić strzałki po narysowaniu linii:

Aby dodać strzałkę w kierunku, w którym została narysowana linia, wybierz opcję Koniec

Poniżej znajduje się linia podobna do poprzedniej, którą narysowałem, ale ze strzałką na końcu:

Łatwe rysowanie strzałek za pomocą narzędzia Linia

Jeśli domyślny rozmiar strzałki Ci nie odpowiada, możesz go zmienić za pomocą parametrów Szerokość i Długość. Możemy również dodać krzywą do strzałki za pomocą parametru Wklęsłość. Domyślna wartość tego parametru wynosi 0%. Zwiększę to do 50%:

Zwiększ wartość Krzywizny, aby zmienić kształt strzałki

W rezultacie zmieni się kształt strzałki. Ponownie upewnij się, że wybrałeś wartość Krzywizna przed rozpoczęciem rysowania linii, w przeciwnym razie będziesz musiał usunąć kształt i narysować go ponownie:

Strzałka z krzywizną ustawioną na 50%

Ukryj kontur wokół kształtu

Jeśli przyjrzysz się bliżej narysowanemu kształtowi (niezależnie od tego, jakiego narzędzia Kształty użyłeś), najprawdopodobniej zobaczysz wokół niego cienki kontur, co czasami może być irytujące. Kontur wokół kształtu pojawia się za każdym razem, gdy wybrana jest maska ​​wektorowa kształtu i zawsze jest ona zaznaczana domyślnie po narysowaniu nowego kształtu.

Jeśli spojrzysz na warstwę kształtu w panelu Warstwy, zobaczysz, że miniatura maski wektorowej jest otoczona białą obwódką, która informuje nas, że maska ​​jest faktycznie zaznaczona. Możesz ukryć kontur wokół kształtu, odznaczając maskę wektorową. Aby to zrobić, po prostu kliknij miniaturę maski wektorowej. Podświetlona ramka wokół miniatury zniknie, podobnie jak kontur wokół kształtu w dokumencie:

Kliknij miniaturę maski wektorowej, aby odznaczyć ją i ukryć kontur wokół kształtu

I oto jesteśmy! Omówiliśmy podstawy pracy z warstwami kształtów i pięcioma narzędziami z grupy Kształty w Photoshopie! W następnym samouczku nauczymy się tworzyć bardziej złożone kształty za pomocą narzędzia Kształt niestandardowy.

Tłumaczenie: Ksenia Rudenko

Tworzenie prostokąta w Photoshopie to dość proste zadanie, które może wykonać nawet początkujący. Radzę ci nauczyć się rysować ten prosty kształt, ponieważ ta umiejętność może ci się przydać do wykonania wielu zadań. Niezależnie od tego, czy jest to projekt strony internetowej, ramka na zdjęcie czy korekta obrazu. Pomimo pozornie dużego rozmiaru lekcji, poradzisz sobie z tym zadaniem w zaledwie kilka minut.

Pokażę ci kilka sposobów narysowania prostokąta, a wszystkie z nich będą Ci potrzebne.

Zacznijmy od kształtów. Tworzymy nowy dokument. Wystarczy 1000 na 1000 pikseli.

Teraz przejdź do paska narzędzi i poszukaj narzędzia prostokąta.


Przytrzymując prawy przycisk myszy rysujemy po polu roboczym.



Prostokąt jest gotowy! Aby pozbyć się cienkiej czarnej ramki, zrasteryzuj warstwę. Rasteryzację znajdziesz w oknie warstw.


Teraz drugi sposób. Wybrany obszar.

Na górnym panelu znajdź zakładkę „Warstwy” i utwórz nową.


Teraz czas zapoznać się z jednym z najpopularniejszych narzędzi w Photoshopie - wybranym obszarem, który znajduje się w górnej części bocznego paska narzędzi.


Rysujemy po polu roboczym przytrzymując prawy przycisk myszy.


Utworzył się wybrany obszar, który musimy wypełnić. Przejdźmy zatem do narzędzia „Wybierz kolor podstawowy”. Klikając na niego, otwieramy mapę kolorów i wybieramy dowolny odcień, który nam się podoba.

Szukamy narzędzia Wypełnienie, zaznacz je i kliknij wybrany obszar.



A teraz kombinacja klawiszy ctrl + d i zaznaczenie zostało usunięte! Prostokąt jest gotowy!



Trzecia metoda nauczy nas, jak narysować przezroczysty trójkąt w Photoshopie, który często służy jako ramka na zdjęcia. Rysowanie jest równie łatwe. Utwórz nową warstwę, wybierz prostokątny wybór i umieść go w obszarze roboczym. Ogólnie rzecz biorąc, wykonujemy wszystkie powyższe czynności.


A teraz obrysujemy wybrany obszar, dla którego przechodzimy do górnego panelu i klikamy zakładkę „Edycja”. Nas interesuje polecenie Obrys.


Jak widać, pojawiło się okno dialogowe, w którym należy wybrać grubość linii, kolor obrysu i lokalizację ramki. Ustaw parametry według własnego gustu lub wybierz moje.


Naciśnij kombinację klawiszy ctrl + d, aby usunąć zaznaczenie i cieszyć się efektem.

Jak widać mamy do czynienia z pełnoprawną ramką w postaci przezroczystego trójkąta.


Nauczyliśmy się już, jak zrobić prostokąt w Photoshopie. Nauczmy się, jak to edytować! Spróbujmy na przykład zmienić kolor i rozmiar.


Jak zapewne zauważyłeś, zaleciłem utworzenie nowej warstwy w celu narysowania prostokąta. I to nie jest przypadek. Twój prostokąt nie jest zakotwiczony w obszarze roboczym. Możesz go dowolnie edytować, a przestrzeń robocza pozostanie niezmieniona. Chcę Cię ostrzec, że te metody mają zastosowanie do prostokąta utworzonego dowolną z powyższych metod.

Najpierw spróbujmy zmienić kolor. Ponownie istnieje kilka metod. Pierwszym z nich jest narzędzie wypełniania. Wybierz żądany kolor z paska narzędzi. Następnie kliknij narzędzie wypełniania. A potem już na naszym prostokącie.

Prostokąt był żółty, ale stał się zielony. Bardzo proste, nie sądzisz?


Drugim sposobem są opcje nakładek. W koniu słowa szukamy żądanego i klikamy go lewym przyciskiem myszy.


W wyświetlonym oknie dialogowym zaznacz pole obok opcji Nakładka kolorowa. Kliknij pole wypełnione kolorem i wybierz to, które Ci się podoba.


Istnieje wiele sposobów zmiany koloru prostokąta. Ale możesz równie dobrze ograniczyć się do dwóch głównych.

Teraz nauczmy się, jak określić rozmiar prostokąta.


Zmiana rozmiaru prostokąta w Photoshopie jest niezwykle łatwa. Wybierz narzędzie Przesuń i kliknij prostokąt.



Przeciągając róg myszką, możesz zmienić jego rozmiar. A także odwróć się wzdłuż osi.

Dziś każdy z nas posiada sprzęt fotograficzny. W jednym profesjonalne aparaty, w drugim telefony z bardzo dobrym aparatem. Coraz więcej osób robi sobie selfie przednim aparatem w swoim smartfonie. Zatem w naszych czasach zrobienie dobrego zdjęcia nie stanowi już problemu. Każde urządzenie ma własną rozdzielczość obrazów, a wszystkie zdjęcia są prostokątne. Ale jak zrobić kwadrat ze zdjęcia? W tym krótkim tutorialu pokażę Ci trzy sposoby na zrobienie kwadratowego zdjęcia z prostokątnego zdjęcia w Adobe Photoshopie.

Ze ściętymi krawędziami

Spróbujmy zrobić zdjęcie kwadratowe, odcinając dodatkowe krawędzie.
1. Uruchom Photoshopa. Ładujemy obraz do programu, następnie przechodzimy do narzędzia „Ramka”.

2. Przytrzymaj klawisz Shift, kliknij za rogiem obrazu lub jeszcze lepiej za nim i przytrzymując klawisz Shift i lewy przycisk myszy, narysuj kwadratową ramkę w górę do jednej od krawędzi obrazu. Zwolnij przycisk myszy i przesuń.

3. Teraz użyj strzałek na klawiaturze, aby przejść w żądanym kierunku przycinania i naciśnij Enter.

Podczas zapisywania w formacie „JPEG” wybierz jakość 12 (najlepsza) i kliknij „OK”.

To wszystko. Przycięliśmy i sprawiliśmy, że zdjęcie będzie kwadratowe.

Brak krawędzi tnących

Teraz postaramy się, aby zdjęcie było kwadratowe, bez obcinania krawędzi. Krawędzie staną się białe, a zdjęcie pozostanie bez zniekształceń i nieprzycięte. No to ruszamy.
1. Kliknij zdjęcie prawym przyciskiem myszy, przejdź do właściwości.

2. Następnie w oknie dialogowym przejdź do „Szczegóły” i sprawdź rozmiar obrazu. W moim przypadku jeden z boków jest większy, 640 pikseli, a pikseli jest 72. Wtedy stworzymy w Photoshopie kwadrat 640x640 pikseli, a nie 425 na 425. Ustawimy też rozdzielczość na 72 piksele. Zapisz te dane.

3. Utwórz pusty biały kwadrat. Otwórz Photoshopa i przejdź do Plik > Nowy.

4. W wyświetlonym oknie dialogowym uzupełnij dane. W moim przypadku szerokość i wysokość będą wynosić 640 pikseli. Rozdzielczość 72. I patrzysz na właściwości swojego obrazu. Naciskamy „OK”.

5. Stworzyliśmy biały kwadrat.

6. Teraz bierzemy i po prostu przeciągamy Twój obraz do Photoshopa, do tego kwadratu.

7. Następnie naciśnij Enter.

OK, wszystko już skończone. Zrobiliśmy kwadrat zdjęcia bez przycinania i zniekształcania. Teraz pozostaje go uratować. Jak to zrobić, opisano powyżej.

Metoda rozciągania

Powiem ci tę metodę, ale myślę, że nie jest ona poprawna, ponieważ obraz jest zniekształcony i traci swój pierwotny wygląd. Możliwe, że w jakimś celu ten akapit lekcji będzie dla ciebie przydatny.

1. Prześlij zdjęcie. Przejdź do opcji Obraz > Rozmiar obrazu.

2. W oknie dialogowym natychmiast usuń zaznaczenie pola wyboru „Zachowaj proporcje”. W „szerokości” i „wysokości” wpisujemy te same liczby. W naszym przypadku, jeśli ustawimy 425x425, szerokość się zawęzi, a jeśli ustawimy 640x640, obraz będzie się rozciągał. Po wprowadzeniu danych kliknij „OK”.

3. Ustawiłem 425x425 i zdjęcie zmniejszyło szerokość. Ratujemy. Wynik znajduje się poniżej.