Rysowanie prostokątów w Photoshopie. Jak tworzyć dowolne kształty lub kształty w prostokącie wolumetrycznym programu Photoshop w programie Photoshop

Gdy tylko zwolnisz przycisk myszy, Photoshop wypełni kształt kolorem lub typem wypełnienia wybranym na pasku opcji:



Gdy tylko zwolnisz lewy przycisk myszy, Photoshop wypełni kształt kolorem lub innym wstępnie ustawionym wypełnieniem.

Zmiana rozmiaru kształtu po jego narysowaniu

Po narysowaniu początkowego kształtu (w naszym przypadku prostokąta) jego aktualne wymiary pojawią się w polach wejściowych „Szerokość” (W) i „Wysokość” (H) w panelu opcji.
Tutaj widzimy, że mój prostokąt ma 464 piksele szerokości i 257 pikseli wysokości:


Wysokość i szerokość kształtu są wyświetlane w odpowiednich polach wejściowych na pasku opcji.

Jeśli chcesz zmienić gotowy rozmiar Kształty Photoshopa(działa to w przypadku wszystkich narzędzi kształtów wektorowych, nie tylko prostokąta), po prostu wprowadź żądany rozmiar w polach Szerokość i/lub Wysokość. Załóżmy na przykład, że nagle muszę zmienić szerokość prostokąta na 500 pikseli. Wszystko, co muszę zrobić, to wprowadzić wartość 500 pikseli w polu Szerokość na pasku opcji. Jeśli to konieczne, możesz zmienić wysokość w ten sam sposób.

Jeśli chcesz zmienić szerokość lub wysokość, zachowując jednocześnie oryginalne proporcje kształtu, najpierw kliknij ikonę małego łańcuszka znajdującą się pomiędzy polami wejściowymi szerokość i wysokość:


Kliknij tę ikonę, jeśli chcesz, aby proporcje pozostały takie same podczas zmiany długości lub szerokości kształtu.

Jak wstępnie ustawić rozmiar kształtu przed jego narysowaniem

Jeśli znasz wcześniej dokładną szerokość i wysokość tworzonego kształtu, Photoshop ma opcję zbudowania kształtu o określonych wymiarach.

Aby rozpocząć, wybierz żądane narzędzie do konstruowania kształtów wektorowych. Następnie po prostu kliknij lewym przyciskiem myszy w dowolnym miejscu okna dokumentu, co otworzy okno dialogowe, w którym możesz wprowadzić wartości szerokości i wysokości. Kliknij OK, aby zamknąć okno dialogowe, a Photoshop automatycznie narysuje żądany kształt:



Okno dialogowe umożliwiające konstruowanie figury o zdefiniowanych wymiarach.

Rysowanie kształtów od środka

Oto kilka prostych, ale bardzo przydatnych skrótów klawiaturowych. Jeśli naciśniesz i przytrzymasz klawisz Alt i przeciągniesz kursor, aby utworzyć kształt, zaczniesz rysować go od środka, a nie od rogu. Ta reguła działa ze wszystkimi narzędziami kształtów programu Photoshop, a nie tylko z narzędziem Prostokąt. Ale konstruując figurę od środka, należy wziąć pod uwagę jedną rzecz ważny punkt. Klawisz Alt musi być wciśnięty Po jak zaczynasz tworzyć figurę, tj. Potem, po naciśnięciu lewego przycisku myszy i rozpoczęciu przeciągania kursora. Powinieneś także zwolnić Alt Potem, po zwolnieniu lewego przycisku myszy, tj. po zakończeniu budowania figury:



Naciśnij i przytrzymaj klawisz Alt, aby rozpocząć budowanie kształtu od jego środka. Okrąg pokazuje punkt wyjścia do konstruowania figury.

Rysowanie kwadratów

