Jak narysować kształt w Photoshopie z wypełnieniem. Jak rysować kształty wektorowe w Photoshopie, opcje wypełnienia i obrysu

W tym samouczku przyjrzymy się wszystkim, co dotyczy tworzenia dowolnych kształtów w Photoshopie, a następnie pracy z nimi. Ponieważ materiału jest dużo, podzielimy go na dwie części. W pierwszej części dowiemy się, jak stworzyć kształt, zdefiniować go jako dowolny kształt, a następnie wyświetlić go na ekranie i wykorzystać w razie potrzeby. W drugiej części przyjrzymy się, jak łączyć różne kształty w osobne zestawy kształtów i zapisywać je w programie.

Pomysł na ten tutorial przyszedł mi do głowy, gdy przeglądałem magazyn scrapbookingowy z licznymi stronami zawierającymi gotowe szablony. proste figury. Liczby te były pogrupowane wokół różnych tematów i były absurdalnie drogie. Pomyślałem wtedy: „Hej, możesz sam stworzyć te wszystkie kształty w Photoshopie i za darmo!” Ponadto nie musisz zajmować się scrapbookingiem, aby czerpać korzyści z tworzenia własnych niestandardowych kształtów.

Po pierwsze, tworząc figurki, możesz po prostu dobrze się bawić! A jeśli stworzysz wiele różnych kształtów i połączysz je w osobny zestaw, będzie jeszcze ciekawiej. Po drugie, możesz użyć dowolnych kształtów jako elementu dekoracyjnego w projektowaniu rysunków, a nawet w pracach projektowych. Po trzecie, możesz połączyć dowolny kształt z maską wektorową i uzyskać śmieszną ramkę na zdjęcia. Ale zanim zaczniemy używać niestandardowych kształtów, nauczmy się je tworzyć!

Zanim przystąpię do opanowania materiału, pozwolę sobie na jeszcze jedną dygresję. Tworzenie dowolnych kształtów wymaga użycia narzędzia Pióro. Możesz tworzyć kształty za pomocą podstawowych narzędzi Kształty, takich jak Prostokąt lub Elipsa, ale jeśli nie chcesz ograniczać się do tworzenia określonych kształtów, które wyglądają jak pudełka lub opony rowerowe, musisz użyć narzędzia Pióro. Omówiliśmy narzędzie Pióro bardziej szczegółowo w naszym samouczku Jak dokonywać zaznaczeń za pomocą narzędzia Pióro, więc w ta lekcja Poruszymy ten temat tylko pokrótce. Jeśli nie znasz podstawowych właściwości narzędzia Pióro, przeczytaj najpierw naszą lekcję na temat korzystania z tego narzędzia.

W tym samouczku utworzymy dowolne kształty, najpierw śledząc obiekt na obrazie. Jeśli potrafisz rysować, to świetnie - wtedy możesz łatwo narysować kształt odręczny bez śledzenia obiektu, ponieważ podczas tworzenia kształtu odręcznego nie ma znaczenia, jak go narysujesz - pociągnięciem lub odręcznie. Jeśli chodzi o mnie, wolę namierzyć obiekt (ponieważ zdolności artystyczne nie posiadają), więc w tej lekcji zrobimy właśnie to.

Zamierzam zrobić niestandardowy kształt z tego uroczego piernikowego ludzika:

Piernikowy ludzik

Zaczynajmy!

Krok 1: Wybierz narzędzie Pióro

Jak wspomniałem, możesz tworzyć dowolne kształty za pomocą podstawowych narzędzi Kształtów, takich jak Prostokąt lub Elipsa, ale jeśli spróbujesz narysować naszego Piernikowego Ludzika za pomocą tych narzędzi, najprawdopodobniej pozostanie on w najlepszym razie bez głowy (przepraszam za lekką ironię). To, czego naprawdę potrzebujemy, to narzędzie Pióro, więc wybierzmy je z panelu Narzędzia:

Wybór narzędzia Pióro

Możesz także wybrać narzędzie Pióro, naciskając klawisz P.

Krok 2: Wybór opcji „Shape Layer” na pasku opcji

Po wybraniu narzędzia Pióro spójrzmy na pasek opcji u góry ekranu. Po lewej stronie panelu zobaczysz grupę trzech ikon:

Trzy ikony na pasku opcji, które pozwalają nam wybrać, w jaki sposób chcemy używać narzędzia Pióro

Te ikony pokazują nam, co możemy zrobić za pomocą narzędzia Pióro. Prawa ikona w ten moment wygląda na zacienione. Jest on dla nas dostępny tylko wtedy, gdy pracujemy z głównymi narzędziami grupy „Kształty” (narzędzie „Pióro” i narzędzia z grupy „Kształty” mają prawie takie same opcje w panelu ustawień). Tak jak w lekcji Jak dokonywać zaznaczeń za pomocą narzędzia Pióro, ikona pośrodku jest używana, gdy chcemy rysować ścieżki, ale w tej chwili nie jest nam potrzebna. Chcemy użyć narzędzia Pióro do narysowania kształtu, w tym celu musimy wybrać ikonę po lewej stronie, która odpowiada za parametr Warstwy kształtów:

Aby rysować kształty narzędziem Pióro, wybierz opcję Warstwa kształtów

