Jak tworzyć dowolne kształty lub kształty w programie Photoshop. Jak rysować krzywe piórem w Photoshopie

Program Adobe Photoshop jest szeroko stosowany do pracy z obrazami, zapewniając naprawdę szeroki wachlarz możliwości. Większość użytkowników używa programu Photoshop do retuszu zdjęć, ale dodatkowo program umożliwia tworzenie: rysunków, obrazów, grafik - o różnym stopniu złożoności. Photoshop ma kilka narzędzi do tworzenia rysunków. Przede wszystkim musisz nauczyć się rysować najprostsze elementy, takie jak trójkąty, linie, elipsy i inne rzeczy, ponieważ są one bardzo często używane przy tworzeniu różnego rodzaju rysunków. W tym artykule przyjrzymy się bliżej, jak narysować najprostsze kształty w Photoshopie. Rozwiążmy to. Iść!

Poznaj podstawy grafiki komputerowej

Po uruchomieniu programu Adobe Photoshop zwróć uwagę na pasek narzędzi. 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 rogami”;
  • "Elipsa";
  • "Wielokąt";
  • "Linia";
  • „Arbitralna postać”.

Edytor oferuje kilka klasycznych i dowolnych kształtów

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. Kontur postaci jest tworzony i malowany jakimś kolorem.
  3. Tryb pikseli. W tym przypadku obrazy są rastrowe, a nie wektorowe.

Dla każdej wybranej figury ustawiane są parametry geometryczne, czyli proporcje. Aby narysować prostokąt, wybierz odpowiednie narzędzie, ustaw żądane ustawienia konturu i kolor wypełnienia. A teraz po prostu umieść kursor w punkcie na arkuszu, od którego chcesz rozpocząć rysowanie. Przytrzymując lewy przycisk myszy, rozciągnij prostokąt według potrzeb.

Nie ma nic prostszego niż narysowanie linii. W tym celu używane jest narzędzie o tej samej nazwie.

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

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

Rysujemy piękną kompozycję standardowymi środkami

Teraz wymyślmy, jak narysować trójkąt w Photoshopie. W tym przypadku wszystko nie jest takie oczywiste, ale wcale nie jest bardziej skomplikowane. Wszystko, co musisz zrobić, to wybrać „Wielokąty” iw małym polu „Boki” ustawić liczbę rogów. Odpowiednio, aby uzyskać trójkąt, wprowadź liczbę „3”. Następnie wszystko odbywa się dokładnie tak samo, jak w poprzednich przypadkach. Za pomocą narzędzia Wielokąt możesz uzyskać kształt z dowolną liczbą rogów. Jeśli chcesz uzyskać 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

Zobaczmy, 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 opcji zaznaczyć, po której stronie linii ma znajdować się strzałka (na początku lub na końcu), a następnie ustawić grubość strzałki w pikselach. Umieść kursor w żądanym punkcie i zacznij przeciągać linię za pomocą myszy. Drugim sposobem jest wybranie „Custom Shape”. Na górnym panelu znajduje się tabela z szablonami, wśród nich znajduje się również strzałka.

Szablony, które są zawarte w standardowej konfiguracji aplikacji

Istnieje wiele obszarów, w których możesz wykorzystać swoją wiedzę z programu Photoshop. Mogę z całą pewnością powiedzieć, że czasami dwie różne dziedziny wymagają tak różnych umiejętności, że jest to po prostu niesamowite. Projektant może nawet nie wiedzieć, jak wyretuszować portret. A fotograf nie będzie miał pojęcia, jak pracować z linijkami. Ale są rzeczy, które każdy chce wiedzieć. Jak na przykład tworzenie najprostszych kształtów. Zastanówmy się, jak narysować trójkąt w Photoshopie.

Istnieje kilka sposobów narysowania trójkąta w programie Adobe Photoshop CS 6. Zacznijmy od narzędzia Wielokąt.

Stwórzmy nowy dokument. Znajdź narzędzie Wielokąt po prawej stronie i wybierz je.

Teraz wybierz kolor przyszłego trójkąta. Na tym samym pasku narzędzi. Ta metoda pozwoli nam stworzyć trójkąt wypełniony kolorem.


A teraz na górnym panelu ustawiamy liczbę rogów trójkąta.


Teraz klikamy w obszarze roboczym i rozciągamy. Trójkąt jest gotowy!


Spójrzmy na inny sposób. Jak narysować trójkąt w Photoshopie za pomocą pióra.

Wracamy do tego samego paska narzędzi. Wybierz pióro.


Wykonaj 2 kliknięcia w obszarze roboczym i zamknij ścieżkę.


Ta metoda pozwoli nam wykonać zarówno trójkąt wypełniony kolorem, jak i zarys trójkąta. Zacznijmy od zarysu.