Aby narysować idealny kwadrat za pomocą narzędzia Prostokąt, kliknij wewnątrz dokumentu, aby ustawić punkt początkowy i rozpocznij przeciąganie w zwykły sposób. Po rozpoczęciu przeciągania naciśnij i przytrzymaj klawisz Shift. Spowoduje to zmianę prostokąta w kwadrat. Ponownie zwolnij Shift dopiero po zwolnieniu przycisku myszy. Możesz także połączyć klawisze Shift i Alt, aby zbudować idealny kwadrat zaczynając od środka:

Naciśnij i przytrzymaj klawisz Shift podczas przeciągania, aby narysować kwadrat.

Ponownie, podczas tworzenia kształtu zobaczysz tylko pusty kontur, a gdy tylko zwolnisz przycisk myszy (tj. zakończysz tworzenie kształtu), Photoshop wypełni gotowy kontur kolorem.

Narzędzia do rysowania umożliwiają tworzenie i edytowanie kształtów wektorowych. Ułatwiają tworzenie różnorodnych elementów stron internetowych.

Utwórz nowy plik szkoleniowy.

Kliknij lewym przyciskiem myszy narzędzie -kształty- na pasku narzędzi, otworzy się okno wyboru narzędzia:

Oto podstawowe kształty, których możemy użyć. Wybierz dowolną i spójrz na panel opcji:

Dla dowolnego kształtu możesz wybrać:

  • tryb rysowania:
    • Warstwa kształtu. Figura jest tworzona w osobnej warstwie. Warstwa kształtu składa się z warstwy wypełnienia, która definiuje kolor kształtu, oraz powiązanej z nią maski wektorowej, która definiuje granice kształtu. Kontur kształtu to ścieżka wyświetlana na karcie Ścieżki panelu Warstwy.

    • Wytyczne. Tryb ten umożliwia rysowanie konturów kształtów, które można wypełnić lub obrysować dowolnym kolorem. Ścieżki pojawiają się na karcie Ścieżki panelu Warstwy.

    • Wypełnienie pikseli. Podczas pracy w tym trybie tworzone są obrazy nie wektorowe, ale rastrowe, które można przetwarzać w taki sam sposób, jak każdy obraz rastrowy

  • styl i kolor sylwetki

  • ustawić parametry specyficzne dla tej figury

Rysowanie prostokątów

Wybierzmy pierwszy kształt - prostokąt. W panelu wybierz tryb - warstwa kształtu. Wybierz styl, klikając trójkąt po prawej stronie.

Wybierz dowolny, który Ci się podoba. Nawiasem mówiąc, jeśli klikniesz trójkąt w okręgu (po prawej), możesz wybrać dodatkowe style w menu kontekstowym, które zostanie otwarte. Jeśli nie chcesz używać stylu, wybierz biały kwadrat przekreślony czerwoną linią.

Teraz możesz ustawić parametry geometryczne:

  • Dowolnie- jak narysujesz, tak będzie.
  • Kwadrat- gdy rozciągniesz kształt myszką, szerokość i wysokość będą zawsze takie same.
  • Określony rozmiar- możesz ustawić szerokość i wysokość prostokąta (w cm) i kliknąć płótno. Pojawi się prostokąt o określonych wymiarach.
  • Ustal proporcje- możesz ustawić, ile razy szerokość będzie mniejsza (lub większa) od wysokości. Podczas rozciągania sylwetki proporcja zostanie zachowana.
  • Od centrum- rysuje prostokąt od środka.
  • Przyciągaj do pikseli- krawędzie prostokąta są przyciągane do granic pikseli.
Teraz wybierz -arbitralnie- i rozciągnij prostokąt na płótnie za pomocą myszy. Oto, co otrzymałem, używając stylów Przycisk, Szklane przyciski i Style internetowe.

Wystarczająco przydatne narzędzie do tworzenia przycisków i menu dla swoich stron internetowych, prawda?

Narysuj prostokąty z zaokrąglonymi narożnikami