Opcja Warstwa kształtu jest wybierana domyślnie przy każdym dostępie do narzędzia Pióro, więc może nie być konieczne jej samodzielne ustawianie. Ale nadal dobrze jest sprawdzić i upewnić się, że ta opcja jest zaznaczona przed rozpoczęciem rysowania kształtu.

Powinienem zaznaczyć, że nie ma różnicy między rysowaniem ścieżek a rysowaniem kształtów narzędziem Pióro. W obu przypadkach klikasz w oknie dokumentu, aby ustawić punkty kontrolne, a następnie przesuwasz linie prowadzące zgodnie z potrzebami, aby utworzyć proste lub zakrzywione sekcje (ponownie, jeśli nie znasz tych pojęć, zapoznaj się z naszym samouczkiem Jak dokonywać wyborów za pomocą Narzędzie do zaznaczania). Wtapianie”). W rzeczywistości, niezależnie od tego, czy „oficjalnie” rysujesz kształty czy ścieżki, i tak rysujesz ścieżki. Różnica polega na tym, że podczas rysowania kształtów Photoshop wypełnia ścieżkę kolorem podczas rysowania, co pozwala nam zobaczyć kształt.

Co dziwne, ale ta właściwość nieco utrudni nam pracę. Dlaczego - rozważymy dalej.

Krok 3: Zacznij rysować kształt

Po wybraniu narzędzia Pióro i opcji Warstwa kształtu na pasku opcji możemy rozpocząć śledzenie obrazu. Chcę rozpocząć śledzenie od głowy Piernikowego Ludzika. Aby to zrobić, kliknę, aby ustawić punkty zakotwiczenia i zacznę przeciągać linie prowadzące, aby utworzyć zakrzywioną kreskę wokół głowy mężczyzny. Na poniższym obrazku widać punkty kontrolne i linie pomocnicze, ale jest problem. Photoshop wypełnia kontur kształtu kolorem tła (w moim przypadku czarnym) podczas pociągnięcia, uniemożliwiając nam zobaczenie głowy mężczyzny:

Program podczas rysowania wypełnia kontur kolorem tła, uniemożliwiając nam zobaczenie obrazu.

Aby program nie ukrywał samego obrazu podczas obrysu, wystarczy przejść do panelu warstw i zmniejszyć krycie warstwy kształtu. W tej chwili w panelu warstw widać, że mamy dwie warstwy - dolną warstwę tła (Tło), na której umieszczony jest wizerunek Piernikowego Ludzika, oraz górną warstwę kształtu o nazwie „Kształt 1” ( Kształt 1). Mogę powiedzieć na pewno, że warstwa kształtu jest aktualnie zaznaczona, ponieważ jest podświetlona na niebiesko, więc aby zmniejszyć jej krycie, wystarczy wybrać opcję Krycie (Nieprzezroczystość) po prawej stronie górny róg panel warstw i zmniejszyć jego wartość. W moim przypadku obniżę krycie do 50%:

Zmniejsz krycie warstwy kształtu za pomocą opcji Krycie w prawym górnym rogu panelu Warstwy

Po obniżeniu nieprzezroczystości warstwy Shape, głowa Mana jest widoczna poprzez kolor wypełnienia tła, dzięki czemu znacznie łatwiej będzie nam wykonać kolejne pociągnięcia:

Po zmniejszeniu krycia warstwy kształtu obraz jest widoczny przez kolor wypełnienia tła

Krok 5: Kontynuuj śledzenie obrazu

Teraz, gdy Piernikowy Ludzik jest widoczny przez kolor wypełnienia kształtu rysowania, mogę kontynuować śledzenie obrazu za pomocą narzędzia Pióro, aż wrócę na początek pociągnięcia:

Zarys postaci jest całkowicie wykończony.

Jeśli spojrzymy na warstwę Kształt w panelu Warstwy, zobaczymy, że pojawił się na niej wyraźny kształt Piernikowego Ludzika:

Na panelu warstw postać naszego Małego Człowieka jest teraz wyraźnie widoczna.

Jak dotąd było dobrze. Nakreśliliśmy kształt Piernikowego Ludzika i w niektórych przypadkach to wystarczy. W moim przypadku jednak zarysowana postać wymaga trochę pracy. Myślę, że przynajmniej musimy uwzględnić w zarysowanej sylwetce oczy i usta, a pod spodem może jeszcze muszkę i dwa duże guziki. Jak dodać te szczegóły do ​​zarysowanego kształtu? Bardzo prosta! Nie dodamy ich - usuniemy (lub odejmiemy) te szczegóły z figury!

Krok 6: Wybierz narzędzie Elipsa

Zacznijmy od oczu. Opcjonalnie moglibyśmy zaznaczyć oczy narzędziem Pióro, ale ponieważ na Małym Człowieku są one okrągłe, zaznaczymy je bardziej łatwa droga za pomocą narzędzia Elipsa. Wybierz narzędzie Elipsa z paska narzędzi. Domyślnie to narzędzie jest ukryte za narzędziem Prostokąt, więc kliknij narzędzie Prostokąt i przytrzymaj przycisk myszy przez kilka sekund, co spowoduje wyświetlenie wyskakującego menu na ekranie, w którym możesz wybrać narzędzie Elipsa:

Klikamy narzędzie Prostokąt na pasku narzędzi, a następnie trzymamy wciśnięty przycisk myszy, aż na ekranie pojawi się wyskakujące menu, w którym wybieramy narzędzie Elipsa

