W tym samouczku nauczymy się podstaw rysowania kształtów wektorowych w Photoshop CS6 za pomocą prostych narzędzi z grupy Kształty! Zaczniemy od poznania działania narzędzi "Prostokąt"(Narzędzie Prostokąt ), "Zaokrąglony prostokąt"(Narzędzie Zaokrąglony Prostokąt), "Elipsa"(Narzędzie Elipsa), "Wielokąt"(Narzędzie Wielokąt) i "Linia"(LineTool). Następnie dowiemy się, jak wybrać kolory wypełnienia i obrysu dla kształtów, zmień wygląd zewnętrzny obrysy, edytuj kształty za pomocą użyteczne właściwości warstwy kształtów i nie tylko! Musimy się wiele nauczyć, więc w tym samouczku skupimy się na pracy i właściwościach pięciu głównych narzędzi grupy Geometry Shapes. W następnym samouczku dowiemy się, jak dodawać bardziej złożone kształty do naszego dokumentu za pomocą „ Dowolna postać»!

Ta lekcja jest przeznaczona dla użytkowników programu Photoshop CS6. Jeśli pracujesz za więcej stara wersja programu, a następnie zapoznaj się z oryginalną lekcją „Warstwa kształtu i kształtu w programie Photoshop”.

Większość ludzi myśli, że Photoshop służy tylko do przetwarzania pikselowych obrazów, a jeśli poprosisz ich o polecenie dobrego edytor graficzny, to w większości przypadków odpowiedź brzmiałaby „ Adobe Illustrator”. Rzeczywiście, możliwości edytora Adobe Illustrator są znacznie szersze niż programy Photoshop, ale mimo to, jak zobaczymy z tej i następnych lekcji, różne narzędzia grupy Kształty ułatwiają dodawanie prostych obrazów wektorowych do rysunków i rysunków .

Jeśli nie wiesz, czym jest kształt wektorowy i czym różni się od kształtu piksela, zapoznaj się z samouczkiem.

Narzędzia grupy „Kształty”

Photoshop oferuje nam do wyboru sześć narzędzi z grupy Shapes: "Prostokąt"(Narzędzie Prostokąt), "Zaokrąglony prostokąt"(Narzędzie Zaokrąglony Prostokąt), "Elipsa"(Narzędzie Elipsa), "Wielokąt"(narzędzie wielokąta), "Linia"(Narzędzie linii) i „Dowolna postać”(Narzędzie niestandardowego kształtu). Wszystkie te narzędzia znajdują się w jednym miejscu na pasku narzędzi. Domyślnie widzimy narzędzie Prostokąt, ale jeśli klikniemy ikonę narzędzia i przytrzymamy przycisk myszy, na ekranie pojawi się rozwijane menu z listą innych narzędzi, z których możemy wybrać to, którego potrzebujemy:

Kliknięcie ikony narzędzia Prostokąt pozwoli nam zobaczyć inne narzędzia z grupy kształtów

Wybiorę pierwsze narzędzie z listy, Prostokąt:

Kształty wektorowe, ścieżki i kształty pikseli

Zanim zaczniemy rysować kształty, musimy powiedzieć Photoshopowi, jaki rodzaj kształtu chcemy narysować, ponieważ Photoshop pozwala nam narysować trzy kształty. różne rodzaje- kształty wektorowe, kontury i kształty pikseli. Przyjrzymy się różnicom między tymi typami kształtów bardziej szczegółowo w innych samouczkach, ale jak ty i ja dowiedzieliśmy się w samouczku Rysowanie kształtów wektorowych i kształtów pikseli w programie Photoshop CS6, w większości przypadków będziesz rysować kształty wektorowe. W przeciwieństwie do kształtów pikseli, kształty wektorowe są wysoce skalowalne, całkowicie skalowalne i niezależne od rozdzielczości. Oznacza to, że możemy je edytować, zmieniać ich rozmiar według własnego uznania, bez utraty jakości obrazu. Zarówno na ekranie, jak i podczas dalszego drukowania krawędzie kształtów wektorowych pozostają ostre i ostre.

Aby rysować kształty wektorowe, a nie ścieżki lub kształty pikseli, wybierz opcję "Postać"(Kształt) w panelu ustawień narzędzia u góry ekranu:

Wybierz tryb narzędzia „Kształt” w panelu ustawień

Wypełnianie kształtu kolorem

Kliknij ikonę koloru wypełnienia

W rezultacie otworzy się okno dialogowe, w którym zostaniesz poproszony o wybranie jednego z czterech sposobów wypełnienia kształtu, oznaczonych osobną ikoną. Od lewej do prawej widać ikonę Brak koloru (z czerwonym ukośnym paskiem), ikonę wypełnienia kolorem, ikonę gradientu i ikonę wzoru:

4 opcje wypełnienia kształtu (Bez koloru, Jednolity kolor, Gradient i Wzór)

Metoda wypełnienia „Bez koloru”

Jak sama nazwa wskazuje, metoda wypełnienia "Brak koloru"(Brak koloru) nie wypełnia kształtu żadnym kolorem. Możesz zapytać, po co nam pusta figura? Cóż, w niektórych przypadkach możesz chcieć, aby kształt miał tylko cienki kontur. Następnie przyjrzymy się, jak dodać obrys do kształtu, ale jeśli chcesz, aby kształt zawierał tylko kontur bez wypełnienia kolorem, wybierz opcję Bez koloru:

Jeśli wybierzesz opcję „Bez koloru”, kształt nie zostanie wypełniony żadnym kolorem

Poniżej znajduje się przykładowy kształt po zastosowaniu opcji Brak koloru. Widzimy tylko cienki zarys postaci, tzw. „kontur”. Kontur można zobaczyć tylko w Photoshopie, więc jeśli wydrukujesz dokument lub zapiszesz go w Formaty JPEG lub PNG, kontur zniknie. Aby był widoczny, musimy dodać do niego obrys, który omówimy dalej po omówieniu wszystkich opcji. zsyp(Wypełnić):

Gdy metoda wypełniania jest ustawiona na Bez koloru, widoczny jest tylko kontur kształtu (i to tylko w Photoshopie)

Metoda wypełnienia „Czysty kolor”

Aby wypełnić kształt kolorem, wybierz opcję "Czysty kolor"(Jednolity kolor) (druga ikona od lewej):

Kliknij ikonę parametru „Czysty kolor”

Po wybraniu opcji Solid Color wybierz kolor kształtu, klikając jedną z próbek kolorów. W wierszu pojawią się ostatnio używane kolory. „Ostatnio używane kolory”(Ostatnio używane kolory) nad głównymi próbkami:

Wybierz kolor, klikając jego próbkę

Jeśli wśród próbek nie ma wymaganego koloru, kliknij ikonę Paleta kolorów po prawej stronie górny róg Okno dialogowe:

Kliknij ikonę próbnika kolorów

Następnie wybierz żądany kolor w Próbniku kolorów. Kliknij OK, aby zamknąć paletę po wybraniu koloru:

Wybierz kolor, aby wypełnić kształt w próbniku kolorów

Poniżej ten sam kształt, tylko tym razem wypełniony kolorem:

Nasz kształt jest teraz wypełniony kolorem.

Metoda wypełnienia gradientowego