Wybierzmy drugi kształt - prostokąt z zaokrąglonymi narożnikami. W panelu wybierz tryb - warstwę kształtu, promień narożnika - na przykład 15 i kolor (możesz stylizować według własnego uznania. Parametry geometryczne są takie same jak dla prostokąta).

To właśnie mi się przydarzyło różne kombinacje promień i styl.

Dlaczego nie bloki wiadomości i przyciski menu?

Rysowanie kręgów

Wybierzmy trzecią figurę - elipsę. W panelu wybierz tryb - warstwę kształtu, kolor i styl. Parametry geometryczne są takie same jak w przypadku prostokąta, z tą tylko różnicą, że zamiast kwadratu można wybrać okrąg. Wybierz -losowo- i rozciągnij elipsę. Jeśli chcesz, aby powstał okrąg, przytrzymaj klawisz Shift lub wybierz -okrąg- w parametrach geometrycznych.

Oto co dostałem:

Rysowanie wielokątów

Wybierzmy kształt - wielokąt. W panelu wybierz tryb - warstwę kształtu, liczbę boków z zakresu od 3 do 100 (np. 3 dla trójkąta, 6 dla sześciokąta), kolor i styl. Rozważmy parametry geometryczne:

  • Promień- promień wielokąta.
  • Gładkie zewnętrzne rogi
  • Gwiazda- przy odznaczonym checkboxie wielokąt jest wypukły, przy zaznaczonym checkboxie wielokąt jest wklęsły.
  • Głębokość wiązki- jeśli wielokąt jest wklęsły, to jego wierzchołki wydają się tworzyć promienie. Ten parametr pokazuje, jaka część promienia wielokąta zostanie zajęta przez promienie. Im wyższy %, tym dłuższe i ostrzejsze promienie.
  • Gładkie zewnętrzne rogi- przy odznaczonym checkboxie rogi są ostre, przy zaznaczonym checkboxie rogi są zaokrąglone.
Na przykład:

Pierwszy sześciokąt ma promień 3 cm, pozostałe pola są odznaczone.

Drugi sześciokąt ma promień 3 cm, znacznik wyboru w -gwiazda-, głębokość promieni wynosi 25%, pozostałe pola wyboru są odznaczone.

Trzeci sześciokąt ma promień 3 cm, głębokość promieni wynosi 50%, wszystkie pola są zaznaczone.

Wszyscy mają określony styl.

Rysowanie linii

Wybierzmy kształt - linie. W panelu wybierz tryb - warstwę kształtu, grubość linii (w pikselach), kolor i styl. Rozważmy parametry geometryczne:

Jeżeli wszystkie checkboxy nie zostaną zaznaczone, pojawi się tylko linia, parametry ustawiane są za pomocą strzałek na końcach tej linii.

  • Start- strzałka na początku linii.
  • Koniec- strzałka na końcu linii.
  • Szerokość- proporcje strzałki jako procent grubości linii (od 10% do 1000%).
  • Długość- proporcje strzałki jako procent grubości linii (od 10% do 5000%).
  • Krzywizna- określa stopień krzywizny najszerszej części strzałki w miejscu styku z linią (od -50% do +50%).
Na przykład:

W pierwszej linii wszystkie checkboxy są odznaczone, szerokość - 500%, długość - 1000%, grubość - 2 piksele.

W przypadku drugiej linii wszystko jest takie samo, ale na początku znajduje się znacznik wyboru, a krzywizna wynosi 5%.

W przypadku trzeciej linii wszystko jest takie samo, ale -koniec- jest zaznaczany, a -początek- nie jest zaznaczany.

Czwarta linia zawiera oba pola wyboru, szerokość - 500%, długość - 1000%, krzywizna - 15%, grubość - 5 pikseli.

Wszyscy mają określony styl.

Narysujmy dowolne figury

Wybierzmy figurę - dowolną figurę. W panelu wybierz tryb - kształt warstwy, kolor i styl. Parametry geometryczne są takie same jak w przypadku prostokąta. Ale tutaj jest wybór samej figury:

Jeśli klikniesz trójkąt w okręgu (po prawej), możesz wybrać dodatkowe kształty w menu kontekstowym, które się otworzy.

Rysowanie wielu kształtów na jednej warstwie

Zasada jest tu taka sama jak w przypadku prostokątnych narzędzi do zaznaczania (na pierwszej lekcji zrobiliśmy niestandardowy obszar zaznaczenia za pomocą narzędzi z paska opcji: dodaj do zaznaczenia, odejmij od zaznaczenia itp.). Te same narzędzia są dostępne w panelu Opcje kształtu.

Na przykład utwórz kształt prostokąta, teraz na pasku opcji kliknij ikonę „dodaj do obszaru kształtu”, a teraz wybierz kształt elipsy. Przesuń kursor myszy do górnej krawędzi naszego prostokąta, naciśnij lewy przycisk myszy i nie puszczając go, rozciągnij elipsę. Powinno to wyglądać mniej więcej tak:

Jeśli elipsa nie jest rozciągnięta zgodnie z oczekiwaniami, możesz ją poprawić. W tym celu z paska narzędzi wybierz narzędzie wyboru ścieżki:

Przesuń kursor do krawędzi elipsy i przytrzymując lewy przycisk myszy przeciągnij elipsę tam, gdzie powinna się znajdować. Korzystając ze wszystkich tych narzędzi, możesz rysować kształty o różnej złożoności.

Zapisywanie kształtów

Powiedzmy, że spodobał nam się ostatni stworzony przez nas kształt i chcemy go użyć w przyszłości. Aby to zrobić, musisz go zapisać. W tym menu Edycja -> Zdefiniuj kształt niestandardowy. Nadaj nazwę nowemu kształtowi.

Teraz nasz kształt pojawił się w rozwijanym panelu wyboru niestandardowego kształtu.

Na tym kończy się lekcja. Następnym razem zajmiemy się konturami i obrazami rastrowymi.

Tworzenie prostokąta w Photoshopie jest ładne proste zadanie, co może zrobić nawet początkujący. Radzę ci nauczyć się to rysować najprostsza figura, ponieważ ta umiejętność może Ci się przydać przy wykonywaniu 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 pewnego dnia będziesz potrzebować.

Zacznijmy od liczb. Stwórzmy nowy dokument. Rozmiar 1000 na 1000 pikseli będzie wystarczający.

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


Przytrzymaj prawy przycisk myszy i przeciągnij po obszarze 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 - obszarem zaznaczania, który znajduje się w górnej części bocznego paska narzędzi.


Po polu roboczym poruszamy się przytrzymując prawy przycisk myszy.


Utworzył się wybrany obszar, który musimy wypełnić. Dlatego przechodzimy 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łnij”, zaznacz je i kliknij wybrany obszar.



A teraz kombinacją klawiszy jest ctrl+d i zaznaczenie zostaje 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 zaznaczony obszar i umieść go na obszarze roboczym. Generalnie wykonujemy wszystkie powyższe kroki.


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 z prośbą o wybranie grubości linii, koloru obrysu i położenia obramowania. Ustaw parametry według własnego gustu lub wybierz moje.


Naciśnij kombinację klawiszy ctrl+d, aby odznaczyć 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ć! Na przykład spróbujmy zmienić kolor i rozmiar.


Jak zapewne zauważyłeś, zaleciłem utworzenie nowej warstwy w celu narysowania prostokąta. I nie dzieje się tak bez powodu. Twój prostokąt nie jest powiązany z obszarem roboczym. Możesz go dowolnie edytować, a obszar roboczy pozostanie niezmieniony. Chcę Cię ostrzec, że te metody dotyczą 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 wzdłuż naszego prostokąta.

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


Drugi sposób to opcje mieszania. W ostatnim słowie znajdź ten, którego potrzebujesz i kliknij go lewym przyciskiem myszy.


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


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

Teraz nauczmy mnie rozmiaru 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 obróć go wzdłuż osi.

