Jak narysować proste paski w Photoshopie. Jak narysować linię prostą w Photoshopie

03.05.2019

W tym poradniku pokażę Ci jak stworzyć piękne abstrakcyjne linie, które przydadzą się przy projektowaniu Twojej grafiki. Ten samouczek jest idealny dla początkujących.

Tak wygląda końcowy wynik:

Krok 1. Utwórz nowy dokument o wymiarach 800x800 px, wypełnij tło czarnym kolorem. Utwórz nową warstwę nad warstwą tła, naciśnij klawisz P, aby aktywować Narzędzie Pióro(Pióro). Utwórz linię jak na zrzucie ekranu poniżej:

Jeśli nie możesz narysować krzywej, nie ma problemu. Aby to zrobić, przytrzymaj klawisz ALT i przeciągnij koniec krzywej, aby edytować jej kształt:

Naciśnij B, aby aktywować Narzędzie Pędzel(Pędzel), wybierz pędzel o wielkości 1 piksela:

W oknie Narzędzie do wybierania kolorów(Wybór koloru) wybierz żądany kolor:

Aktywuj ponownie Narzędzie Pióro(Pióro) (P), następnie kliknij prawym przyciskiem myszy utworzoną krzywą i wybierz Ścieżka udaru(Obrys konturu):

Wybierać Szczotka(Pędzel) z menu rozwijanego, upewnij się, że opcja Symuluj ciśnienie(Symulacja ciśnienia) jest aktywna i kliknij OK:

I otrzymujemy tę piękną krzywą:

Krok 2. Korzystając z procesu opisanego powyżej, tworzymy jeszcze trzy linie. Upewnij się, że:
- każda linia znajduje się na osobnej warstwie;
- dla pierwszej linii rozmiar pędzla wynosi 2 px, drugiej - 3 px, trzeciej - 4 px;
- zmniejszyć krycie warstw do 80%, 60% i 40%.

Dopasowujemy położenie linii i otrzymujemy następujący wynik (4 linie na 4 warstwach):

Krok 3. Utwórz grupę „Linie” Warstwa - Nowa - Grupa(Warstwa - Nowa - Grupa) i przenieś do niej wszystkie 4 warstwy z liniami. Zduplikuj grupę raz i połącz kopię grupy w jedną warstwę (CTRL+E). Zmniejsz krycie nowej warstwy do 70% i przesuń linie niżej i w lewo, aby uzyskać efekt głębi:

Kontynuuj powielanie warstwy, aby utworzyć więcej linii:

Teraz musimy dodać trochę koloru do linii. Aby to zrobić, użyj warstwy dopasowania Warstwa - Nowa warstwa dopasowania - Barwa/Nasycenie(Warstwa - Nowa warstwa dopasowania - Barwa/Nasycenie) dla warstw z liniami (nie zapomnij utworzyć maski przycinającej dla warstwy dopasowania CTRL+ALT+G).

Wybierz dowolny kolor, który Ci się podoba:

Kontynuujemy dodawanie kolejnych kolorów. Możesz użyć Darmowa transformacja(Swobodna transformacja) (CTRL+T), aby dostosować kąt linii:

Dostosowujemy również wielkość linii:

Krok 4. Teraz dodajmy kilka szarych linii. Aby to zrobić, idziemy Obraz – Korekty – Zmniejsz nasycenie(Obraz – Dopasowania – Zmniejsz nasycenie) lub SHIFT+CTRL+U, aby zmniejszyć nasycenie jednej z warstw:

Mieszanie szarych linii z resztą:

I otrzymujemy następujący wynik:

Krok 5. Prawie skończony. Teraz łączymy warstwy z utworzonymi przez nas liniami w jedną (CTRL+E), następnie je duplikujemy, obracamy, zmieniamy ich położenie:

Dla urozmaicenia pracy dodajmy wokół linii abstrakcyjne kropki. W tym celu skonfiguruj pędzel w sposób pokazany poniżej (naciśnij klawisz F5, aby wyświetlić okno parametrów pędzla).

Korzystanie z narzędzia Narzędzie Pióro

Korzystanie z narzędzia Narzędzie Pióro(Pióro) tak, aby w krótkim czasie można było uzyskać pożądany efekt.


trudniejsze

Nagrane małe wideo demonstracyjne

Co ciekawe, wideo nadchodzący półtorej minuty i waży 2 kilobajty BB Flashback Pro