Kliknij narysowany trójkąt lewym przyciskiem myszy. Z rozwijanej listy wybierz „Zarysuj ścieżkę”.


Jak widać, pojawiło się okno, w którym możemy wybrać dwie opcje. Pogłaskać pędzlem lub ołówkiem. Posłużę się pędzlem.


Należy pamiętać, że kontur zostanie obrysowany przy użyciu wcześniej ustawionych ustawień.

Kontur jest gotowy. Aby usunąć kontur, ponownie wybierz narzędzie Pióro. Kliknij lewym przyciskiem myszy, aby wyświetlić menu kontekstowe. I wybierz polecenie „usuń kontur”.


Teraz wymyślmy, jak użyć pióra, aby utworzyć trójkąt wypełniony kolorem. Wracamy do konturu. Klikamy lewym przyciskiem myszy. Z rozwijanego menu wybierz „dokonaj wyboru”. I przechodzimy do paska bocznego, do znanego już narzędzia do wybierania kolorów. Zainstaluj wymagany. Na tym samym panelu szukamy „wypełnienia”.


Kliknij podświetlony obszar.

Odznaczenie za pomocą kombinacji klawiszy ctrl+d. Trójkąt wypełniony kolorem jest gotowy!


Na pierwszy rzut oka może się wydawać, że druga metoda jest znacznie wygodniejsza, ponieważ możemy wybrać dowolny kształt trójkąta. Ale w rzeczywistości pierwsza metoda pozwala nam przeprowadzać dowolne manipulacje w celu zmiany formy. Ale to zupełnie inna historia.

Narysuj chmurę długopisem

Prosta lekcja rysunku. Jak narysować cokolwiek za pomocą narzędzia Pióro (Pen). Narzędzie jest uniwersalne, potrafi wiele, ale nieprofesjonaliści rzadko go używają. Dlaczego? Trudno im nauczyć się korzystać z narzędzia Pióro w programie Photoshop. Nic skomplikowanego. Wypróbuj ten samouczek jako przykład.

Jak narysować długopisem prostą postać - chmurkę czy małą chmurkę? Lub dowolna inna figura składająca się z kilku krzywoliniowych segmentów. Najprostszym sposobem jest utworzenie prostej i prymitywnej prostej ścieżki, a następnie „zakrzywienie” jej segmentów według potrzeb.

Weź narzędzie Pióro (Pióro), na pasku opcji kliknij przycisk Ścieżki (Kontur), aby narysować ścieżkę bez wypełnienia i narysuj taki kształt, po prostu klikając piórem w odpowiednich miejscach:

Strzałki Path Selection Tool i Direct Selection Tool, znajdujące się na pasku narzędzi bezpośrednio pod piórem, pozwalają przesuwać ścieżkę lub jej poszczególne węzły. Użyj tych strzałek, aby edytować, jeśli ścieżka, którą utworzyłeś, nie jest całkowicie udana.

To nie wygląda jak chmura. Wybierz narzędzie Dodaj punkt kontrolny Narzędzie (Dodaj punkt kontrolny) z grupy narzędzi Pióro i umieść dodatkowy punkt kontrolny na środku prostej linii.

Aby linia prosta się wygięła, musisz pociągnąć na zewnątrz przez środek, czyli przez ten dodatkowy punkt, który ustaliliśmy. Z tego punktu wychodzą dwie prowadnice. Jeśli są bardzo krótkie, łuk będzie się ostro wyginał. Aby zmienić kształt łuku, chwyć końcówkę prowadnicy i wyciągnij ją. Aby łuk był symetryczny, prowadnice muszą mieć tę samą długość i być ustawione pod tym samym kątem do niego.

Zamień wszystkie odcinki linii prostych w łuki, jak pokazano.

Rezultatem jest kontur przypominający chmurę. Ale narysowana w ten sposób postać nie jest obrazem, a jedynie szablonem, z którego można stworzyć obraz. Kontur jest niewidoczny na zdjęciu. Utworzony kontur chmury można wypełnić kolorem lub teksturą albo obrysować ołówkiem lub pędzlem.

Wybierz biały kolor pierwszego planu z paska narzędzi programu Photoshop.

Kliknij prawym przyciskiem myszy dowolne miejsce na ścieżce lub w jej pobliżu. Otworzy się menu kontekstowe do pracy z konturem.

Z tego menu wybierz opcję Wypełnij ścieżkę. W otwartym oknie dialogowym możesz wybrać kolor wypełnienia pierwszego planu lub tła, promień rozmycia (Promień wtapiania) oraz tryb nakładania się warstw.

Oto wynik - rysowana jest ładna biała chmura:

Ale co, jeśli chmura nie musi być biała, a wystarczy narysować zarys chmurki? Anuluj ostatnią akcję - wypełnienie konturu: paleta Historia (Historia), krok wstecz.