W tym samouczku przyjrzymy się podstawom pracy z kształtami i warstwami kształtów Program Photoshop. Naszą lekcję rozpoczniemy od poznania pięciu podstawowych narzędzi umożliwiających rysowanie kształty geometryczne, - „Prostokąt”, „Prostokąt z zaokrąglonymi narożnikami”, „Elipsa”, „Wielokąt” i „Linia”.

Następnie w następnej lekcji przyjrzymy się, jak rysować kształty złożony kształt za pomocą narzędzia Swobodny kształt. Większość ludzi uważa, że ​​Photoshop służy tylko do przetwarzania obrazów i jeśli poprosisz ich o polecenie dobrego edytor graficzny, w większości przypadków odpowiedź brzmiałaby „Adobe Illustrator”.

Rzeczywiście możliwości edytora Adobe Illustrator w dziedzinie grafiki wektorowej są znacznie szersze niż programu Photoshop, niemniej jednak program Photoshop w tym obszarze może zrobić więcej, niż można się spodziewać po edytorze obrazów rastrowych. Różne narzędzia 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, które pozwalają rysować kształty - narzędzie Prostokąt, narzędzie zaokrąglony prostokąt, narzędzie elipsa, narzędzie wielokąt, linia (narzędzie linia) i „narzędzie kształtu niestandardowego”. Znajdują się one w jednym miejscu na pasku narzędzi.

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

Wszystkie sześć narzędzi z grupy Kształty znajduje się w jednym miejscu na pasku narzędzi

Jeśli najpierw wybrałeś jedno narzędzie w grupie Kształty, a następnie chcesz przełączyć się na inne, nie ma potrzeby ponownego odwiedzania panelu Narzędzia (chociaż możesz to zrobić, jeśli chcesz). Photoshop pozwala nam wybrać potrzebne nam narzędzie z panelu Opcje u góry ekranu, gdzie prezentowanych jest wszystkie sześć narzędzi. Na przykład w panelu Narzędzia 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ą ułożone 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 panelu Opcje (po wybraniu jednego z nich w panelu Narzędzia)

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” w zależności od typu budowy ciała. W rzeczywistości Photoshop pozwala nam narysować kształty trójki różne typy- kształty wektorowe, kontury i kształty pikseli.

W innym samouczku przyjrzymy się szczegółowo, czym różnią się te trzy typy kształtów i kiedy użyć jakiego typu, ale w większości przypadków będziesz rysować kształty wektorowe. Są to te, które są rysowane w programie takim jak Illustrator. W przeciwieństwie do kształtów pikseli, kształty wektorowe 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 podczas późniejszego drukowania.

Aby rysować kształty wektorowe, wybierz opcję Warstwy kształtów w panelu ustawień. To pierwsza z trzech ikon, zlokalizowana przy lewej krawędzi (ś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. Zrobimy to klikając ikonę próbki koloru znajdującą się po prawej stronie słowa „Kolor” w panelu ustawień:

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

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

W palecie kolorów wybierz kolor figury

Jeśli nie jesteś pewien, czy wybrałeś odpowiedni kolor do swojej sylwetki, nie przejmuj się. Następnie przyjrzymy się, jak możemy wykorzystać warstwy 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ąć kursor myszy po przekątnej, aby zakończyć rysowanie kształtu. Przesuwając kursor, zobaczysz subtelne kontury przyszłej postaci:

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

Gdy będziesz zadowolony z efektu puść przycisk myszki, a program od razu 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 zdefiniować ś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 klawisz Alt (Win) / Option (Mac) i przytrzymaj go podczas przesuwania kursora. Naciśnięcie tego klawisza nakazuje programowi narysowanie kształtu od środka. Ta technika 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ąt. Gdy już zaczniesz to robić, naciśnij klawisz Shift i przytrzymaj go podczas przesuwania kursora. Naciśnięcie klawisza Shift spowoduje przekształcenie kształtu w 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+Opcja (Mac)):

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