Pióro

  1. Nie zwalniając przycisku myszy podczas tworzenia nowego punktu, można uzyskać wygładzenie linii.
  2. Lepiej jest umieścić kropki w miejscach, w których linia powinna mieć zagięcie.
  3. Przytrzymanie klawisza klawisz kontrolny Punkty kontrolne linii można przesuwać za pomocą klawiatury.
  4. Przytrzymanie klawisza Alt możesz dostosować stopień krzywizny linii w pobliżu punktu i jej zniekształcenie

    Zainspirowałem się do przetestowania Photoshopa, aby zobaczyć, jak przydatny jest do rysowania linii. Narysuj linie w Photoshopie trudniejsze niż w jego wektorowych odpowiednikach i niektórych edytorach rastrowych - takie wrażenie odniosłem po zapoznaniu się z narzędziami w Paint Tool Sai, Illustrator, Inkscape i innych, które posiadają wygodniejsze i bardziej elastyczne narzędzia do tworzenia pięknych liniowych kształtów.

    https://site/wp-content/uploads/2011/08/lines.swf,600,490

    Nagrane małe wideo demonstracyjne o tym, jak narysować linie w Photoshopie i w rezultacie uzyskać ich prawidłowy kształt.

    Co ciekawe, wideo nadchodzący półtorej minuty i waży 2 kilobajty– to jest bardzo niesamowite wideo nagrane na BB Flashback Pro

    Jednak nie wszystko jest takie złe. Po przestudiowaniu specyfiki pracy z narzędziem Pióro odkryto pewne sztuczki, które ułatwiają rysowanie linii i sprawiają, że praca projektowa jest bardziej swobodna.

    Techniki pracy z piórem podczas tworzenia linii

    Wiele osób zna dwie pierwsze zasady, ale 3 i 4 były dla mnie odkryciem.

    Po utworzeniu formy możesz dostosować kształt i położenie zagięć linii i uzyskać pożądany kształt.

    Można zmienić zarówno sam punkt, jak i położenie „wąsów” prowadnicy, które określają kształt kąta w pobliżu punktu.

    Praca z gotową linią

    Wszystkie utworzone linie znajdują się w oknie Ścieżka(Ścieżki). Wskazane jest utworzenie osobnej „warstwy linii” dla każdej linii w panelu Ścieżka.

    Klawisz + H - Ukryj/pokaż linie.

    Ścieżka udaru… - funkcja obrysu linii. Możesz wybrać narzędzie, które będzie używane do śledzenia. Zwykle jest to pędzel i przed użyciem tej funkcji wskazane jest ustawienie pędzla na żądaną grubość, a dopiero potem wykonanie pociągnięcia.

Witajcie drodzy czytelnicy! W tej lekcji nauczysz się rysować linię w Photoshopie
Utwórz nowy dokument w Photoshopie (Ctrl + N) z białym tłem.

Najłatwiejszym narzędziem do rysowania linii prostych jest narzędzie Linia (U). Oprócz standardowych trybów narzędzi wektorowych na górnym panelu znajduje się parametr Szerokość. Odpowiada za grubość linii.
Aby utworzyć linię, przeciągnij mysz w bok, przytrzymując lewy przycisk. Jeśli przytrzymasz klawisz Shift, możesz uzyskać linię poziomą lub pionową. Jeśli przeciągniesz linię pod kątem, przytrzymując klawisz Shift, zostanie ona nachylona pod kątem 45 stopni.
W ten sposób rysowane są proste linie wektorowe.


Do rysowania linii możesz także użyć narzędzia Pędzel (B). Wybierz, kliknij płótno prawym przyciskiem myszy i ustaw Rozmiar na 1 piksel, aby linie były cienkie. Podobnie jak w pierwszym przypadku, aby rysować linie proste, należy przytrzymać klawisz Shift.
Możesz także rysować linie z punktów. Wykonaj jedno kliknięcie na płótnie w punkcie początkowym. Przytrzymaj klawisz Shift i kliknij kolejny punkt (w którym powinien znajdować się koniec linii), a następnie kolejny, jeśli chcesz utworzyć polilinię.


Ale co, jeśli chcesz narysować falistą linię? Aby to zrobić, możesz użyć kombinacji narzędzia Pióro (P) i narzędzia Pędzel (B). Photoshop ma funkcję obrysu.
Wybierz narzędzie Pióro (P) i w ustawieniach wybierz tryb Ścieżki:

Za pomocą tego narzędzia linie są rysowane pojedynczymi kliknięciami. Narysuj prostą linię dwoma kliknięciami.