Krok 7: Wybierz opcję Odejmij od obszaru kształtu

Po wybraniu narzędzia Elipsa spójrz na pasek opcji, gdzie zobaczysz kilka ikon zgrupowanych razem jak małe kwadraty, które są ze sobą połączone na różne sposoby. Ikony te pozwalają nam wykonywać różne działania na kształtach, takie jak dodawanie kształtu do obszaru, odejmowanie od niego oddzielnego obszaru i przecinanie obszarów kilku kształtów. Kliknij trzecią ikonę od lewej, która odpowiada za opcję „Odejmij od obszaru kształtu” (Odejmij od obszaru kształtu):

W panelu ustawień kliknij ikonę opcji „Odejmij od obszaru kształtu”:

Krok 8: Narysuj poszczególne kształty, aby wyodrębnić je z zarysowanej sylwetki

Teraz, po wybraniu opcji Odejmij od obszaru kształtu, możemy zacząć dodawać szczegóły do ​​naszego kształtu, usuwając poszczególne obszary. Przekształcanie kształtu zacznę od narysowania owalu wokół lewego oka:

Narysuj owal wokół lewego oka, przytrzymując przycisk myszy

Gdy puszczę przycisk myszy, owalny obszar wokół oka natychmiast zniknie lub „wytnie się” z obrysu głównego kształtu, pozostawiając za sobą otwór, przez który na oryginalnym obrazie będzie widoczne lewe oko Małego Człowieka, umieszczony na dolnej warstwie „Tło”:

Lewe oko jest teraz „wycięte” z pierwotnego obrysu kształtu, pozostawiając oko widoczne na oryginalnym obrazie poniżej zarysowanej sylwetki.

To samo zrobię z prawym okiem. Najpierw narysuję owal wokół oka:

Narysuj owal wokół prawego oka

Jak tylko puszczę przycisk myszy, pojawi się druga okrągła dziura, przez którą na oryginalnym obrazie będzie również widoczne oko mężczyzny:

Na postaci pojawiła się druga dziura, przez którą widać oko Mężczyzny.

Ponieważ dwa przyciski pod muszką są również okrągłe, ponownie użyję narzędzia Elipsa, aby usunąć je z zarysowanego kształtu. Najpierw narysuję owal wokół górnego przycisku:

Narysuj owal wokół górnego przycisku

Kiedy zwolnię przycisk myszy, owalny obszar wokół przycisku natychmiast zniknie z zarysowanego kształtu, pozostawiając za sobą otwór, przez który przycisk będzie widoczny na poniższym obrazku:

Figurka posiada otwór, przez który widoczny jest górny guzik.

A teraz zrobię to samo dla dolnego przycisku, zaczynając od narysowania wokół niego owalu:

Narysuj owal wokół dolnego przycisku

Gdy zwolnię przycisk myszy, na zarysowanej sylwetce pojawi się czwarta dziura:

Oba przyciski są teraz wycięte z zarysowanej postaci.

Jeśli obecnie patrzę na miniaturę warstwy kształtu w panelu Warstwy, widzę dwa otwory na oczy i dwa otwory na przyciski, które wyciąłem z zarysowanego kształtu:

Miniaturka warstwy kształtu pokazuje nam otwory na oczy i guziki wycięte z zarysowanego kształtu.

Krok 9: Wyodrębnij pozostałe szczegóły z zarysowanej sylwetki za pomocą narzędzia Pióro

Wrócę do narzędzia Pióro, ponieważ muszę dodać do obrysowanego kształtu kilka szczegółów, których nie mogę wychwycić za pomocą narzędzia Elipsa.

Chcę dodać usta do zarysowanej sylwetki, a także muszkę. Ponieważ opcja Odejmij od obszaru kształtu jest już zaznaczona po ponownym wybraniu narzędzia Pióro na pasku opcji, zacznę po prostu śledzić usta i muszkę, aby „wyciąć” je z zarysowanej sylwetki Piernikowego Ludzika.

Poniższy obrazek pokazuje linie obrysu wraz z oryginalnym obrazem Piernikowego Ludzika widocznym przez utworzone przeze mnie otwory:

Zarówno usta, jak i muszka są teraz wycięte z zarysowanego kształtu piernikowego ludzika za pomocą narzędzia Pióro

Zakończmy rysowanie postaci Piernikowego Ludzika, wycinając faliste linie cukru pudru na jego nogach i ramionach. Ponownie użyję narzędzia Pióro do tworzenia ścieżek. Najpierw prześledzę ścieżkę cukru pudru na lewym ramieniu mężczyzny, powodując wycięcie go z pierwotnego obrysu kształtu:

Używając narzędzia Pióro, wytnij ścieżkę cukru pudru na lewej ręce Małego Człowieka

Po nakreśleniu pierwszej ścieżki przejdę do pozostałych trzech i zacznę je śledzić, aż wszystkie cztery ślady cukru pudru zostaną wycięte z postaci mężczyzny:

Ślady cukru pudru na nogach i ramionach są teraz wycięte z zarysowanej sylwetki

Jeśli ponownie spojrzymy na miniaturkę warstwy kształtu w panelu Warstwy, wyraźnie zobaczymy linie cukru pudru, oczu, ust, muszki i przycisków wyciętych z kształtu:

Miniaturka warstwy kształtu w panelu Warstwy odzwierciedla wszystkie szczegóły wycięte z oryginalnego obrysu kształtu Piernikowego Ludzika.

Postać Piernikowego Ludzika jest więc gotowa! Użyliśmy narzędzia Pióro do wykonania początkowego obrysu kształtu, a następnie użyliśmy narzędzi Pióro i Elipsa wraz z opcją Odejmij od obszaru kształtu, aby dodać drobne szczegóły do ​​kształtu.

Krok 10: Zwiększ krycie warstwy kształtu do 100%

Po pogłaskaniu niektórych obszarów naszego kształtu nie musimy już widzieć oryginalnego obrazu pod zarysowaną sylwetką, więc ponownie wybieramy opcję Krycie (Opacity) w prawym górnym rogu panelu warstw i zwiększamy wartość do 100% :

Zwiększ krycie warstwy kształtu do 100%

Zamierzam również tymczasowo ukryć warstwę tła z widoku, klikając ikonę widoczności warstwy (ikona gałki ocznej), abyśmy mogli zobaczyć tylko zarysowany kształt na przezroczystym tle. Jeśli nie chcesz, możesz nie ukrywać warstwy tła. Robię to tylko dla wygody oglądania rysunku:

Kliknij ikonę widoczności warstwy, aby tymczasowo ukryć warstwę tła przed widokiem

A oto jak wygląda utworzony przeze mnie piernikowy ludzik po ukryciu warstwy tła i zwiększeniu krycia warstwy kształtu do 100%:

Gotowa figurka Piernikowego Ludzika umieszczona na przezroczystym tle

Po wielu akcjach w końcu stworzyliśmy naszą sylwetkę! Ale to nie koniec. Teraz musimy zrobić z tego dowolną liczbę i to właśnie zrobimy dalej.

Krok 11: Zdefiniuj kształt jako kształt niestandardowy

Aby utworzyć niestandardowy kształt z kształtu, najpierw upewnij się, że warstwa Kształt jest zaznaczona w panelu Warstwy. Musisz także upewnić się, że wybrana jest miniatura podglądu warstwy kształtu. Jeśli jest zaznaczona, zostanie otoczona białą podświetloną ramką i zobaczysz obrysowany kontur wokół kształtu w dokumencie. Jeśli miniatura warstwy nie ma podświetlonej ramki i nie widać konturu wokół kształtu, po prostu kliknij miniaturę warstwy, aby ją zaznaczyć:

W razie potrzeby kliknij miniaturę warstwy kształtu, aby ją wybrać.

Uwaga: jeśli kiedykolwiek będziesz musiał ukryć kontur swojego kształtu, po prostu kliknij ponownie miniaturę warstwy, aby ją odznaczyć

Po wybraniu warstwy kształtu i wybranej miniaturze warstwy przejdź do menu Edycja u góry ekranu i wybierz Zdefiniuj niestandardowy kształt:

Wybierz Edycja > Zdefiniuj własny kształt

W wyniku tej akcji otworzy się okno dialogowe Nazwa kształtu, w którym należy wprowadzić nazwę kształtu. Nazwę swój kształt Piernikowy Ludzik:

Wprowadź nazwę swojego kształtu w odpowiedniej sekcji okna dialogowego Nazwa kształtu

Kliknij OK, aby wyjść z okna dialogowego po wprowadzeniu nazwy i to wszystko — Twój niestandardowy kształt jest gotowy do użycia! W tym momencie możesz zamknąć dokument w Photoshopie, ponieważ stworzyliśmy i zapisaliśmy nasz kształt. Zobaczmy teraz, gdzie można go znaleźć i jak można go zastosować!

Krok 12: Utwórz nowy dokument w Photoshopie

Utwórz nowy pusty dokument w Photoshopie, przechodząc do sekcji menu Plik u góry ekranu i wybierając Nowy. Ta akcja otworzy okno dialogowe Nowy dokument, w którym możesz określić dowolny rozmiar obrazu dla swojego dokumentu. W wierszu „Ustawienia” (Preset) wybiorę rozmiar 640×480 pikseli:

Utwórz nowy pusty dokument w Photoshopie

Krok 13: Wybierz narzędzie niestandardowego kształtu

Po utworzeniu nowego pustego dokumentu wybierz narzędzie Dowolny kształt z paska narzędzi. Domyślnie narzędzie Prostokąt jest wyświetlane na ekranie, więc kliknij je i przytrzymaj przycisk myszy przez kilka sekund, aż pojawi się menu podręczne z listą innych narzędzi, w którym możesz wybrać narzędzie Niestandardowy kształt (Niestandardowy Kształt narzędzia):

Kliknij ikonę narzędzia Prostokąt i przytrzymaj przycisk myszy, a następnie z wyświetlonego menu wybierz narzędzie Dowolny kształt

Krok 14: Wybór naszego niestandardowego kształtu

Po wybraniu narzędzia Swobodny kształt kliknij prawym przyciskiem myszy w oknie dokumentu, co spowoduje wyświetlenie pola wyboru kształtu, w którym możesz wybrać dowolny z aktualnie dostępnych kształtów o dowolnym kształcie. Utworzony właśnie kształt będzie ostatnim na liście kształtów. Aby go wybrać, po prostu kliknij odpowiednią miniaturę rysunku:

Kliknij prawym przyciskiem myszy w oknie dokumentu, aby otworzyć pole wyboru kształtu, a następnie kliknij miniaturę niestandardowego kształtu, aby go zaznaczyć

Krok 15: Narysuj nasz kształt

Po wybraniu niestandardowego kształtu, po prostu kliknij w oknie dokumentu i trzymając wciśnięty przycisk myszy, narysuj kształt. Aby zachować proporcje kształtu podczas przesuwania kursora i nie zniekształcać ich przypadkowo, naciśnij i przytrzymaj klawisz Shift. Możesz także nacisnąć i przytrzymać klawisz Alt (Win) / Option (Mac), aby narysować kształt od środka. Jeśli chcesz zmienić położenie kształtu podczas jego rysowania, naciśnij i przytrzymaj spację, a następnie przenieś kształt w nowe miejsce, a następnie zwolnij spację i kontynuuj rysowanie kształtu.

W trakcie rysowania zobaczysz tylko cienki zarys przyszłej postaci:

Podczas rysowania postaci pojawi się jej cienki kontur.

Gdy jesteś zadowolony z położenia i rozmiaru kształtu, po prostu puść przycisk myszy, a program od razu wypełni kształt kolorem, który jest aktualnie tłem (w moim przypadku jest to kolor czarny):

Zwolnij przycisk myszy, a Photoshop wypełni kształt kolorem.

Krok 16: Kliknij dwukrotnie miniaturę warstwy kształtu, aby zmienić kolor kształtu

Nie musisz martwić się kolorem kształtu podczas rysowania i dodawania go do dokumentu. Program automatycznie wypełni kształt kolorem, który jest aktualnie wybrany jako kolor tła. Jeśli chcesz później zmienić kolor kształtu, po prostu kliknij dwukrotnie miniaturę warstwy kształtu. Jest to miniatura warstwy, a nie miniatura podglądu kształtu znajdującego się przy prawa strona(która jest formalnie nazywana miniaturą maski wektorowej). Potrzebujesz miniatury po lewej stronie, która wygląda jak ikona próbki koloru z małym suwakiem na dole. Kliknij go dwukrotnie przyciskiem myszy, aby zmienić kolor kształtu:

Kliknij dwukrotnie miniaturkę warstwy kształtu (ikona próbki koloru) po lewej stronie, aby zmienić kolor kształtu

Ta akcja otworzy selektor kolorów, w którym możesz wybrać nowy kolor dla swojego kształtu. Dla mojego Piernikowego Ludzika chcę wybrać brąz:

Użyj selektora kolorów, aby wybrać nowy kolor

Kliknij OK, aby wyjść z Próbnika kolorów po wybraniu koloru, a Twój kształt zostanie natychmiast wypełniony nowym kolorem:

Kolor kształtu się zmienił

Możesz zmieniać kolor swojego kształtu tyle razy, ile chcesz, kiedy tylko chcesz!

Krok 17: Zmień rozmiar kształtu w razie potrzeby za pomocą polecenia swobodnej transformacji

Podczas pracy z kształtami możesz zmienić nie tylko kolor. Dużą zaletą jest to, że kształty są rysowane za pomocą wektorów zamiast pikseli, dzięki czemu możesz bezpiecznie zmieniać rozmiar kształtów, kiedy tylko chcesz, bez utraty jakości obrazu! Jeśli zdecydujesz, że chcesz powiększyć lub pomniejszyć swój kształt, po prostu wybierz warstwę kształtu w panelu Warstwy, a następnie naciśnij Ctrl+T (Win) / Command+T (Mac), aby otworzyć okno transformacji. Zmień rozmiar kształtu, przeciągając dowolny z uchwytów narożnych. Naciśnij i przytrzymaj klawisz Shift podczas przesuwania uchwytu, aby zachować proporcje kształtu. Możesz także nacisnąć i przytrzymać klawisz Alt (Win) / Opcja (Mac) podczas przesuwania uchwytu, aby zmienić rozmiar kształtu od jego środka:

Zmień rozmiar kształtu za pomocą pola swobodnej transformacji

Aby obrócić kształt, po prostu kliknij poza polem swobodnej transformacji i przesuń kursor w żądanym kierunku:

Kliknij poza ramką transformacji i przesuń kursor, aby obrócić kształt

Po zakończeniu zmiany rozmiaru kształtu naciśnij klawisz Enter (Win) / Return (Mac), aby potwierdzić ostateczną transformację.

Możesz dodać do dokumentu dowolną liczbę kopii niestandardowego kształtu, za każdym razem zmieniając kolor, rozmiar i położenie kształtu zgodnie z potrzebami. Każda kopia kształtu niestandardowego zostanie umieszczona na osobnej warstwie kształtu w panelu Warstwy. W moim przypadku dodałem do dokumentu kilka kształtów piernikowych ludzików, każdy o innym kolorze, rozmiarze i kącie obrotu. Należy pamiętać, że niezależnie od wielkości wszystkie kształty zachowują ostre, wyraźne kąty:

Dodaj tyle kopii swojego niestandardowego kształtu do dokumentu, ile chcesz, zmieniając kolor, rozmiar i kąt obrotu każdego z nich