Aby wypełnić kształt wypełnieniem gradientowym, wybierz opcję "Gradient"(gradient). Następnie kliknij jedną z miniatur, aby wybrać żądaną próbkę gradientu, lub utwórz własną, korzystając z opcji poniżej miniatur gradientu. W osobnym samouczku przyjrzymy się, jak tworzyć i edytować gradienty:

Najpierw wybierz opcję „Gradient”, a następnie - żądaną próbkę gradientu

Poniżej ten sam kształt, tylko tym razem wypełniony wypełnieniem gradientowym:

Nasz kształt jest teraz wypełniony jedną z gotowych próbek gradientu.

Metoda wypełnienia wzorem

I wreszcie wybór opcji "Wzorzec"(Wzór), możemy wypełnić kształt wzorem. Kliknij jedną z miniatur, aby zdecydować o gotowym wzorze. Początkowo program nie oferuje wielu wzorów, ale można również pobrać dodatkowe wzory, ściągnięte z Internetu lub stworzone przez siebie, klikając w małą ikonę koła zębatego (pod ikoną Próbnika kolorów) i wybierając „Prześlij wzory”(Wzorce obciążenia) z menu, które się pojawi:

Najpierw wybierz parametr „Wzór”, a następnie - żądaną próbkę wzoru

A oto jak będzie wyglądał kształt wypełniony jednym z wzorów Photoshopa. Aby zamknąć okno dialogowe "Zsyp"(Wypełnij), naciśnij klawisz Enter (Win) / Return (Mac) lub kliknij puste miejsce na pasku opcji. Jeśli nie masz pewności, czy wybrać odpowiedni kolor, gradient lub wzór dla kształtu, nie martw się, później dowiemy się, jak je zmienić:

Kształt wypełniony wybranym wzorem

Dodawanie obrysu do kształtu

Domyślnie Photoshop nie dodaje obrysu wokół krawędzi kształtu, ale dodanie go jest tak proste, jak wypełnienie go kolorem. W rzeczywistości opcje parametrów „Udar” („Udar”)(Udar) i "Zsyp"(Wypełnienie) w Photoshop CS6 są takie same, więc już wiesz, jak z nich korzystać!

Aby dodać obrys, kliknij próbkę koloru obrysu w panelu ustawień:

Kliknij próbkę koloru obrysu

W rezultacie otworzy się okno dialogowe z takimi samymi opcjami, jak dla wypełnienia, z tą różnicą, że teraz wybieramy kolor obrysu. W górnej części okna ponownie znajdują się cztery ikony "Brak koloru"(brak koloru) "Czysty kolor"(jednolity kolor), "Gradient"(Gradient) i "Wzorzec"(wzorzec). Domyślnie wybrana jest opcja Bez koloru. Ja z kolei wybiorę opcję Solid Color, a następnie ustawię kolor obrysu na czarny, wybierając spośród próbek. Podobnie jak w przypadku wypełnienia, jeśli żądany kolor nie znajduje się wśród próbek, kliknij ikonę Próbnik kolorów w górnym rogu, aby ręcznie wybrać żądany kolor:

Wybierz opcję „Czysty kolor” dla obrysu, a następnie wybierz żądany kolor z próbek kolorów

Zmiana szerokości obrysu

Aby zmienić szerokość (grubość) obrysu, użyj parametru "Szerokość"(Szerokość) znajduje się po prawej stronie próbki koloru obrysu w panelu ustawień. Domyślnie jego wartość to 3 pkt. Aby zmienić szerokość, możesz wprowadzić konkretną wartość bezpośrednio w polu wprowadzania danych (naciskając Enter (Win) / Return (Mac) po wprowadzeniu, aby potwierdzić dane) lub kliknąć małą strzałkę po prawej stronie wartości i przesuń suwak:

Zmiana szerokości obrysu

Opcja Wyrównaj krawędzie

Jeśli spojrzysz dalej w prawą stronę panelu ustawień, zobaczysz opcję „Wyrównaj krawędzie”(Wyrównaj krawędzie). Gdy ta opcja jest włączona (zaznaczona), program Photoshop dopasuje krawędzie kształtu do siatki pikseli, aby pozostały ostre i zdefiniowane:

Upewnij się, że opcja Wyrównaj krawędzie jest włączona

Jednak, aby opcja Wyrównaj krawędzie działała, nie wystarczy ją wybrać. Chcesz również, aby szerokość obrysu była w pikselach (px), a nie w punktach (pt). Ponieważ w ten moment moja szerokość obrysu jest mierzona w punktach (domyślna jednostka), wrócę i wprowadzę nową wartość szerokości 10 pikseli (px):

Aby opcja Wyrównaj krawędzie działała, ustaw szerokość obrysu w pikselach (px)

Poniżej znajduje się czarny obrys o wielkości 10 pikseli zastosowany do kształtu:

Prosty kształt z czarną kreską wokół niego

Po dodaniu obrysu do kształtu, jeśli cofnę się i kliknę próbkę koloru wypełnienia na pasku opcji, wybierając metodę wypełnienia "Brak koloru"(Bez koloru), będę miał tylko zarys kształtu pociągnięcia. Wnętrze kształtu stanie się puste. Może się wydawać, że kształt jest wypełniony bielą, ale to tylko dlatego, że kolor tło dokument jest biały, co faktycznie widzimy.

Ten sam kształt, z opcją Wypełnienie ustawioną na Bez koloru

Więcej opcji obrysu

Domyślnie program rysuje kreskę jako linię ciągłą, ale możemy to zmienić klikając na przycisk. "Ustaw typ obrysu kształtu"(Opcje obrysu) w panelu ustawień:

Kliknij przycisk „Ustaw typ obrysu kształtu”

W rezultacie otworzy się okno dialogowe. Opcje obrysu(Opcje obrysu), gdzie możemy zmienić wygląd obrysu z linii ciągłej na przerywaną lub przerywaną. Parametr "Wyrównywać"(Wyrównaj) pozwala nam wybrać rodzaj wyrównania obrysu: wewnątrz ścieżki, na zewnątrz lub do środka. Możemy sprawić, by końce linii były pogłaskane (opcja "Kończy się"(Czapki)) zaokrąglone, kwadratowe lub pogrubione, a punkty połączenia linii w obrysie (parametr) „Kąty”(Narożniki)): ostre, zaokrąglone lub ścięte. Po naciśnięciu przycisku "Więcej opcji"(Więcej opcji) znajdującego się w dolnej części okna dialogowego, otworzy się kolejne okno, w którym możemy ustawić określone wartości dla obrysów i spacji linii przerywanej, a nawet zapisać ustawienia jako ustawienie wstępne:

Opcje obrysu

Poniżej znajduje się kształt z tym samym obrysem, ale tym razem zamiast ciągłej wybrano linię przerywaną:

Wygląd kreski zmienił się z linii ciągłej na kropkowaną.

Narzędzie Prostokąt

Tak więc nauczyliśmy się już, jak wybrać różne narzędzia z grupy „Kształty” na pasku narzędzi, jak wybrać kolor wypełnienia i obrysu, jak zmienić wygląd obrysu. Teraz nauczmy się rysować same kształty wektorowe! Zaczniemy od zbadania pierwszego narzędzia grupy kształtów na liście — "Prostokąt"(Narzędzie Prostokąt). Wybiorę go z paska narzędzi, tak jak wcześniej:

Wybór narzędzia Prostokąt