Najedź kursorem na linię, a obok niej pojawi się znak „+”.


Pociągnij linię w dół, a ona się zakrzywi. Na linii pojawi się kolejny punkt kontrolny. Korzystając z narzędzia Zaznaczanie bezpośrednie (A), możesz zmienić krzywiznę linii za pomocą dźwigni. Aby szybko przełączyć się na to narzędzie, naciśnij klawisz Ctrl, gdy narzędzie Pióro (P) jest aktywne.


Teraz musisz wybrać pędzel, który posłuży do obrysowania konturu. Wybierz narzędzie Pędzel (B), ustaw rozmiar na 2 piksele i zmniejsz Twardość do 0%.


Wybierz ponownie narzędzie Pióro (P), kliknij płótno prawym przyciskiem myszy i wybierz opcję Obrysuj ścieżkę.


W wyświetlonym oknie wybierz Pędzel. Jeśli włączysz funkcję Symuluj nacisk, krawędzie linii będą się zwężać.


Naciśnij klawisz Enter, aby usunąć kontur.


Udar można było wykonać szybciej. Po ustawieniu pędzla nie przełączaj się na narzędzie Pióro (P), ale naciśnij Enter, aby pociągnąć. Wielokrotne naciśnięcie tego klawisza spowoduje powtórzenie skoku. Aby usunąć kontur, naciśnij klawisz Delete.

Na tym kończy się lekcja. Teraz wiesz, jak narysować linię w Photoshopie.


W tym samouczku podam 3 proste przykłady rysowania krzywej linii w Photoshopie. Zacznijmy.

Metoda numer 1. Okrąg.

Aby rozpocząć, narysuj zwykły okrąg za pomocą tego narzędzia obszar owalny. Za pomocą tego narzędzia łatwo jest narysować okrąg w ten sposób: po wybraniu narzędzia zmień styl narzędzia z "Zwykły" NA „Określony rozmiar” i po prostu ustaw ten sam rozmiar dla wysokości i szerokości okręgu. Lub możesz wykonać wszystkie operacje nie za pomocą okręgu, ale za pomocą elipsy. Następnie wystarczy kliknąć myszką na arkusz i już mamy zaznaczony obszar o zadanym rozmiarze. Następnie kliknij prawym przyciskiem myszy wybrany obszar i wybierz element z menu "Udar mózgu". W wyświetlonym oknie wybierz kolor i rozmiar pędzla. Następnie po prostu naciśnij na klawiaturze „Ctrl” + „D” a Twój wybór zniknie.

Teraz utwórz kolejną warstwę na górze koła. A w nowej warstwie narysuj okrąg, ale bez obrysu.

Teraz wystarczy wypełnić wnętrze zaznaczenia tym samym kolorem co tło i nacisnąć klawisze „Ctrl” + „D” aby usunąć zaznaczenie.

Metoda numer 2. Prostokąt.

Na początek narysuj prostokątny obszar, obrysuj go, ale nie usuwaj jeszcze zaznaczenia (jak to zrobić opisano w metodzie nr 1).

Następnie przejdź do menu „Filtr” (Filtr) – „Plastyczność” (upłynnianie). Możesz też nacisnąć skrót klawiaturowy „Shift” + „Ctrl” + „X”.

I zegnij sylwetkę, a następnie naciśnij OK. Następnie pozostaje tylko odznaczyć i użyć gumki do usunięcia niepotrzebnych szczegółów.

Metoda nr 3. Pióro.

Być może najłatwiejszym sposobem jest narzędzie "Pióro". Wiele osób nie rozumie, do czego służy to narzędzie, tylko dlatego, że nie wiedzą, jak z niego korzystać. Tutaj wszystko jest proste. Wybór narzędzia "Pióro" najpierw nadaj mu styl „Ścieżki”. Następnie po prostu zaznacz kropkę na arkuszu za pomocą tego narzędzia. Zwolnij przycisk myszy i umieść drugi punkt po drugiej stronie, ale tym razem, nie zwalniając przycisku myszy, przeciągnij, a zobaczysz, jak wygląda zarys krzywej linii.

Następnie pozostaje tylko prześledzić kontur, jak w pierwszej metodzie z okręgiem, a także klikając kontur prawym przyciskiem myszy, wybierz element „Usuń kontur”.

Ta metoda jest bardzo wygodna do rysowania falistych linii.