Po raz kolejny Photoshop pokaże 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ędzia grupy kształtów

Jeśli spojrzysz na panel Opcje, zobaczysz małą strzałkę skierowaną w dół po prawej stronie sześciu ikon narzędzi grupowych Kształty. Kliknięcie tej strzałki otworzy listę dodatkowych opcji dla wybranego narzędzia grupowania Kształty. Na przykład po wybraniu narzędzia Prostokąt kliknięcie strzałki spowoduje otwarcie menu z opcjami narzędzia Prostokąt. Z wyjątkiem narzędzi Wielokąt i Linia, którym przyjrzymy się później, z tego menu nie będziesz korzystać zbyt często, ponieważ nauczyliśmy się już wybierać podstawowe opcje za pomocą skrótów klawiaturowych i poszczególnych klawiszy.

Przykładowo domyślnie wybrana jest opcja Bez ograniczeń i to ona odpowiada za normalne działanie narzędzia Prostokąt, pozwalającego na rysowanie prostokątnych kształtów o dowolnej wielkości i 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 narysowanie 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 reszty grupy 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” w panelu opcji. A teraz, gdy narysowałem kształt, widzimy, że w panelu Warstwy pojawiła się warstwa kształtu (warstwa typu Kształt), którą program nazwał „Kształt 1”. Każdy nowy kształt wektorowy, który narysujemy, zostanie umieszczony na własnej 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ą po lewej stronie ikonę próbki koloru, a po prawej stronie miniaturę maski wektorowej.

Jak wspomniałem wcześniej, nie powinieneś martwić się wyborem żądany kolor dla kształtu, ponieważ możemy łatwo zmienić kolor wypełnienia kształtu 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 paletę kolorów, w której możemy wybrać inny kolor dla naszego kształtu. Tym razem wybiorę kolor niebieski:

Wybierz inny kolor z palety kolorów

W dowolnym momencie łatwo jest 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 przedstawia naszą sylwetkę. Maski wektorowe są podobne do zwykłych masek warstwowych w tym sensie, że częściowo zakrywają warstwę, pozostawiając widoczne pewne obszary. Innymi słowy, gdy rysujemy kształt wektorowy, program faktycznie wypełnia całą warstwę wybranym kolorem, ale maska ​​wyświetla kolor tylko w obszarze kształtu, podczas gdy kolor na pozostałej części obszaru warstwy jest ukryty. Podczas pracy z narzędziami grupy „Kształty” oczywiście nie trzeba wcale 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 z kolorem:

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 widać, że jest cała wypełniona niebieski, którym zdecydowałem się wypełnić kształt. Jeśli przyjrzymy się bliżej, zobaczymy cienki zarys położenia kształtu 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 Warstwy. Po włączeniu maski kolor pozostanie tylko w obszarze kształtu, natomiast kolor w pozostałej części warstwy będzie niewidoczny. Białe obszary wokół kształtu w oknie dokumentu należą do warstwy tło znajduje się poniżej:

Dokument po ponownym włączeniu maski wektorowej

Skoro już poznaliśmy warstwy kształtów, przyjrzyjmy się innym kształtom, które można rysować w Photoshopie za pomocą narzędzi grupowych 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ń w panelu ustawień. Im większą wartość promienia wprowadzimy, tym bardziej zaokrąglone będą rogi. W moim przypadku wprowadzę wartość promienia wynoszącą 50 pikseli:

Użyj opcji Promień, aby określić stopień zaokrąglenia narożników

Aby narysować zaokrąglony prostokąt, po wprowadzeniu wartości promienia kliknij w oknie dokumentu, aby określić 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. Podobnie jak w przypadku kształtu Prostokąt, w miarę przesuwania kursora program będzie 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 ustawionym na 150 pikseli. Ta wartość tak duży (przynajmniej jak na tę liczbę), że lewy i prawa strona prostokąty mają kształt krzywej:

Jak większa wartość promień, tym bardziej zaokrąglone są 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, co jest dostępne w programie Illustrator. Photoshop nie pozwala 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 jest zasadniczo kwestią 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ąć, a następnie wprowadź nową wartość promienia na pasku opcji i rozpocznij ponownie rysując prostokąt.

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

Jeśli klikniemy małą strzałkę na pasku opcji, aby otworzyć menu Opcje zaawansowane narzędzia Zaokrąglony prostokąt, zobaczymy, że opcje Styl dowolny, Kwadrat i Środek są takie same, jak opcje narzędzia Prostokąt. Ponownie 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 opcje zaawansowane

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:

Rysowanie elipsy za pomocą narzędzia Elipsa

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

Ellisawypełnionykolor

Aby idealnie rysować, naciśnij i przytrzymaj klawisz Shift po rozpoczęciu pracy z narzędziem Elipsa gładkie koło. Naciśnięcie Alt (Win) / Option (Mac) pozwoli Ci narysować kształt od środka:

Zacznij rysować, a następnie dodaj naciśnięcia klawiszy 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 narzędzi Prostokąt i Zaokrąglony prostokąt. Jedyna różnica polega na tym, że opcja narzędzia Elipsa umożliwia rysowanie okręgów 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 możliwości rysowania kształtów. Podczas gdy za pomocą narzędzia Prostokąt możemy rysować tylko prostokąty o czterech bokach, narzędzie Wielokąt pozwala nam rysować wielokąty o dowolnej liczbie boków. Następnie przyjrzymy się, jak można nawet rysować gwiazdy za pomocą tego narzędzia.

Określ wymaganą liczbę boków wielokąta w polu opcji Boki w panelu ustawień. Domyślna wartość Boków to 5, ale możesz wprowadzić dowolną liczbę od 3 do 100:

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

Po określeniu 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ę kątó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

Określając liczbę boków równą 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

Rysowanie gwiazd 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 myszką w oknie dokumentu i przeciągnij kursor, aby narysować gwiazdkę. Opcja Boki w panelu ustawień określa liczbę punktów na gwieździe. Tak więc, jeśli domyślna wartość 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 parametru Waga w panelu ustawień. W moim przypadku wprowadzę wartość 16 pikseli:

Użyj opcji Grubość, aby określić 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 ruchu kursora. Umożliwi to łatwe rysowanie linii poziomych lub pionowych:

Przytrzymaj klawiszZmiana do rysowania linii poziomych lub pionowych

Aby ustawić strzałki na końcach linii, kliknij małą ikonę strzałki w panelu ustawień, aby wybrać opcje Groty 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 wskazywała kierunek rysowania linii, 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 zdefiniować 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:

Narzędzie Linia ułatwia rysowanie strzałek

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ć zagięcie 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ś opcję 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%

Ukrywanie konturu wokół kształtu

Jeśli przyjrzysz się uważnie narysowanemu kształtowi (bez względu na to, jakiego narzędzia Kształty użyłeś), prawdopodobnie zobaczysz wokół niego cienki kontur, co czasami może być denerwujące. Kontur wokół kształtu pojawia się za każdym razem, gdy wybrana zostanie maska ​​kształtu wektorowego 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

A teraz skończyliśmy! Omówiliśmy podstawy pracy z warstwami kształtów i pięcioma narzędziami 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

Program Adobe Photoshopie szeroko stosowany do pracy z obrazami, zapewniając naprawdę szerokie możliwości. Większość użytkowników używa Photoshopa do retuszu zdjęć, ale dodatkowo program pozwala na tworzenie: rysunków, obrazów, grafik - o różnym stopniu złożoności. Photoshop ma kilka narzędzi przeznaczonych do tworzenia rysunków. Pierwszym krokiem jest nauczenie się rysowania prostych elementów, takich jak trójkąty, linie, elipsy i inne, ponieważ są one bardzo często wykorzystywane podczas tworzenia różnego rodzaju rysunków. W tym artykule przyjrzymy się bliżej, jak rysować proste kształty w Photoshopie. Rozwiążmy to. chodźmy!