Narzędzie Prostokąt pozwala nam rysować proste kształty czworokątne. Aby narysować kształt, kliknij w oknie dokumentu, aby zdefiniować punkt początkowy kształtu. Następnie, trzymając wciśnięty przycisk myszy, przeciągnij myszą po przekątnej, aby zakończyć rysowanie kształtu. Gdy przesuniesz kursor, zobaczysz cienki kontur (kontur) przyszłej figury:

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

Po zwolnieniu przycisku myszy program wypełni kształt kolorem wybranym w panelu ustawień:

Program wypełni kształt kolorem, gdy tylko zwolnisz przycisk myszy

Zmiana rozmiaru kształtu po jego narysowaniu

Po narysowaniu początkowego kształtu, jego aktualne wymiary pojawią się w panelu ustawień: szerokość(Szerokość(W)) i wzrost(Wysokość(H)). W moim przypadku narysowałem kształt o szerokości 533 pikseli i wysokości 292 pikseli:

Panel ustawień pokazuje oryginalne wymiary kształtu (szerokość i wysokość)

Jeśli potrzebujesz zmienić rozmiar kształtu po jego narysowaniu (ta metoda działa dla wszystkich narzędzi Kształty), po prostu wprowadź nowe wartości w odpowiednich polach Szerokość i Wysokość. Załóżmy na przykład, że mój kształt ma mieć szerokość 500 pikseli. Wymaga to jedynie zmiany wartości szerokości na 500px. W razie potrzeby mógłbym również wprowadzić konkretną wartość wysokości. Jeśli chcesz, aby proporcje pozostały takie same podczas zmiany wysokości lub szerokości kształtu, najpierw kliknij małą ikonę łańcucha między wartościami wysokości i szerokości:

Następnie, aktywując ikonę łańcucha, wprowadź nową wartość wysokości lub szerokości. Photoshop automatycznie zastąpi odpowiednią wartość drugiego parametru. W moim przypadku ręcznie wprowadziłem nową wartość szerokości 500px, a ponieważ ikona łańcucha została aktywowana, Photoshop zmienił również wartość wysokości na 273px:

Zmiana rozmiaru kształtu

Zmiana rozmiaru kształtu przed jego narysowaniem

Jeśli zdarzy się, że znasz dokładną wysokość i szerokość kształtu, zanim go narysujesz, jest jedna przydatna sztuczka. Po wybraniu narzędzia Kształty po prostu kliknij w dowolnym miejscu dokumentu. W rezultacie natychmiast otworzy się okno dialogowe, w którym można wprowadzić żądane wartości wysokości i szerokości. Kliknij OK, aby zamknąć okno dialogowe, a program automatycznie narysuje kształt:

Kliknij w dowolnym miejscu dokumentu, aby wprowadzić wartości szerokości i wysokości, a program automatycznie narysuje kształt

Rysowanie kształtu od środka

Nauczmy się prostych, ale przydatnych skrótów klawiaturowych. Jeśli naciśniesz i przytrzymasz klawisz Alt (Wygrana) / Opcja (Mac) poruszając kursorem, rysujesz kształt od środka, a nie od narożnika. Ta sztuczka działa ze wszystkimi narzędziami Kształt, nie tylko z narzędziem Prostokąt. Pamiętaj, że musisz najpierw rozpocząć rysowanie kształtu, a dopiero potem nacisnąć klawisz Alt (Win) / Option (Mac). Konieczne jest również zwolnienie pierwszego przycisku myszy i dopiero potem wciśnięcie klawisza Alt (Win) / Option (Mac), w przeciwnym razie odbiór nie będzie działał:

Naciśnij i przytrzymaj Alt (Win) / Option (Mac), aby narysować kształt od środka

Rysowanie kwadratów

Aby narysować kwadrat, umieść kursor w oknie dokumentu i zacznij go przeciągać, rysując prostokątny kształt. Gdy już to zrobisz, naciśnij klawisz Zmiana i przytrzymuj go podczas przesuwania kursora. Naciśnięcie klawisza Shift spowoduje konwersję kształtu na kwadrat. I znowu nie zapomnij kliknąć Klawisz Shift po rozpoczęciu przesuwania kursora i zwolnieniu go jako ostatniego, w przeciwnym razie kwadrat nie zostanie narysowany. Możesz połączyć ze sobą dwie kombinacje klawiszy, naciskając i przytrzymując klawisze Shift+Alt(Wygrać) /Shift+Opcja(Prochowiec) podczas korzystania z narzędzia "Prostokąt"(Narzędzie Prostokąt), w wyniku którego narysujesz idealny kwadrat od środka:

Naciśnij i przytrzymaj klawisz Shift podczas przesuwania kursora, aby narysować kwadrat

Ponownie, podczas rysowania zobaczysz tylko cienki kontur kwadratu, ale kiedy zwolnisz przycisk myszy, Photoshop wypełni go wybranym kolorem:

Program zawsze czeka na zwolnienie przycisku myszy przed wypełnieniem kształtu kolorem

Opcje narzędzia Kształty

Jeśli spojrzysz na panel ustawień, to po lewej stronie opcji „Wyrównaj krawędzie”(Wyrównaj krawędzie) zobaczysz ikonę koła zębatego. Kliknięcie go otworzy okno dialogowe z dodatkowe ustawienia dla tego narzędzia z grupy „Kształty”, które w ten moment wybrany:

Kliknij ikonę koła zębatego

Ponieważ mam wybrane narzędzie "Prostokąt"(Narzędzie prostokąta), kliknięcie ikony koła zębatego spowoduje wyświetlenie opcje dodatkowe dla narzędzia Prostokąt. Z wyjątkiem pracy z narzędziami Wielokąt i Linia, które omówimy później, nie będziesz używać tego menu zbyt często, ponieważ omówiliśmy już, jak uzyskać dostęp do tych opcji z klawiatury. Na przykład parametr "Dowolnie"(Unconstrained) pozwala nam rysować kształty o dowolnym rozmiarze i proporcjach, ale ponieważ domyślnie wszystkie narzędzia grup kształtów działają w ten sposób, nie ma potrzeby wybierania tej opcji. Parametr "Kwadrat"(Kwadrat) pozwala nam rysować kwadraty za pomocą narzędzia Prostokąt, ale możemy to zrobić po prostu naciskając i przytrzymując klawisz Shift podczas przesuwania kursora. Parametr „Z centrum”(From Center) odpowiada za rysowanie kształtu od środka, ale znowu możemy to zrobić wciskając i przytrzymując klawisz Alt (Win) / Option (Mac).

Jeśli wybierzesz opcje „Określony rozmiar”(Stały rozmiar) lub „Ustaw proporcje”(Proporcjonalne) i wprowadź wartości szerokości i wysokości, te wartości będą miały wpływ również na następny kształt do narysowania, a nie tylko ten, który już narysowałeś. Dlatego musisz pamiętać, że po narysowaniu kształtu wróć i ponownie wybierz parametr "Dowolnie"(Bez ograniczeń), w przeciwnym razie każdy nowy narysowany kształt będzie miał ten sam rozmiar lub te same proporcje:

Widoczne opcje zależą od wybranego narzędzia Kształty

Edycja warstw kształtów