Wygodniej jest rysować faliste linie za pomocą pióra z kotwicą. Aby to zrobić, za pomocą pisaka umieść na stronie dwie kropki, które automatycznie zostaną połączone linią. A następnie, ciągnąc środek tej linii, za pomocą tego samego pisaka zagnij linię.

Linie, a także inne elementy geometryczne, są integralną częścią pracy mistrza Photoshopa. Za pomocą linii powstają siatki, kontury, segmenty o różnych kształtach oraz budowane są szkielety skomplikowanych obiektów.

Dzisiejszy artykuł będzie w całości poświęcony sposobom tworzenia linii w Photoshopie.

Jak wiemy ze szkolnego kursu geometrii, linie mogą być proste, łamane i zakrzywione.

Prosty

Aby utworzyć linię prostą w Photoshopie, istnieje kilka opcji przy użyciu różnych narzędzi. Wszystkie główne metody konstrukcji są podane w jednej z istniejących lekcji.

Dlatego nie będziemy zatrzymywać się w tej sekcji, ale od razu przejdziemy do następnej.

Złamany

Polilinia składa się z kilku prostych segmentów i można ją zamknąć, tworząc wielokąt. Na tej podstawie istnieje kilka sposobów jego zbudowania.

  1. Niezamknięta polilinia

  • Zamknięta polilinia
  • Jak powiedzieliśmy wcześniej, taka linia jest wielokątem. Wielokąty można konstruować na dwa sposoby - korzystając z odpowiedniego narzędzia z grupy "Postać" lub tworząc dowolne zaznaczenie, po którym następuje obrys.

    • Postać.

      Stosując tę ​​metodę, otrzymamy figurę geometryczną o równych kątach i bokach.

      Aby bezpośrednio uzyskać linię (kontur), należy wyregulować skok, tzw "Udar mózgu". W naszym przypadku będzie to solidna kreska o zadanym rozmiarze i kolorze.

      Po wyłączeniu wypełnienia

      otrzymamy wymagany wynik.

      Za jego pomocą taką figurę można deformować i obracać „Bezpłatna transformacja”.

    • Lasso w linii prostej.

      Za pomocą tego narzędzia możesz budować wielokąty o dowolnej konfiguracji. Po umieszczeniu kilku punktów tworzony jest wybrany obszar.

      Należy zakreślić ten wybór, dla którego istnieje odpowiednia funkcja wywoływana przez naciśnięcie RMB na płótnie.

      W ustawieniach możesz wybrać kolor, rozmiar i położenie obrysu.

    Krzywa

    Krzywe mają takie same parametry jak linie łamane, czyli mogą być zamknięte lub otwarte. Możesz narysować zakrzywioną linię na kilka sposobów: za pomocą narzędzi "Pióro" I "Lasso" za pomocą kształtów lub zaznaczeń.

    1. Niezamknięte
    2. Taką linię można tylko narysować "Za"(z konturem) lub „ręcznie”. W pierwszym przypadku pomoże nam lekcja, do której link znajduje się powyżej, a w drugim tylko pewna ręka.

    3. Zamknięte
    • Lasso.

      Narzędzie to umożliwia rysowanie zamkniętych krzywych o dowolnym kształcie (segmentach). Lasso tworzy zaznaczenie, które aby uzyskać linię należy obrysować w znany sposób.

    • Powierzchnia owalna.

      W tym przypadku efektem naszych działań będzie okrąg o kształcie regularnym lub eliptycznym.

      Aby go zdeformować, wystarczy zadzwonić „Swobodna transformacja” (CTRL+T) i po naciśnięciu RMB, wybierz odpowiednią funkcję dodatkową.

      Na siatce, która się pojawi, zobaczymy znaczniki, pociągając za które można osiągnąć pożądany efekt.

      Warto zaznaczyć, że w tym przypadku efekt rozciąga się także na grubość linii.

    • Postać.

      Skorzystajmy z narzędzia "Elipsa" i korzystając z ustawień opisanych powyżej (jak w przypadku wielokąta) utwórz okrąg.

      Po odkształceniu otrzymamy następujący wynik:

      Jak widać grubość linii pozostała niezmieniona.

    Na tym kończy się lekcja tworzenia linii w Photoshopie. Dowiedzieliśmy się, jak tworzyć linie proste, łamane i krzywe na różne sposoby, korzystając z różnych narzędzi programowych.

    Nie powinieneś zaniedbywać tych umiejętności, ponieważ to one pomagają budować geometryczne kształty, kontury, różne siatki i ramki w Photoshopie.



    Podobne artykuły