I oto jesteśmy! Najpierw stworzyliśmy kształt, śledząc oryginalny rysunek za pomocą narzędzia Pióro. Wycinamy drobne szczegóły naszego kształtu, używając narzędzi Pióro i Elipsa z ustawioną opcją Odejmij od obszaru kształtu. Następnie zapisaliśmy nasz kształt jako kształt niestandardowy za pomocą opcji Zdefiniuj niestandardowy kształt w sekcji menu Edycja. Potem stworzyliśmy nowy dokument, wybrał narzędzie Dowolny kształt i narysował dowolny kształt w naszym dokumencie. Na koniec przyjrzeliśmy się, jak w każdej chwili możesz zmienić kolor, rozmiar i kąt dowolnego kształtu!

Poznaliśmy więc podstawy tworzenia i używania dowolnych kształtów w Photoshopie, czyli m.in. nauczył się pierwszej części naszej lekcji. W drugiej części przyjrzymy się, jak połączyć utworzone przez nas dowolne kształty w osobne zestawy i zapisać je w programie.

Tłumaczenie: Ksenia Rudenko

Narysuj chmurę długopisem

Prosta lekcja rysunku. Jak narysować cokolwiek za pomocą narzędzia Pióro (Pióro). Narzędzie jest uniwersalne, potrafi wiele, ale amatorzy rzadko z niego korzystają. Czemu? Trudno im nauczyć się korzystać z narzędzia Pióro w Photoshopie. Nic skomplikowanego. Wypróbuj ten samouczek jako przykład.

Jak narysować długopisem prostą figurę - chmurkę czy małą chmurkę? Lub dowolna inna figura składająca się z kilku krzywoliniowych segmentów. Najłatwiejszym sposobem jest utworzenie prostej i prymitywnej prostej ścieżki, a następnie „wygięcie” jej segmentów zgodnie z potrzebami.

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, klikając odpowiednie miejsca piórem:

Strzałki Narzędzie wyboru ścieżki i narzędzie Zaznaczanie bezpośrednie, znajdujące się na pasku narzędzi bezpośrednio pod piórem, umożliwiają przesuwanie ścieżki lub jej poszczególnych węzłów. Użyj tych strzałek, aby edytować, jeśli utworzona ścieżka nie jest całkowicie udana.

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.

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

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

Rezultatem jest kontur przypominający chmurę. Ale tak narysowana postać nie jest obrazem, a jedynie wzorem, który można wykorzystać do stworzenia obrazu. Na zdjęciu kontur jest niewidoczny. Utworzony kontur chmurki można wypełnić kolorem lub teksturą lub obrysować ołówkiem lub pędzlem.

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

Kliknij prawym przyciskiem myszy w dowolnym miejscu ścieżki 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ń pióra) i 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ć jej kontur? Anuluj ostatnią akcję - wypełnienie konturu: paleta Historia (Historia), jeden krok wstecz.

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

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

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

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

Do głaskania możesz także użyć innych narzędzi, 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 je 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 podczas procesu uczenia się 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 dowolnych kształtów wektorowych i możesz jej używać, kiedy tylko będziesz jej potrzebować.

Photoshop ma ciekawe narzędzie„Dowolna postać”. W praktyce narzędzie to jest rzadko używane, ale wciąż ma kilka ciekawe funkcje. W tej lekcji zapoznasz się z dowolnymi kształtami, a także nauczysz się samodzielnie dodawać własne zestawy takich kształtów do Photoshopa.

Na pasku narzędzi znajduje się grupa jednorodnych narzędzi (skrót U ). Należą do nich: prostokąt, zaokrąglony prostokąt, elipsa, wielokąt, linia i dowolna postać.

Na panelu atrybutów znajduje się pole, w którym możesz wybrać kształt spośród standardowych. Aby to zrobić, kliknij małą strzałkę po prawej stronie miniatury. Spójrz na zrzuty ekranu:

Co to jest liczba arbitralna?

Reprezentuje siebie grafika wektorowa, a zatem nie ma ograniczeń dotyczących rozmiaru. Dzięki temu można go rozciągać do woli bez utraty jakości.

Kształt nie ma własnego koloru (innego niż ten, który wybraliśmy przed stworzeniem), objętości, cieni, obrysów krawędzi ani niczego innego. W tym przypomina pędzel, w którym sam ustalasz kolor, wszystko inne trzeba będzie wykończyć samodzielnie.

Jak używać?

Aby narysować niestandardowy kształt, wybierz go z listy rozwijanej, a następnie kliknij lewym przyciskiem myszy w otwartym dokumencie i przesuń mysz na bok. Zobaczysz, że pojawił się zarys przyszłej postaci. Poruszając myszą pod różnymi kątami i w różnych kierunkach, dostosowujesz jej wielkość i kształt, czyli np. może być szeroki lub wąski. Nie zapomnij najpierw wybrać pożądany kolor a następnie narysuj.

Przytrzymaj klawisz Shift, aby narysować kształt idealnie równo, bez zniekształceń w dowolnym kierunku.

Jak ustawić swoje kształty w Photoshopie?

Możesz samodzielnie zainstalować zestaw figurek w swoim programie. Działają tu te same zasady, co na przykład z lub. Aby je zainstalować, w pierwszej kolejności pobierz zestaw z figurkami na swój komputer. Te zestawy mają rozszerzenie cszi.

Następnie otwórz menu kształtów. Zobaczysz te 4 polecenia:

Wybór „Pobierz...”, otworzy się okno dialogowe, w którym należy podać ścieżkę do pliku z rozszerzeniem csz, na przykład tak:

Ten zestaw zostanie automatycznie dodany na końcu listy wszystkich kształtów. Powiedzmy, że masz na liście zestaw ze zwierzętami i załadowałeś strzały. Rezultatem jest lista składająca się ze zwierząt i strzał.

Wybór „Zamień...”, wszystko będzie tak samo, z wyjątkiem tego, że nowe liczby nie pojawią się na końcu listy, ale całkowicie zastąpią te, które już istnieją. Na przykład, początkowo miałeś na liście załadowane zestawy ze zwierzętami i strzałami, a ty postanowiłem otworzyć z zamiennikiem zestaw ozdób. Dzięki temu na liście znajdą się tylko ozdoby.

A jeśli przesłałeś kilka zestawów, usuń poszczególne kształty za pomocą polecenia "Usunąć…", generalnie zrobiłeś zestaw dla siebie, potem możesz go zapisać z ekipą "Zapisz dowolne...". W przyszłości będzie można go pobrać w tej samej formie lub przesłać komuś przez Internet.

Ostatnie polecenie "Przywróć arbitralne..." pozwala przywrócić wszystko do ustawień domyślnych.

Pamiętaj, że w tym samym menu znajduje się ogromna lista: Zwierzęta, Strzały, Natura, Obiekty itp. Są to standardowe zestawy, które programiści programu Photoshop uprzejmie nam udostępnili.

Druga metoda instalacji z dodatkową korzyścią

Dowolne kształty nadal można instalować bezpośrednio w plikach systemowych programu Photoshop.

Jest to trochę trudniejsze, ale główną zaletą tej metody jest to, że twój zestaw pojawi się na liście, którą opisałem powyżej (Zwierzęta, Strzały, Natura, Obiekty itp.). Jeśli zamierzasz często korzystać z tego narzędzia, ta metoda instalacji skróci czas i możesz wybrać żądany zestaw w dwa kliknięcia.

Aby to zrobić, musisz skopiować plik z rozszerzeniem cszi w folderze systemowym Photoshopa „Niestandardowe kształty”, zwykle jej adres to: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

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

Program Adobe Photoshop jest szeroko stosowany do pracy z obrazami, dają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 do tworzenia rysunków. Przede wszystkim musisz nauczyć się rysować najprostsze elementy, takie jak trójkąty, linie, elipsy i inne, ponieważ są one bardzo często używane przy tworzeniu różnego rodzaju rysunków. W tym artykule przyjrzymy się bliżej rysowaniu najprostszych kształtów w Photoshopie. Rozwiążmy to. Udać się!

Poznaj podstawy grafiki komputerowej

Po otwarciu 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";
  • „Dowolna 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 zamalowywany 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 żądane ustawienia konturu i kolor wypełnienia. A teraz po prostu umieść kursor w miejscu na arkuszu, od którego chcesz zacząć rysować. Przytrzymując lewy przycisk myszy, rozciągnij prostokąt zgodnie z potrzebami.

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 rysowania okręgu w Photoshopie. Tutaj wszystko dzieje się podobnie. 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.

Przepiękną kompozycję rysujemy standardowymi środkami

Teraz zastanówmy się, jak narysować trójkąt w Photoshopie. W tym przypadku wszystko nie jest takie oczywiste, ale wcale nie jest bardziej skomplikowane. Wystarczy wybrać "Wielokąty" iw małym okienku "Boki" ustawić ilość rogów. W związku z tym, aby uzyskać trójkąt, wprowadź liczbę „3”. Wtedy wszystko odbywa się dokładnie tak samo, jak w poprzednich przypadkach. Używając narzędzia Wielokąt, możesz uzyskać kształt z dowolną liczbą rogów. Jeśli potrzebujesz trójkąta prostokątnego, narysuj kwadrat, a następnie odetnij do połowy po przekątnej.

Strzałki na początku lub 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, musisz wybrać narzędzie „Linia”, następnie w oknie opcji zaznacz, po której stronie linii będzie strzałka (na początku lub na końcu), następnie musisz ustawić grubość strzałki w pikselach. Umieść kursor w żądanym punkcie i zacznij przeciągać linię myszką. Drugim sposobem jest wybranie „Niestandardowego kształtu”. Na górnym panelu znajduje się tabela z szablonami, wśród nich również strzałka.

Szablony zawarte w standardowej konfiguracji 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 zadawaj pytania na omawiany temat.

Witam drodzy czytelnicy mojego bloga. Im łatwiejsze zadanie, tym trudniej je rozwiązać w Photoshopie. Istnieje tysiące artykułów na temat lub tworzenia efektu czarnych oczu, ale jak narysować okrąg, kwadrat lub romb - idź to rozgryźć! Dzisiaj zajmę się tą niesprawiedliwością.

Znajdziesz tu obszerny artykuł o geometrycznych kształtach do Photoshopa - jak je samodzielnie narysować, jakie dodatkowe narzędzia możesz pobrać, aby uzyskać bardziej spektakularny efekt, a także wiele innych równie interesujących i przydatna informacja.

Rysujemy się

Adobe Photoshop ma kilka narzędzi, które pozwalają rysować kształty. Oto tylko niektóre z nich skrywają pewne tajemnice. Teraz ci o nich opowiem. Więc jeśli chcesz nauczyć się robić tak jak na moim obrazku, to polecam artykuł, nie ma nic prostszego niż zrobienie tego samego.