Wcześniej dowiedzieliśmy się, że aby rysować kształty wektorowe w Photoshopie, musimy ustawić tryb rysowania na - "Postać"(Kształty) (w przeciwieństwie do konturów i kształtów pikseli). Kiedy rysujemy kształt wektorowy, program automatycznie umieszcza go na osobnej specjalnej warstwie zwanej „Warstwa kształtu”(Warstwa kształtu). Jeśli spojrzymy w panel warstw, zobaczymy, że kształt, który narysowałem za pomocą narzędzia "Prostokąt"(Narzędzie Prostokąt), znajduje się na osobnej warstwie w kształcie „Prostokąt 1”. Nazwa warstwy będzie zależeć od użytego narzędzia, więc jeśli narysuję owal za pomocą narzędzia Elipsa, warstwa kształtu będzie miała nazwę Elipsa 1:

Każdy nowy kształt wektorowy jest umieszczany na osobnej warstwie kształtu.

Wizualnie różnica między warstwą normalną a warstwą kształtu polega na tym, że warstwy kształtu mają małą ikonę kształtu w prawym dolnym rogu miniatury warstwy:

Ikona na miniaturze warstwy informuje nas, że jest to warstwa kształtu.

Główną różnicą między warstwą kształtu a normalną warstwą pikseli jest to, że warstwy kształtu pozostają w pełni edytowalne. Kiedy już nauczyliśmy się wybierać kolory wypełnienia i obrysu kształtu, wspomniałem, że zawsze możemy wrócić i zmienić kolor nawet po narysowaniu kształtu. Wszystko, co musimy zrobić, to upewnić się, że warstwa kształtu jest zaznaczona w panelu warstw i aktywowane jest narzędzie grupy kształtów. Następnie po prostu kliknij próbkę koloru wypełnia(Wypełnij) lub według próbki kolorów Uderzenia(Obrys) w panelu ustawień, aby wybrać inny kolor. Możesz także zmienić szerokość kreski w razie potrzeby i bawić się innymi opcjami. Kliknę próbkę koloru wypełnienia:

Po wybraniu warstwy kształtu kliknij próbkę koloru wypełnienia

Kliknij niebieski kolor!

Jak tylko kliknę na próbkę, program natychmiast wypełni kształt nowym kolorem:

Zmieniono kolor kształtu bez konieczności przerysowywania kształtu

A jeśli ponownie spojrzymy na panel warstw, zobaczymy, że miniatura warstwy kształtu również zmieniła swój kolor:

Kiedy wprowadziliśmy zmiany, miniatura warstwy kształtu również zmieniła swój wygląd.

Narzędzie zaokrąglony prostokąt

Rzućmy okiem na drugie z narzędzi grupy Kształty — "Zaokrąglony prostokąt"(Narzędzie Prostokąt zaokrąglony). Wybiorę go z paska narzędzi:

Wybierz narzędzie Zaokrąglony prostokąt

Narzędzie Zaokrąglony prostokąt jest bardzo podobne do narzędzia Prostokąt, z wyjątkiem tego, że pozwala nam rysować prostokąty za pomocą zaokrąglone rogi. Stopień zaokrąglenia rogów dostosowujemy za pomocą parametru "Promień"(Promień) w panelu ustawień. Im większą wprowadzimy wartość promienia, tym bardziej zaokrąglone staną się rogi. Wartość promienia należy ustawić przed narysowaniem kształtu, w moim przypadku wprowadzę wartość parametru „Promień” równą 50 pikseli:

Użyj opcji „Promień”, aby określić stopień zaokrąglenia rogów

Po ustawieniu wartości promienia rysowanie zaokrąglonego prostokąta jest podobne do rysowania zwykłego prostokąta. Najpierw kliknij w oknie dokumentu, aby zdefiniować punkt początkowy kształtu, a następnie, trzymając wciśnięty przycisk myszy, przeciągnij mysz po przekątnej, aby zakończyć rysowanie kształtu. Podobnie jak w przypadku kształtu Prostokąt, podczas przesuwania kursora program wyświetli cienki kontur kształtu:

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

Gdy zwolnisz przycisk myszy, Photoshop zakończy rysowanie kształtu i wypełni go kolorem:

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

Poniżej kolejny prostokąt o promieniu 150px. Wartość ta jest tak duża (przynajmniej dla tego kształtu), że lewa i prawa strona prostokąta są zakrzywione:

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

A oto prostokąt o małej wartości promienia 10 pikseli, który tylko nieznacznie zaokrągla rogi kształtu:

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

Niestety, zapowiedź w Photoshop CS6 nie ma stopnia zaokrąglenia rogów. Dopiero po narysowaniu prostokąta zobaczymy, jak zaokrąglone są rogi. Ponadto nie możemy zmienić wartości promienia podczas rysowania kształtu, a Photoshop nie pozwala nam cofnąć się i zmienić wartości promienia po narysowaniu kształtu. Wszystko to oznacza, że ​​rysowanie zaokrąglonych prostokątów jest w zasadzie próbą i błędem.

Jeśli nie podoba Ci się zaokrąglanie rogów prostokąta po jego narysowaniu, przejdź do sekcji menu "Redagowanie"(Edytuj) u góry ekranu i wybierz „Cofnij: narzędzie Zaokrąglony prostokąt”(Narzędzie Cofnij zaokrąglony prostokąt) (lub naciśnij skrót klawiaturowy Ctrl+Z (Win) / Command+Z (Mac)), w wyniku czego kształt zostanie usunięty z dokumentu. Następnie wprowadź nową wartość promienia na pasku opcji i zacznij ponownie rysować prostokąt.

Wybierz Edycja > Cofnij: Narzędzie zaokrąglonego prostokąta

Te same skróty klawiaturowe, które przyjrzeliśmy się, gdy poznawaliśmy narzędzie Prostokąt, działają również z narzędziem Zaokrąglony prostokąt. Aby narysować kwadrat z zaokrąglonymi narożnikami, zacznij rysować kształt, a następnie naciśnij i przytrzymaj Zmiana. Zwolnij klawisz Shift po zwolnieniu przycisku myszy.

Aby narysować kształt od środka zamiast od narożnika, zacznij rysować kształt, a następnie naciśnij i przytrzymaj Alt (Wygrana) / Opcja (Mac). I wreszcie naciśnięcie klawisza Zmiana+ Alt (Wygrać) / Zmiana+ Opcja (Prochowiec) spowoduje narysowanie kwadratu od środka. Klawisze należy zwolnić dopiero po zwolnieniu przycisku myszy.

Narzędzie elipsy

Narzędzie "Elipsa"(Ellipse Tool) pozwala nam rysować elipsy i okręgi. Wybiorę go z paska narzędzi:

Wybór narzędzia Elipsa

Podobnie jak w przypadku innych narzędzi, które omówiliśmy, kliknij w oknie dokumentu, aby zdefiniować punkt początkowy kształtu, a następnie, trzymając wciśnięty przycisk myszy, przeciągnij mysz po przekątnej, aby zakończyć rysowanie kształtu:

Narysuj elipsę za pomocą narzędzia Elipsa

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

Figura jest wypełniona kolorem.

Aby narysować idealnie równy okrąg za pomocą narzędzia Elipsa, zacznij przesuwać kursor, a następnie naciśnij i przytrzymaj Zmiana. Aby narysować elipsę od środka, naciśnij i przytrzymaj Alt (Wygrać) / Opcja (Prochowiec) po rozpoczęciu rysowania. Przytrzymaj klawisze wciśnięte jednocześnie Zmiana+ Alt (Wygrać) / Zmiana+ Opcja(Mac) pozwoli ci narysować okrąg od środka. I jak zawsze, zwolnij klawisze dopiero po zwolnieniu przycisku myszy:

Okrąg narysowany narzędziem Elipsa

Narzędzie Wielokąt

Narzędzie "Wielokąt"(Narzędzie Polygon) jest dla nas bardziej interesujące pod względem możliwości rysowania kształtów. Wybiorę go z paska narzędzi:

Wybór narzędzia Wielokąt

Podczas gdy za pomocą narzędzia Prostokąt możemy rysować tylko prostokąty czworokątne, narzędzie Wielokąt pozwala nam rysować wielokąty z dowolną liczbą boków. Następnie przyjrzymy się, jak możesz nawet rysować gwiazdy za pomocą tego narzędzia! Aby narysować kształt za pomocą narzędzia Wielokąt, najpierw wprowadź żądaną liczbę boków w polu opcji „Imprezy”(Boki) w panelu ustawień. Możesz wpisać dowolną liczbę z zakresu od 3 do 100. Domyślnie liczba boków wynosi 5, więc zostawię to tak:

Wprowadź liczbę boków w polu parametru "Boki"

Po ustawieniu liczby boków umieść kursor w oknie dokumentu i zacznij przeciągać, aby narysować wielokątny kształt. Photoshop zawsze rysuje wielokątne kształty od środka, więc nie musisz przytrzymywać klawisza Alt (Win) / Option (Mac). Naciśnięcie i przytrzymanie klawisza Zmiana kiedy zaczniesz rysować wielokąt, pozwoli ci ograniczyć liczbę rogów dla twojego kształtu i umieścić go na ekranie dokładnie tak, jak chcesz:

Kształt pięcioboczny narysowany za pomocą narzędzia Wielokąt

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

Prosty trójkąt narysowany narzędziem Wielokąt

Poniżej znajduje się wielokąt z 12. Podobnie jak w przypadku opcji Promień narzędzia Zaokrąglony prostokąt, nie możemy zmienić liczby boków po narysowaniu kształtu, więc jeśli się pomylisz, musisz przejść do menu "Redagowanie"(Edytuj) u góry ekranu i wybierz element Cofnij: narzędzie Wielokąt(Narzędzie Cofnij wielokąt) (lub naciśnij Ctrl+Z (Win) / Command+Z (Mac)), a następnie wprowadź inną wartość w polu opcji Boki i przerysuj kształt:

Wielokąt z dwunastoma bokami

Rysuj gwiazdy za pomocą narzędzia Wielokąt

Aby narysować gwiazdę za pomocą narzędzia Wielokąt, kliknij ikonę koła zębatego na pasku opcji, a następnie wybierz opcję "Gwiazda"(Gwiazda):

Kliknij ikonę koła zębatego i wybierz parametr „Gwiazda”

Następnie kliknij w oknie dokumentu i przeciągnij kursor, aby narysować gwiazdę. Parametr „Imprezy”(Sides) w panelu ustawień określa liczbę wierzchołków gwiazdy, więc jeśli domyślna wartość to pięć, otrzymujemy pięcioramienną gwiazdę:

Gwiazda pięcioramienna narysowana za pomocą narzędzia Wielokąt

Zmieniając wartość parametru Sides na 8, otrzymujemy ośmioramienną gwiazdę:

Określ liczbę wierzchołków gwiazdy za pomocą opcji Boki

Możemy narysować kształt, który wygląda jak eksplodująca gwiazda, zwiększając ostrość promieni gwiazdy parametrem „Głębokość promieni”(Wcięcie stron według). Domyślnie wartość tego parametru to 50%, zwiększę wartość do 90%. Zwiększę również liczbę wierzchołków gwiazdy do 16:

Narysuj kształt, który wygląda jak eksplodująca gwiazda, zwiększając wartość parametru Ray Depth

A oto kształt, który otrzymałem:

Eksplodująca gwiazda narysowana za pomocą narzędzia Wielokąt

Domyślnie wierzchołki gwiazdy mają ostre rogi, ale możemy je zaokrąglić wybierając opcję „Gładkie zewnętrzne rogi”(Gładkie rogi):

Wybierz opcję "Gładkie narożniki zewnętrzne"

Poniżej znajduje się pięcioramienna gwiazda z wybraną opcją Gładkie zewnętrzne narożniki:

Opcja Smooth Outside Corners zmiękcza kanciastość gwiazd

Możemy również zaokrąglić rogi u podstawy promieni gwiazdy, wybierając opcję „Gładkie wewnętrzne narożniki”(Gładkie wcięcia):

Wybierz opcję „Gładkie wewnętrzne narożniki”.

I znowu nasza gwiazda wygląda zupełnie inaczej:

Malowana gwiazda z wybranymi gładkimi narożnikami wewnętrznymi

Narzędzie linii

Ostatnim z podstawowych narzędzi w grupie Kształty jest "Linia"(LineTool). Wybiorę go z paska narzędzi:

Wybór narzędzia Linia

To narzędzie pozwala nam rysować proste linie proste, ale możemy również rysować za jego pomocą strzałki. Aby narysować linię prostą, najpierw ustaw szerokość linii, wprowadzając wartość (w pikselach) w polu parametru. "Grubość"(Waga) w panelu ustawień. Domyślnie wartość grubości to 1px, zwiększę ją do 16px:

Parametr „Width” odpowiada za grubość (lub szerokość) linii

Po drugie, tak jak w przypadku innych narzędzi w grupie Kształty, kliknij w oknie dokumentu i przeciągnij, aby narysować linię. Aby ułatwić rysowanie poziomej lub pionowa linia, naciśnij i przytrzymaj klawisz Zmiana, po rozpoczęciu rysowania linii zwolnij przycisk myszy i na koniec klawisz Shift:

Przytrzymaj klawisz Shift, aby rysować linie poziome lub pionowe

Strzałki prowadzące rysowanie

Aby narysować strzałki, kliknij ikonę koła zębatego w panelu ustawień, aby otworzyć opcje „Strzałki”(Groty strzałek). Wybierz, gdzie chcesz dodać strzałki: na początku linii, na końcu lub na obu końcach jednocześnie (jeśli chcesz, aby strzałka wskazywała w tym samym kierunku, w którym rysujesz linię, wybierz opcję "Na końcu"(koniec)):

Kliknij ikonę koła zębatego, aby uzyskać dostęp do opcji „Strzałki”.

Poniżej znajduje się linia podobna do poprzedniej, z tą różnicą, że na końcu znajduje się ikona strzałki:

Narzędzie linii ułatwia rysowanie strzałek prowadzących

Jeśli domyślny rozmiar strzałki Ci się nie podoba, możesz go zmienić za pomocą opcji "Szerokość"(szerokość) i "Długość"(długość). Możemy również dodać zagięcie do strzałki za pomocą parametru "Krzywizna"(Wklęsłość). Domyślnie wartość tego parametru to 0%, ale zwiększę go do 50%:

Zmień kształt strzałki, zwiększając wartość parametru „Krzywa”

A oto jak teraz wygląda strzałka. Upewnij się, że wybrałeś wartość opcji narzędzia Linia przed rozpoczęciem rysowania linii, ponieważ nie możesz ich zmienić podczas rysowania. Jeśli chcesz wprowadzić zmiany, musisz usunąć kształt i narysować go ponownie:

Strzałka z krzywizną ustawioną na 50%

Ukryj kontur wokół kształtu