Wybierz i dostosuj narzędzie Ołówek. Na pasku opcji ustaw jego grubość na 2 lub 4 piksele.

Kliknij prawym przyciskiem myszy, aby wyświetlić menu kontekstowe do pracy ze ścieżką. Wybierz Obrysuj ścieżkę z menu.

W oknie, które zostanie otwarte, wybierz narzędzie Ołówek (ołówek),

naciśnij OK i uzyskaj wynik - kontur chmury zarysowany ołówkiem.

Możesz także używać innych narzędzi do obrysowywania, takich jak pędzel. Każde narzędzie musi być wstępnie skonfigurowane.

Anuluj ostatnią akcję - pociągnięcie ołówkiem: paleta Historia (Historia), krok wstecz. Na pasku narzędzi wybierz narzędzie Pędzel (Pędzel), ustaw go na następujące parametry:

Kliknij prawym przyciskiem myszy, aby wyświetlić menu kontekstowe do pracy ze ścieżką. W menu wybierz Obrysuj ścieżkę (Obrys) iw oknie dialogowym zamiast Ołówek (Ołówek) ustaw Pędzel (Pędzel)

Otrzymasz następujący wynik:

Jeśli w trakcie nauki stworzyłeś małe arcydzieło i chcesz je zapisać do wykorzystania w przyszłości, ponownie kliknij prawym przyciskiem myszy menu kontekstowe do pracy z konturem i wybierz Zdefiniuj niestandardowy kształt.

W oknie, które zostanie otwarte, wprowadź nazwę kształtu i OK.

Później znajdziesz swoją chmurę w sekcji kształtów wektorowych o dowolnym kształcie i możesz jej używać, kiedy tylko jej potrzebujesz.

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

Poniższa rodzina narzędzi pozwala tworzyć figury geometryczne o różnych kształtach.

Rprostokąt (prostokąt)() - odpowiednio, pozwala narysować prostokąt (a przy wciśniętym klawiszu - kwadrat), wypełniony kolorem pierwszego planu.
Zaokrąglony prostokąt (Zaokrąglony prosty kwadrat)- tworzy kształty podobne do opisanych powyżej, ale umożliwia ustawienie promienia zaokrąglenia rogów prostokąta.

Elipsa (Elipsa)- tworzy owale (w połączeniu z wciśniętym klawiszem - kółka).
Wielokąt (Wielokąt)- umożliwia tworzenie kształtów geometrycznych o dowolnej liczbie kątów, a także gwiazd wielowiązkowych. Domyślnie tworzy pięciokąt wypukły.
Linia- rysuje linie proste o dowolnej lub określonej długości, grubości, kolorze i kierunku.
Niestandardowy kształt- pozwala stworzyć figurę geometryczną o dowolnym kształcie i zapisać ją do późniejszego wykorzystania.

Utwórz nowy plik szkoleniowy.

Kliknij lewym przyciskiem myszy narzędzie - figurki - na pasku narzędzi otworzy się okno wyboru narzędzia:


Oto główne kształty, których możemy użyć. Wybierz dowolny i spójrz na panel opcji:

Do dowolnej figury możesz wybrać:

  • tryb rysowania:
    • warstwa kształtu. Kształt jest tworzony na osobnej warstwie. Warstwa kształtu składa się z warstwy wypełnienia, która określa kolor kształtu, oraz powiązanej maski wektorowej, która definiuje granice kształtu. Krawędzie kształtu to ścieżka wyświetlana na karcie Ścieżki w panelu Warstwy.

    • kontury. Ten tryb umożliwia rysowanie konturów kształtów, które można wypełniać lub obrysowywać dowolnym kolorem. Ścieżki pojawiają się na karcie Ścieżki w panelu Warstwy.

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

  • styl i kolor

  • ustaw parametry charakterystyczne dla tej figury

Rysuj prostokąty

Wybierzmy pierwszy kształt - prostokąt. Wybierz z panelu tryb - kształt warstwy. Wybierz styl, klikając trójkąt po prawej stronie.

Wybierz, co chcesz. Nawiasem mówiąc, jeśli klikniesz trójkąt w kółku (po prawej), możesz wybrać dodatkowe style w otwartym menu kontekstowym. Jeśli nie chcesz używać stylu, wybierz biały kwadrat z czerwoną linią.