Tak więc na pasku narzędzi po lewej stronie możesz znaleźć prostokąt, elipsę, wielokąt, linię lub dowolny kształt. Możesz nie widzieć dodatkowych narzędzi, ale znalazłeś jedno z nich, po prostu przytrzymaj lewy przycisk myszy przez ułamek sekundy lub kliknij raz prawym przyciskiem myszy. Natychmiast pojawi się menu z dodatkowymi kształtami.

Najpierw wybiorę prostokąt. Gdy tylko skończę rysować, po lewej stronie pojawi się dodatkowe menu. Tutaj możesz wybrać rozmiar szerokości i wysokości, jeśli chcesz zachować dokładne wymiary. Nieco niżej znajduje się menu z wypełnieniem samego kształtu - możesz wybrać brak wypełnienia, jednolity kolor, gradient lub wzór.

Nieco na prawo znajduje się menu obrysu - musisz określić jego szerokość i czy w ogóle będzie obecny, jeśli chcesz, aby było jednolite, wypełnij je gradientem lub ponownie wzorem.

Aby zamienić prostokąt w kwadrat, musisz przytrzymać klawisz Shift podczas rysowania kształtu.

Elipsa przytrzymana przyciskiem Shift zamienia się w okrąg.

Również na liście znajduje się taka figura jak wielokąt. Sam określasz liczbę stron. Możesz wprowadzić dowolną wartość - 3, aby utworzyć trójkąt, 7, 10 i tak dalej.

Linie, których nie narysuję specjalna uwaga, to nie jest trudne do samodzielnego rozszyfrowania. Jedyną rzeczą, na którą należy zwrócić uwagę, jest to, że przytrzymanie klawisza Shift powoduje, że linia jest ściśle pionowa lub pozioma.

Dowolna postać

Mamy dowolną liczbę. Co to jest?

Po prawej stronie górnego menu możesz zobaczyć gotowe kształty. Różnorodne strzały, kwadraty, błyskawice i tak dalej.

Aby użyć skrótu klawiaturowego Ctrl+T.

Jak dodać nowy

Dodawanie nowych figur nie jest trudne. Wiele darmowych figurek można pobrać ze strony photoshop-master.ru . Jest około 400 zestawów z figurkami - ludzie, wzory, pająki, abstrakcje, samochody, krzesła, ogień, kwiaty i wiele innych.

Pokażę Ci jak je zainstalować na przykładzie "Media", przydadzą mi się w przyszłości. Więc pobieram plik.

Poczekaj 15 sekund. Rejestracja wstępna nie jest wymagana.

Teraz otwórz archiwum i upuść plik CSH w miejscu, w którym można go łatwo znaleźć.

Teraz otwórz kształty w Photoshopie i kliknij nakrętkę po prawej stronie. Z listy, która się otworzy, wybierz „Załaduj kształty”.

Teraz znajdź plik, który został rozpakowany nie tak dawno temu. Przy okazji, po zakończeniu plik można usunąć z komputera. Nie będziesz go już potrzebował. Wszystko zostało skopiowane do odpowiedniego folderu.

Możesz używać kształtów. Nie zapomnij o wypełnieniu, dzięki któremu możesz zmienić kolor kształtów, a także obrys.

Oprócz kształtów przydadzą się również pędzle. Można je również pobrać ze strony internetowej. Photoshop-master .

Wymagany zestaw możesz pobrać w taki sam sposób, jak podczas pracy z kształtami. Otwarte pędzle.

Kliknij nakrętkę i wybierz „Pobierz”.

Pracuj z nimi sam. Nie ma tu nic skomplikowanego. Różnią się nieco od figur.

Google na ratunek

Innym sposobem narysowania postaci jest skorzystanie z pracy innych osób. Będziesz potrzebować Google i jego sekcji Zdjęcia. Dlaczego dokładnie dowiesz się bardzo szybko. Aby postać miała przezroczyste tło i harmonijnie pasowała do Twojej kompozycji, jest to wymagane. Oto jak musisz wyglądać: trójkąt png, koło, owal i tak dalej.

Jeśli pracujesz dla siebie, to w zasadzie możesz użyć Yandex, ale jeśli projekt jest tworzony w celach komercyjnych, to Google będzie bardzo przydatny. Otwórz „Narzędzia”, a następnie „Prawa użytkowania” i wybierz żądany typ– używać lub używać i zmieniać.

Następnie otwórz obraz po znalezieniu czegoś odpowiedniego. To jest ważny warunek. Rysunek powinien znajdować się na takim tle w kwadratową kratkę. Jeśli jest tylko biały, to nie jest png. Różnicę zrozumiesz po pobraniu. W zasadzie nie ma nic złego w uczeniu się na własnych błędach.

Tak będzie wyglądał plik PNG. Szachownica była wypełniona moim pochodzeniem.

Jeśli chcesz dowiedzieć się więcej o programie, mogę polecić kurs « Photoshop od podstaw w formacie wideo » . Nadaje się dla zupełnie początkujących. Istnieje wiele przydatnych informacji na temat narzędzi i tego, w jakich przypadkach każde z nich jest odpowiednie.


Internet jest pełen lekcji, z których można się nauczyć, ale co innego ślepo powtarzać za autorem, a co innego sensownie osiągnąć cel, wiedząc, czego trzeba do tego użyć. To zupełnie inny poziom.