Za każdym razem, gdy rysujemy kształt w tym samouczku, program rysuje jego cienki kontur. Po zwolnieniu przycisku myszy program zakończył rysowanie kształtu i wypełnił go kolorem. Problem polega na tym, że jeśli przyjrzysz się uważnie narysowanemu kształtowi, najprawdopodobniej zobaczysz wokół niego cienki kontur, który nie zniknął. W&

1. Zdjęcie. Poniżej znajduje się zdjęcie minisamochodu, nad którym trzeba będzie popracować, aby nadać mu wygląd wektorowy. Jakość obrazu w tym przypadku nie jest tak ważna, o ile istnieją szczegóły do ​​śledzenia.

2. Proces. Aby rozpocząć - kliknij prawym przyciskiem myszy i wykonaj jedną z dwóch czynności: a) Kopiuj [Kopiuj]. Następnie w Photoshopie „e Edycja - Wklej [Edycja - Wklej]. W tej metodzie Photoshop opuszcza zablokowaną warstwę tła i wkleja obraz na nową warstwa 1 nad tłem. Kliknij dwukrotnie słowo Warstwa 1, aby zaznaczyć tekst i odpowiednio nazwać warstwę. Na przykład „obraz”.

b) Zapisz obraz jako [Zapisz obraz jako] na śrubie. Następnie w Photoshopie Plik - Otwórz [Plik - Otwórz] i znajdź miejsce, w którym zapisałeś obraz. Może na pulpicie?... Zauważ, że w palecie warstw ikona obrazka wskazuje, że obrazek jest „zindeksowany” [w skrócie to gif]. Zauważ również, że jest zablokowany. Aby to naprawić, po prostu przejdź do Obraz - Tryb - Kolor RGB [Obraz - Model - RGB] i tym samym przenieś zablokowaną warstwę na warstwę tła. Dwukrotne kliknięcie warstwy tła zmieni ją w warstwę edytowalną. [Zmień nazwę warstwy 0, aby była bardziej przyjazna... Na przykład "obraz".]

Teraz stwórzmy duplikat warstwy obrazu. Jeśli używasz Photoshopa 7 lub CS, utwórz nowy zestaw warstw, aby zachować wszystkie pojedyncze obiekty. Po prostu kliknij ikonę folderu na dole palety warstw, kliknij dwukrotnie zestaw 1 i nazwij go jak mój.

3. Potężne narzędzie do pióra. Zacznijmy od stworzenia obrysu na obwodzie całego samochodu. Ustaw kolor pierwszego planu za pomocą zakraplacza, pobierając kolor z najciemniejszej części obrazu. W tym przypadku bardzo zbliżony do czerni. Teraz wybierz narzędzie Pióro z paska narzędzi. Upewnij się, że opcja Warstwy kształtów jest włączona [u góry na pasku opcji], zakreśliłem ją na pomarańczowo.

Teraz po prostu dodaj punkty kontrolne, w których uważasz, że musisz edytować ścieżkę.
Wskazówka: Ctrl + [Plus na klawiaturze numerycznej po prawej stronie klawiatury], aby powiększyć. Odpowiednio Ctrl- odwrotna akcja. Polecam korzystanie z tych funkcji w celu dalszego dopracowania obrazu.

4. Łączenie punktów kotwiczenia. Po utworzeniu ścieżki wokół samochodu połącz się z pierwszym punktem kontrolnym, aby utworzyć jednolity kształt. Teraz ukryj warstwę kopii obrazu, aby zobaczyć wynik [Tak jak na poniższym obrazku]. Teraz zacznijmy manipulować punktami kontrolnymi, aby nadać naszemu samochodowi bardziej smukły kształt.

Oto jak wygląda teraz paleta warstw z nową warstwą Vector Shape podświetloną na niebiesko. Ponadto, jeśli klikniesz zakładkę Ścieżki w Palecie warstw, zobaczysz wersję tej warstwy ze „ścieżką”.

5. Konwersja punktów kontrolnych. Wybierz narzędzie Konwertuj punkty kotwiczenia i manipuluj obszarami, które mają zostać przekształcone, aby nadać samochodowi wyraźną granicę.

Upewnij się, że wybrana jest warstwa Kształt 2.
Zacząłem przeliczać punkty z koła. Kliknij na punkt zakotwiczenia i przesuń go w kierunku czarnej strzałki [patrz rys. rys.], aż ścieżka zaczęła podążać za konturami koła.

Wskazówka: narzędzie do konwersji tworzy 2 punkty Beziera, aby dostosować krzywiznę.

Manipuluj krzywymi Beziera, aby uzyskać kontury jak najbliżej.

Wskazówka: po przekonwertowaniu kilku punktów kontrolnych [lub punktów kontrolnych] zdasz sobie sprawę, że niektóre oryginalne punkty w ogóle nie są potrzebne. W rzeczywistości im mniej punktów kontrolnych, tym płynniejszy będzie wybór. Dlatego użyj narzędzia do usuwania punktu zakotwiczenia.

Oto co mi się przydarzyło. Użyjemy tego kształtu jako podstawy.

Następnie utworzyłem kopię warstwy Shape 2 i manipulowałem punktami, aby narysować dominujący kolor [w tym przypadku niebieski] samochodu. Kliknij na miniaturę tej warstwy, weź kroplomierz i zmień kolor z czarnego na niebieski #3672BD.

Oto jak teraz wygląda samochód.

Teraz popracujmy nad oknami.
Włącz ponownie warstwę kopii obrazu [czarny] i ukryj warstwę kopii kształtu 2 [niebieska].
Chwyć narzędzie Pióro i na pasku opcji włącz Odejmij od kształtu obszaru [zakreśliłem na pomarańczowo].

Ukryj warstwę kopii Shape 2. Wybierz warstwę Kształt 2. Zacznijmy od prześledzenia okien po przeciwnej stronie samochodu.

Wyłącz widoczność warstwy kopii obrazu, spójrz na wynik.
Odejmowanie od czarnego kształtu stworzyło iluzję przezroczystości.

Aby zastosować ten efekt w pozostałych dwóch oknach bez dodawania nowej warstwy, po prostu przytrzymaj Ctrl+Alt, kliknij i przeciągnij tę ścieżkę kopii subtraktywnej. [Zrób to dwa razy.] Teraz umieść duplikaty na swoich miejscach. Użyj ponownie narzędzia Konwertuj punkt kontrolny, aby uzyskać gładkie narożniki i precyzyjne kształtowanie.

Zastosuj tę samą technikę na warstwie kopii Shape 2, aby uzyskać obraz podobny do mojego.

Teraz, gdy mamy już podstawowy kształt wektorowy samochodu, pozostaje tylko dodać kilka nowych kształtów, linii i tekstur. Wypełnimy okna później!

Teraz, korzystając z narzędzia Elipsa w przyborniku, narysuj środek tylnego koła, a następnie, trzymając Shift, zrób to samo dla przedniego koła.
Aby uzyskać precyzyjne pozycjonowanie, Ctrl + kliknij nową elipsę, a następnie kliknij prawym przyciskiem myszy prostą elipsę i wybierz opcję Swobodna ścieżka transformacji. Kliknij ponownie prawym przyciskiem myszy i wybierz Zniekształcenie. Zacząłem też pracować nad reflektorami [na nowej warstwie] przy użyciu tej samej techniki: Elipsa - Przekształcenie swobodne - Zniekształcenie - Ustawienie pozycji.