Teraz możesz ustawić parametry geometryczne:

  • Dowolnie - jak rysujesz, niech tak będzie.
  • Kwadrat - podczas rozciągania kształtu za pomocą myszy szerokość i wysokość będą zawsze takie same.
  • Określony rozmiar - możesz ustawić szerokość i wysokość prostokąta (w cm) i kliknąć na płótno. Pojawi się prostokąt o określonych wymiarach.
  • Ustaw współczynnik proporcji - możesz ustawić ile razy szerokość będzie mniejsza (lub większa) od wysokości. Podczas rozciągania figury zachowana zostanie proporcja.
  • Z centrum - rysuje prostokąt od środka.
  • Przyciągaj do pikseli - krawędzie prostokąta przyciągają się do granic pikseli.

Teraz wybierz -arbitralnie- i przeciągnij myszką swój prostokąt na płótnie. Tutaj, na przykład, co mi się przydarzyło podczas używania stylów Guzik, Szklani Guziki i Style Sieci.



Całkiem przydatne narzędzie do tworzenia przycisków i menu dla stron internetowych, prawda?

Rysuj prostokąty z zaokrąglonymi rogami

Wybierzmy drugi kształt - prostokąt z zaokrąglonymi rogami. Na panelu wybierz tryb - kształt warstwy, promień narożnika - na przykład 15 i kolor (możesz go dowolnie stylizować). Parametry geometryczne są takie same jak dla prostokąta.

Oto, co mam z różnymi kombinacjami promienia i stylu.

Dlaczego nie bloki wiadomości i przyciski menu?

Narysuj okręgi

Wybierzmy trzecią figurę - elipsę. Na panelu wybierz tryb - warstwa kształtu, kolor i styl. Parametry geometryczne są takie same jak dla prostokąta, z tą różnicą, że zamiast kwadratu można wybrać koło. Wybierz opcję -dowolna- i rozciągnij elipsę. Jeśli chcesz, aby był to okrąg, przytrzymaj klawisz Shift lub wybierz -okrąg- w parametrach geometrycznych.

Oto, co mi się przydarzyło:

Rysuj wielokąty

Wybierzmy kształt - wielokąt. Na panelu wybierz tryb - kształt warstwy, liczbę boków w zakresie od 3 do 100 (na przykład 3 - dla trójkąta, 6 - dla sześciokąta), kolor i styl. Rozważ parametry geometryczne:

  • Promień jest promieniem wielokąta.
  • Wygładzone zewnętrzne rogi
  • Gwiazda - przy odznaczonym polu wyboru wielokąt jest wypukły, przy zaznaczonym polu wyboru wielokąt jest wklęsły.
  • Głębokość wiązki - jeśli wielokąt jest wklęsły, to jego wierzchołki niejako tworzą promienie. Ten parametr pokazuje, jaką część promienia wielokąta zajmą promienie. Im wyższy %, tym dłuższe i ostrzejsze promienie.
  • Wygładzone zewnętrzne rogi - przy odznaczeniu rogi są ostre; przy zaznaczeniu rogi są zaokrąglone.

Na przykład:



Pierwszy dziewięciokąt ma promień 3 cm, pozostałe pola są niezaznaczone.

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

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

Wszystkie mają zastosowany styl.

Rysować linie

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


Jeśli wszystkie pola wyboru są odznaczone, będzie to tylko linia, parametry ustawiają strzałki na końcach tej linii.

  • Początek- 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:



Pierwsza linia jest niezaznaczona, szerokość - 500%, długość - 1000%, grubość - 2 piksele.

Druga linia ma wszystko to samo, ale jest tik na -początku- i krzywizna - 5%.

W trzecim wierszu wszystko jest takie samo, ale pole wyboru -end- jest zaznaczone, a pole wyboru -beginning- jest odznaczone.

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

Wszystkie mają zastosowany styl.

Narysuj dowolne kształty

Wybierzmy figurę - dowolną figurę. Na panelu wybierz tryb - warstwa kształtu, kolor i styl. Parametry geometryczne są takie same jak dla prostokąta. Ale tutaj jest wybór samej figury:


Narysuj wiele kształtów na jednej warstwie

Zasada jest tutaj taka sama, jak w przypadku narzędzi do zaznaczania prostokątnego (w pierwszej lekcji zrobiliśmy niestandardowy obszar zaznaczania za pomocą narzędzi na pasku opcji: dodaj do zaznaczenia, odejmuj od zaznaczenia itp.). Te same narzędzia są dostępne na pasku opcji kształtów.

Na przykład utwórz kształt prostokąta, teraz na pasku opcji kliknij ikonę „dodaj do obszaru kształtu”, a następnie wybierz kształt elipsy. Przesuń kursor myszy do górnej granicy 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 tak, jak chcesz, możesz to naprawić. Aby to zrobić, weź pasek narzędzi Narzędzie wyboru ścieżki-

Przesuń kursor do krawędzi elipsy i trzymając wciśnięty 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óżnym stopniu złożoności.

Zapisz kształty

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

Teraz nasz kształt pojawił się w rozwijanym panelu wyboru dowolnych kształtów.