Rozumiemy podstawy grafiki komputerowej

Po otwarciu programu Adobe Photoshop spójrz na panel Narzędzia. Aby przejść do kształtów kliknij ikonę prostokąta. W wyskakującym oknie zobaczysz następujące narzędzia:

  • "Prostokąt";
  • „Prostokąt z zaokrąglonymi narożnikami”;
  • "Elipsa";
  • "Wielokąt";
  • "Linia";
  • „Dowolna liczba”.

Edytor oferuje kilka klasycznych i darmowych formularzy

W sumie dostępne są trzy tryby rysowania:

  1. Tworzony jest nowy kształt, dla którego można utworzyć warstwę wypełnienia lub maskę wektorową.
  2. Tworzony jest zarys postaci, który zostaje zamalowany jakimś kolorem.
  3. Tryb pikseli. W tym przypadku obrazy są rastrowe, a nie wektorowe.

Dla każdej wybranej figury ustalane są parametry geometryczne, czyli proporcje. Aby narysować prostokąt, wybierz odpowiednie narzędzie, ustaw niezbędne ustawienia konturu i koloru wypełnienia. Teraz wystarczy umieścić kursor w punkcie arkusza, od którego chcesz rozpocząć rysowanie. Przytrzymaj lewy przycisk myszy i przeciągnij prostokąt zgodnie z potrzebą.

Nie ma nic prostszego niż narysowanie linii. Służy do tego narzędzie o tej samej nazwie.

W przypadku okręgu użyj klawisza Shift lub menu ustawień dodatkowych

Przejdźmy do tego, jak narysować okrąg w Photoshopie. Tutaj wszystko dzieje się w podobny sposób. Wybierz narzędzie Elipsa i zdecyduj o kolorze i grubości konturu. Jeśli chcesz uzyskać okrąg zamiast elipsy, przytrzymaj klawisz „Shift” na klawiaturze lub ustaw „okrąg” w sekcji parametrów geometrycznych.

Rysujemy piękną kompozycję przy użyciu standardowych narzędzi

Teraz wymyślmy, jak narysować trójkąt w Photoshopie. W tym przypadku wszystko nie jest takie oczywiste, ale jednocześnie wcale nie jest bardziej skomplikowane. Wystarczy wybrać „Wielokąty” i w małym oknie „Boki” ustawić liczbę kątów. Odpowiednio, aby uzyskać trójkąt, wpisz liczbę „3”. Następnie wszystko odbywa się dokładnie tak samo, jak w poprzednich przypadkach. Za pomocą narzędzia Wielokąt możesz utworzyć kształt o dowolnej liczbie kątów. Jeśli musisz zdobyć prawy trójkąt, narysuj kwadrat, a następnie odetnij połowę po przekątnej.

Strzałki na początku lub na końcu można ustawić we właściwościach narzędzia

Spójrzmy, jak narysować strzałkę w Photoshopie. Można to zrobić na dwa sposoby. Po pierwsze, należy wybrać narzędzie „Linia”, następnie w oknie parametrów zaznaczyć, po której stronie linii będzie znajdować się strzałka (na początku lub na końcu), następnie należy ustawić grubość strzałki w pikselach. Umieść kursor w żądanym punkcie i rozpocznij rozciąganie linii za pomocą myszki. Drugą metodą jest wybranie „Kształtu niestandardowego”. Na górnym panelu znajduje się tabela z szablonami, wśród nich znajduje się strzałka.

Szablony zawarte w standardowym pakiecie aplikacji

Teraz wiesz, jak dodawać proste kształty geometryczne w Photoshopie. Jak widać nic prostszego. Napisz w komentarzach, czy ten artykuł był dla Ciebie przydatny i zadaj wszelkie pytania dotyczące omawianego tematu.