Ponieważ dodano nowe warstwy, mogły się one nagromadzić, rozsądne jest ich prawidłowe nazwanie. [Myślałem, że można użyć jak najmniejszej liczby warstw, ale...]

Następnie dodałem zderzak. Ponownie używam narzędzia Pióro do obrysowywania, narzędzia Konwertuj punkt zakotwiczenia do wygładzania narożników i dokładnego kształtowania względem oryginału. [Szczerze, wszystko to jest od dawna ugruntowaną i akceptowaną praktyką śledzenia!]

Następnie na zderzaku nałożyłem styl warstwy, aby nadać mu efekt chromu. Kliknij prawym przyciskiem warstwę zderzaka i zastosuj następujące ustawienia.

Utwórz nową warstwę i nazwij ją Lines. Ta warstwa powinna być przede wszystkim. Czyli na pasku narzędzi wybrane jest narzędzie Pióro, na panelu opcji ustawienia odpowiadają danym, zaczynamy dodawać punkty zakotwiczenia w kierunku białej strzałki.

Teraz ustaw aktywny kolor na czarny [lub po prostu naciśnij D], naciśnij klawisz B, aby wybrać narzędzie pędzla, teraz na pasku opcji ustaw selektor ustawień wstępnych pędzla i wybierz mały pędzel o miękkich krawędziach o wartości około 3. Ale zmień średnica do 2px [spróbuj nawet 1], ponieważ nawet 3 może być wiele.

Aby ponownie wybrać pisak, naciśnij P, aktywuj warstwę Linie, kliknij prawym przyciskiem myszy i wybierz opcję Obrysuj ścieżkę.

Zostaniesz poproszony o wybranie narzędzia, za pomocą którego utworzysz nowy skok. Wybierz Pędzel z rozwijanego menu i kliknij OK.

Zmieniłem krycie warstwy Lines na 54%, aby ją zmiękczyć.

Następnie kontynuowałem w tym samym tonie, używając tej samej techniki do dodawania kolejnych linii.
Dodano lusterko, wycieraczki i emblemat na masce.
Porada: W przypadku obszarów, które są zbyt małe, aby można je było obsłużyć za pomocą narzędzia Pióro, użyj wielokątnego lassa. Po prostu kliknij i dodaj punkty kontrolne, tak jak za pomocą pióra, a kiedy skończysz, kliknij prawym przyciskiem myszy zaznaczenie i wybierz opcję „Utwórz ścieżkę roboczą” lub „Wypełnij”.

W przypadku struktur, takich jak światła, użyj wielokątnego lassa [L], aby obrysować takie obszary, kliknij prawym przyciskiem myszy i wypełnij miękkim niebieskim [użyłem #86A9D7].

Pozostało tylko dodać szczegóły. Szczegóły zależą od Ciebie. Poniżej efekt mojej pracy po dodaniu detali do reflektorów, kół i te de.
Mam nadzieję, że lekcja się podobała.

16.03.2014 27.01.2018

Taki rysunek wektorowy ze zdjęcia wykonuje się w kilka minut w Photoshopie bez większego wysiłku. Wszystko, co musisz zrobić, to zastosować kilka filtrów, funkcji i warstw dopasowania. Jak to zrobić, przeczytaj instrukcje zawarte w tej lekcji.

Za pomocą Photoshopa możemy przekonwertować dowolny rysunek na obraz wektorowy.

Wybierz zdjęcie i otwórz je w Photoshopie.

Zrób kopię warstwy. Nazwij jedną warstwę Dziewczyna 1 warstwa, i drugi Dziewczyna 2 warstwy.

Zastosuj funkcję Progi korekcji obrazu(Obraz - Korekta - Isohelia) dla warstwy Dziewczyna 1 warstwa.

Ustaw kolory na biały i czarny na pasku narzędzi.

Zastosuj filtr Filtr - Szkic - Kserokopia (Filtr - Szkic - Kserokopia) dla warstwy Dziewczyna 2 warstwy.

Tryb mieszania warstw Dziewczyna 2 warstwy zainstalować Zwielokrotniać(Mnożenie) i scal warstwy.

Ponownie zastosuj funkcję Próg (izohelia)

Teraz musisz wygładzić krawędzie, w tym celu zastosuj filtr Styl - Rozproszony(Stylizacja - Dyfuzja)

Obraz wektorowy jest gotowy.

Teraz, aby jakoś to zmienić, możesz to pokolorować. Aby to zrobić, po prostu weź czarny pędzel i popraw linie rysów twarzy.

Do wypełnienia kolorem użyj Narzędzie Wiadro farby (wypełnić). To nie będzie dla ciebie problemem.

Narzędzia do pracy z wektorami w Photoshopie pojawiły się dawno temu, ale stosunkowo niedawno zaczęły być stosowane w pracy. Wynika to z faktu, że bardzo przez długi czas były „surowe” i ponieważ Wektor w Photoshopie nie jest specjalistycznym narzędziem do pracy i nie został sfinalizowany. Ale wszystko zmieniło się wraz z wydaniem programu Photoshop CC.

Dlaczego potrzebujesz wektora w Photoshopie

Najpierw chcę powiedzieć, dlaczego używam wektorów w Photoshopie. Istnieje wiele sprawdzonych edytorów wektorów. Najpopularniejsze to Illustrator, CorelDraw, Xara. Najczęściej zajmuję się projektowaniem stron internetowych, co oznacza, że ​​moja praca nie jest efektem końcowym. Tych. zanim stanie się stroną internetową, interfejsem, aplikacją, układ trafi do projektanta układu. Większość projektantów layoutów biegle posługuje się Photoshopem, ale bardzo powierzchownie zna Illustrator. Dlatego chęć „wsunięcia” wszystkiego do jednego pliku jest dość logiczna. Wspaniale jest, gdy projektant układu graficznego otrzymuje jeden plik PSD, który zawiera kompletny układ, a nawet możliwość edycji elementów. Zmień kolor przycisku, zmień promień formy menu, zwiększ lub zmniejsz blok bez utraty jakości - w 2 kliknięcia i 1 minutę! Vector w Photoshopie pozwala to zrobić bez specjalnych umiejętności.

Funkcje pracy z wektorem w Photoshopie

Jeśli wcześniej pracowałeś w jakimkolwiek edytor wektorów, wtedy wiele rzeczy będzie wydawać się znajomych. Ale dużo trzeba, żeby się przyzwyczaić. Cała praca w Photoshopie jest zbudowana z warstw, dotyczy to również wszystkich narzędzi wektorowych.
1. Aby łatwo edytować wektor w Photoshopie, musisz umieścić każdy kształt na osobnej warstwie.
2. Operacje „scalanie”, „odejmowanie”, „nakładanie” najlepiej stosować do nie więcej niż dwóch obiektów.
3. Po operacjach „scalanie”, „odejmowanie”, „nakładanie” kontury oryginalnych obiektów pozostają dostępne do edycji.
4. Style rastrowe można łatwo zastosować do wszystkich obiektów wektorowych. To jest bardzo wygodne.
5. Możesz zastosować przezroczystość do obiektów wektorowych i zastosować do nich filtry.
6. Poszczególne warstwy i grupy warstw z obiektami wektorowymi można łatwo sklonować w dokumencie lub skopiować do innego dokumentu PSD.
7. Oznacz każdą warstwę i warstwy grupowe - zaoszczędzi to dużo czasu.

Podstawowe prymitywy

Jak w każdym edytorze wektorów, wektor w Photoshopie ma gotowe prymitywy. Podstawowe prymitywy:
„Prostokąt”, „Prostokąt zaokrąglony”, „Elipsa”, „Wielokąt”, „Linia”, „Kształt niestandardowy”. Dla każdego kształtu (w dowolnym momencie) możesz ustawić grubość/rodzaj/kolor obrysu i wypełnienia. Dla określonych prymitywów dostępne są dodatkowe właściwości. Na przykład dla wielokąta możesz ustawić liczbę rogów, a dla prostokąta z zaokrąglonymi rogami możesz ustawić promień zaokrąglenia.

Podstawowe narzędzia

Aby narysować dowolny wektor lub edytować istniejący (w tym kontur prymitywów), musisz użyć narzędzi „Pióro” (narysuj dowolny kontur), „Pióro +” (dodaj nowe punkty kontrolne do gotowego konturu), „Pióro -” (usuń punkty kontrolne z gotowego konturu), „Swobodny pisak” (odręcznie narysuj dowolny kontur), „Kąt” (zmień zagięcia krzywych konturu, ustaw typy połączeń między punktami kontrolnymi).

Aby zilustrować proces, krótki film, z którego dowiesz się:
1. Jak stworzyć prymitywną
2. Jak narysować dowolny kształt wektorowy?
3. Jak edytować zarys prymitywu?
4. Jak edytować zarys dowolnego kształtu wektora?

Podstawowe operacje wektorowe w Photoshopie

W sumie dostępne są 4 operacje: „Scal kształty”, „Odejmij kształt przodu”, „Scal kształty w nakładce”, „Odejmij kształty w nakładce”. Wszystkie te operacje są dostępne za pośrednictwem głównego Górne menu Warstwy > Scal kształty, lub przez pasek narzędzi „Właściwości” (górne menu Okno > Właściwości).
Uwaga! Przed rozpoczęciem jakichkolwiek operacji scalania kształtów wektorowych upewnij się, że warstwy tych kształtów są zaznaczone na pasku narzędzi „Warstwy” (włącz go na F7 lub Okno > Warstwy).

Krótki film ilustrujący podstawowe operacje „scalania kształtów” w Photoshopie.

Zmień kolor, rozmiar i zastosuj style

Tutaj dochodzimy do najciekawszych. Grafika wektorowa w Photoshopie umożliwia zmianę rozmiaru zarówno w górę, jak i w dół bez utraty jakości. Aby to zrobić, wybierz żądane warstwy na pasku narzędzi „Warstwy”, naciśnij Ctrl + T (lub Command + T, jeśli masz MAC) i przeciągając myszą znaczniki wybranej ścieżki dostosuj rozmiar. Aby rozmiar zmieniał się proporcjonalnie, musisz przytrzymać klawisz Shift.


Krótki film:
1. Zmień rozmiar kształtu wektora
2. Zmień kolor wypełnienia kształtu wektorowego
3. Dodaj styl do kształtu wektora

Pobierz przykład PSD (bezpłatny)

Aby ułatwić Ci zrozumienie, jak używać wektora w Photoshopie i zobaczyć, jak te narzędzia można zastosować w praktyce, zamieszczam plik infografiki wykonany przeze mnie całkowicie przy użyciu narzędzi wektorowych.

Zadać pytanie

Jeśli coś Ci nie działa lub masz jakieś pytania, napisz w komentarzach, a pomogę Ci to rozgryźć. Możesz także oglądać filmy za pomocą narzędzi wektorowych.

Rysunki wektorowe są coraz częściej wykorzystywane w różnych narzędziach drukarskich do tworzenia pięknych rysunków z drewna, plastiku, metalu, papieru i innych materiałów. Dzisiaj dowiemy się, jak zrobić rysunek wektorowy własnymi rękami za pomocą Photoshopa. Spędziwszy sporo czasu, otrzymamy wysokiej jakości rysunek wektorowy, z którego bez problemu będziemy mogli w przyszłości korzystać.

Jak przekonwertować rysunek na wektor?

Przede wszystkim należy zauważyć, że przeliczając figurę na format wektorowy dozwolone są tylko rysunki przedstawione na białym tle. Jeśli tło nie jest białe, najpierw musisz usunąć wszystkie niepotrzebne i wyczyścić tło.

1. Używając narzędzi do zaznaczania, zaznaczamy tylko ten element, który chcemy przekształcić w rysunek wektorowy i kopiujemy go na nową warstwę o nazwie „kształt”. Następnie tworzymy kolejną warstwę i całkowicie wypełniamy ją bielą, tę warstwę można nazwać „tłem”. Teraz przenieś warstwę „tła” pod warstwę „kształt” i połącz je. Powstały obraz nazywa się „Baza”. Dwukrotnie skopiuj warstwę „Base” i nazwij ją „Base_1” i „Base_2”. Wyłącz ich widoczność.

2. Zacznijmy od przekształcenia obrazu do formatu wektorowego. Przede wszystkim należy zastosować się do warstwy „Baza”, korektę „Isohelium”, aby uzyskać obraz w formacie czarno-białym. Nie zawsze przy pierwszej korekcie otrzymujemy potrzebne nam zdjęcie, więc możemy wykonać kilka kopii warstw i dokonać poprawek za pomocą różne wartości dopóki nie otrzymamy tego, czego potrzebujemy.

Więc uzyskaliśmy najbardziej normalny efekt.

3. Następnie do wynikowego obrazu stosujemy filtr dyfuzyjny, aby usunąć postrzępione krawędzie. Ścieżka włączenia filtra: „Filtr – Stylizacja – Rozproszenie” (Filtr-Stylizacja-Rozproszenie). W oknie, które zostanie otwarte, wybierz „Anizotropowy”.

4. Następnym krokiem jest wygładzenie krawędzi, aby stały się ostrzejsze, w tym celu wciskamy „Obraz – Korekcja – Poziomy” (Image-Adjustment-Levels). W otwartym oknie przesuń lewy i prawy suwak bliżej środka. Aby zobaczyć wynik korekty, najlepiej powiększyć rysunek do 300% przed otwarciem poziomów.

5. Powtórz kroki 3 i 4 w tej samej kolejności.

6. Wyłącz widoczność naszej warstwy głównej i włącz warstwę „Base_1”. Wykonaj akcję „Obraz – Korekta – Isohelia” (Dostosowanie obrazu – Próg). Parametr jest ustawiony na poziomie 138.

7. Na tej warstwie wykonujemy operacje wskazane w paragrafach 3.4 i 5.

8. Utwórz nową warstwę i wypełnij ją czernią. Nazywamy to „tłem”. Ustaw go poniżej warstwy „Baza”. W warstwie „Base_1” zmień tryb na „Różnica” (Różnica).

Oto, co otrzymujemy:

9. Rezultatem jest trochę przerażający obraz, ale naprawimy to teraz. Uaktywnij warstwę bazową i dodaj maskę warstwy. Następnie za pomocą gumki możemy usunąć niepotrzebne miejsca na twarzy i ciele dziewczynki.

10. Więc mamy rysunek, teraz trzeba go przekonwertować na wektor. Użyj magicznej różdżki, wybierz cały czarny obszar obrazu i kliknij prawym przyciskiem myszy obraz, w menu, które się otworzy, wybierz „Utwórz ścieżkę roboczą”. Ustaw wartość na 1.0.