Photoshop Shapes and Shape Layers Essentials

narzędzia Shape

program Photoshop oferuje sześć narzędzi do wyboru – prostokąt, Zaokrąglony prostokąt, elipsa, wielokąt, linia i niestandardowy kształt-wszystkie są zagnieżdżone w tym samym miejscu w panelu Narzędzia. Domyślnie narzędzie Prostokąt jest tym, które jest widoczne w panelu Narzędzia, ale jeśli klikniemy na ikonę narzędzia i przytrzymamy przycisk myszy przez sekundę lub dwa, pojawi się menu fly-out pokazujące nam Inne narzędzia kształtu, z których możemy wybrać:

po wybraniu narzędzia Kształt, jeśli chcesz przełączyć się na inne, nie musisz wracać do panelu Narzędzia (chociaż możesz, jeśli chcesz), ponieważ program Photoshop daje nam dostęp do wszystkich narzędzi kształtu bezpośrednio z paska opcji u góry ekranu. Na przykład z panelu Narzędzia zaznaczę narzędzie Prostokąt:

po wybraniu narzędzia Prostokąt na pasku opcji pojawi się rząd sześciu ikon, z których każda reprezentuje inne narzędzie kształtu. Narzędzia są wymienione od lewej do prawej w tej samej kolejności, w jakiej pojawiają się w panelu Narzędzia, więc znowu mamy narzędzie Prostokąt, narzędzie Zaokrąglony prostokąt, narzędzie Elipsa, narzędzie wielokąt, narzędzie Linia i narzędzie niestandardowy kształt. Po prostu kliknij na jedną z ikon, aby wybrać potrzebne narzędzie:

opcja warstwy kształtu

zanim zaczniemy rysować dowolne kształty, najpierw musimy powiedzieć Photoshopowi, jaki kształt chcemy narysować, a przez to nie mam na myśli prostokątów ani okręgów. Program Photoshop pozwala nam rysować trzy bardzo różne rodzaje kształtów – kształty wektorowe, ścieżki lub kształty oparte na pikselach. Przyjrzymy się bliżej różnicom między tymi trzema i dlaczego chcesz użyć każdego z nich w innym samouczku, ale w większości przypadków będziesz chciał rysować kształty wektorowe, które są tymi samymi typami kształtów, które rysujemy w programie takim jak Illustrator. W przeciwieństwie do pikseli, kształty wektorowe są niezależne od rozdzielczości i w pełni skalowalne, co oznacza, że możemy je tak duże, jak chcemy i zmieniać ich rozmiar tak często, jak chcemy, bez utraty jakości obrazu. Krawędzie kształtów wektorowych zawsze pozostaną ostre i ostre, zarówno na ekranie, jak i podczas ich drukowania.

aby narysować kształty wektorowe, wybierz opcję warstwy kształtów na pasku opcji. Jest to pierwsza z trzech ikon po lewej stronie (opcja ścieżki jest środkiem trzech ikon, po których następuje opcja wypełnij piksele po prawej):

wybór koloru dla kształtu

po wybraniu opcji warstwy kształtu następną rzeczą, którą musimy zrobić, to wybrać kolor dla naszego kształtu, a robimy to, klikając próbkę koloru po prawej stronie Słowa kolor na pasku opcji:

Photoshop otworzy Selektor kolorów, w którym możemy wybrać kolor, którego chcemy użyć. Ja wybieram czerwony. Kliknij OK po wybraniu koloru, aby zamknąć Selektor kolorów:

nie martw się o wybór niewłaściwego koloru dla swojego kształtu, jeśli nie masz pewności, jakiego koloru potrzebujesz. Jak zobaczymy, warstwy kształtów ułatwiają cofanie się i zmianę koloru kształtu w dowolnym momencie po narysowaniu go.

narzędzie Prostokąt

jak można się pewnie domyślić z nazwy, narzędzie Prostokąt programu Photoshop pozwala nam rysować czworokątne kształty. Po prostu kliknij w dokumencie, aby ustawić punkt początkowy kształtu, a następnie przytrzymaj przycisk myszy i przeciągnij po przekątnej, aby narysować resztę kształtu. Podczas przeciągania zobaczysz cienki zarys kształtu:

gdy jesteś zadowolony z wyglądu kształtu, zwolnij przycisk myszy, w którym To momencie program Photoshop wypełni kształt kolorem wybranym na pasku opcji:

rysowanie kształtu z jego środka

jeśli chcesz narysować prostokąt (lub dowolny kształt) z jego środka, a nie z rogu, kliknij wewnątrz dokumentu, w którym powinien znajdować się środek prostokąta i zacznij przeciągać kształt tak, jak zwykle. Po rozpoczęciu przeciągania naciśnij klawisz Alt (Win) / Option (Mac) i przytrzymaj go podczas przeciągania. Klawisz Alt / Option mówi programowi Photoshop, aby narysował kształt od środka. Działa to ze wszystkimi narzędziami kształtu, a nie tylko narzędziem prostokąt:

rysowanie kwadratów

możemy również rysować kwadraty za pomocą narzędzia Rectangle. Aby narysować kwadrat, kliknij wewnątrz dokumentu i rozpocznij przeciąganie prostokątnego kształtu. Po rozpoczęciu przeciągania naciśnij klawisz Shift na klawiaturze i przytrzymaj go podczas przeciągania kształtu. Przytrzymanie klawisza Shift spowoduje, że kształt stanie się idealnym kwadratem bez względu na kierunek przeciągania. Możesz również dodać klawisz Alt (Win) / Option (Mac), aby narysować kwadrat od środka (tak, aby nacisnąć i przytrzymać Shift+Alt (Win) / Shift+Option (Mac)):

ponownie program Photoshop wyświetli tylko cienki zarys kwadratu podczas przeciągania, ale po zwolnieniu przycisku myszy program Photoshop wypełni go kolorem:

Opcje kształtu

jeśli spojrzysz na pasek opcji, bezpośrednio po prawej stronie sześciu ikon narzędzia Kształt, zobaczysz małą strzałkę skierowaną w dół. Kliknięcie strzałki otworzy listę dodatkowych opcji dla wybranego narzędzia kształtów. Na przykład po wybraniu narzędzia Prostokąt kliknięcie strzałki spowoduje wyświetlenie opcji prostokąta.
z wyjątkiem narzędzia wielokąt i narzędzia linii, które przyjrzymy się później, nie będziesz często korzystać z tego menu, ponieważ nauczyliśmy się już uzyskiwać dostęp do głównych opcji bezpośrednio z klawiatury.

na przykład opcja Nieograniczona jest domyślnie zaznaczona i jest to po prostu normalne zachowanie narzędzia Rectangle, które pozwala nam rysować prostokątne kształty o dowolnym rozmiarze lub proporcjach. Opcja kwadrat pozwala nam rysować kwadraty, ale możemy to zrobić po prostu przytrzymując klawisz Shift podczas przeciągania. Opcja od środka narysuje kształt od środka, ale znowu możemy to zrobić, przytrzymując nasz klawisz Alt (Win) / Option (Mac) podczas przeciągania:

warstwy kształtu

zanim sprawdzimy pozostałe narzędzia do kształtowania, przyjrzyjmy się szybko, co dzieje się w panelu Warstwy. Jeśli pamiętasz na początku samouczka, nauczyliśmy się, że aby rysować kształty wektorowe w programie Photoshop, musimy upewnić się, że mamy opcję warstwy kształtu zaznaczoną na pasku opcji, a teraz, gdy narysowałem kształt, widzimy, że mam rzeczywistą warstwę kształtu w moim dokumencie, którą Photoshop nazwał „Shape 1”. Każdy nowy kształt wektorowy, który rysujemy, jest umieszczany na własnej warstwie kształtu, która wygląda inaczej niż normalne warstwy oparte na pikselach. Po lewej stronie warstwy kształtu znajduje się ikona próbki koloru, która wyświetla bieżący kolor naszego kształtu, a po prawej stronie próbki koloru znajduje się miniatura maski wektorowej:

wcześniej wspomniałem, że nie musimy się martwić o wybór właściwego koloru dla kształtu, ponieważ możemy łatwo zmienić jego kolor po narysowaniu go, a możemy to zrobić, klikając dwukrotnie bezpośrednio na próbkę koloru warstwy kształtu:

Photoshop ponownie otworzy Próbnik Kolorów dla nas, abyśmy mogli wybrać inny kolor dla kształtu. Tym razem wybieram niebieski:

kliknę OK, aby zamknąć Selektor kolorów, a program Photoshop zmieni kolor mojego kwadratowego kształtu z czerwonego na niebieski:

po prawej stronie próbki koloru na warstwie kształtu znajduje się miniatura maski wektorowej. Biały obszar wewnątrz miniatury reprezentuje nasz kształt. Maski wektorowe są podobne do masek warstw opartych na pikselach, ponieważ ujawniają niektóre części warstwy podczas ukrywania innych części, a przez to mam na myśli, że kiedy rysujemy kształt wektorowy, program Photoshop wypełnia całą warstwę wybranym kolorem, ale wyświetla tylko kolor wewnątrz obszaru kształtu. Ukrywa kolor w obszarach poza kształtem. Nie jest to coś, co naprawdę musisz wiedzieć, aby pracować z kształtami w Photoshopie, ale zawsze miło jest zrozumieć, na co patrzysz. Szary obszar wokół kształtu w miniaturze maski wektorowej to obszar na warstwie, w którym kolor jest ukryty, podczas gdy biały obszar jest widoczny:

aby łatwiej zobaczyć, jak Photoshop wyświetla kształt wektorowy, możemy tymczasowo wyłączyć maski wektorowe, przytrzymując klawisz Shift i klikając bezpośrednio na miniaturę maski wektorowej. Duży czerwony X pojawi się w miniaturze informując nas, że maska jest teraz wyłączona:

przy wyłączonej masce wektorowej cała warstwa jest widoczna w dokumencie i widzimy, że jest całkowicie wypełniona niebieskim kolorem, który wybrałem dla mojego kształtu. Jeśli przyjrzysz się bliżej, zobaczysz cienki kontur miejsca, w którym kształt znajduje się na warstwie:

aby ponownie włączyć maskę wektorową, wystarczy przytrzymać klawisz Shift i ponownie kliknąć jej miniaturę w panelu Warstwy. Z maską z powrotem, cały kolor poza kształtem jest ponownie ukryty przed widokiem, a wszystko, co możemy zobaczyć, to kolor wewnątrz samego kształtu. Białe obszary wokół kształtu w oknie dokumentu pochodzą z warstwy tła pod nim:

teraz, gdy przyjrzeliśmy się warstwom kształtów, zobaczmy, jakie inne typy kształtów możemy narysować w programie Photoshop za pomocą innych narzędzi do kształtowania geometrycznego.

skróty, akcje i filtry Wtyczka: błąd w skrócie

narzędzie Zaokrąglony prostokąt

narzędzie Zaokrąglony prostokąt jest bardzo podobne do standardowego narzędzia Prostokąt, z tym że pozwala nam rysować prostokąty z ładnymi zaokrąglonymi rogami. Kontrolujemy zaokrąglenie narożników za pomocą opcji Promień w pasku opcji. Im wyższa wartość podamy, tym bardziej zaokrąglone rogi pojawią się. Ustawię moją wartość promienia na 50 px:

aby narysować Zaokrąglony prostokąt po wprowadzeniu wartości promienia, kliknij wewnątrz dokumentu, aby ustawić punkt początkowy, a następnie przytrzymaj przycisk myszy i przeciągnij resztę kształtu. Podobnie jak w przypadku zwykłego narzędzia Prostokąt, program Photoshop wyświetla cienki zarys kształtu podczas rysowania:

po zwolnieniu przycisku myszy program Photoshop uzupełnia kształt i wypełnia go kolorem:

oto kolejny prostokąt, tym razem z moją wartością promienia ustawioną na 150 px, wystarczająco duży (w tym przypadku tak), aby cały lewy i prawy bok prostokąta wydawał się zakrzywiony:

i oto prostokąt, ale o znacznie niższej wartości promienia tylko 10 px, co daje mi bardzo małe zaokrąglone rogi:

niestety, nie ma możliwości podglądu zaokrąglenia rogów z wybraną wartością promienia, zanim faktycznie narysujemy prostokąt. Ponadto, nie możemy dostosować wartości promienia w locie, gdy rysujemy kształt, jak w programie Illustrator, a Photoshop nie pozwala nam wrócić i wprowadzić prostych zmian w rogach po narysowaniu go, co oznacza, że rysowanie zaokrąglonych prostokątów jest bardzo „metodą prób i błędów”. Jeśli nie jesteś zadowolony z zaokrąglenia narożników po narysowaniu kształtu, naciśnij Ctrl+Z (Win) / Command+z (Mac), aby szybko cofnąć krok, a następnie wprowadź inną wartość promienia na pasku opcji i spróbuj ponownie.

tak jak narzędzie Prostokąt pozwala nam rysować kwadraty, tak Zaokrąglony prostokąt pozwala nam rysować zaokrąglone kwadraty. Wystarczy przytrzymać klawisz Shift po rozpoczęciu przeciągania, aby wymusić Zaokrąglony prostokąt na Kwadratowy kształt. Przytrzymaj klawisz Alt (Win) / Option (Mac) po rozpoczęciu przeciągania, aby wyciągnąć Zaokrąglony prostokąt (lub kwadrat) ze środka.

jeśli klikniemy małą strzałkę na pasku opcji, aby wyświetlić opcje zaokrąglonego prostokąta, zobaczymy, że mają dokładnie te same opcje, co zwykłe narzędzie prostokąta, takie jak Nieograniczone, kwadratowe i od środka, i znowu wiemy już, jak uzyskać do nich dostęp z klawiatury:

narzędzie Elipsa

narzędzie Elipsa w Photoshopie umożliwia rysowanie eliptycznych lub okrągłych kształtów. Podobnie jak w przypadku narzędzi prostokąt i Zaokrąglony prostokąt, kliknij wewnątrz dokumentu, aby ustawić punkt początkowy, a następnie przytrzymaj przycisk myszy i przeciągnij resztę kształtu:

zwolnij przycisk myszy, aby uzupełnić kształt i wypełnić go kolorem w programie Photoshop:

przytrzymaj klawisz Shift po rozpoczęciu przeciągania za pomocą narzędzia Elipsa, aby wymusić utworzenie idealnego koła. Przytrzymanie klawisza Alt (Win) / Option (Mac) po rozpoczęciu przeciągania spowoduje narysowanie kształtu od środka:

kliknięcie małej strzałki na pasku opcji powoduje wyświetlenie opcji elipsy, które ponownie są prawie identyczne z opcjami prostokąt i Zaokrąglony prostokąt. Jedyną różnicą jest oczywiście to, że narzędzie Elipsa ma opcję narysowania okręgu, a nie kwadratu:

narzędzie wielokąt

narzędzie wielokąt to miejsce, w którym zaczyna robić się interesująco. Podczas gdy narzędzie Rectangle jest ograniczone do rysowania czterokątów, narzędzie Polygon pozwala nam rysować wielokąty z dowolną liczbą boków. To nawet pozwala nam rysować gwiazdy, jak zobaczymy za chwilę.

wprowadź liczbę stron potrzebnych do kształtu wielokąta w opcji boki na pasku opcji. Domyślną wartością jest 5, ale można wprowadzić dowolną wartość od 3 do 100:

po wprowadzeniu liczby stron kliknij dokument i przeciągnij kształt wielokąta. Program Photoshop zawsze rysuje kształty wielokątów z ich środka, więc nie ma potrzeby przytrzymywania klawisza Alt (Win) / Option (Mac). Przytrzymanie klawisza Shift po rozpoczęciu przeciągania ograniczy liczbę kątów, na których można narysować kształt, co może pomóc w ustawieniu kształtu w odpowiedni sposób:

ustawienie opcji boków na 3 dla narzędzia wielokąt umożliwia łatwe narysowanie trójkąta:

a oto kształt wielokąta z opcją boki ustawioną na 12:

rysowanie gwiazd za pomocą narzędzia wielokąt

aby rysować gwiazdy za pomocą narzędzia wielokąt, kliknij małą strzałkę na pasku opcji, aby wyświetlić opcje wielokąta, a następnie wybierz opcję Gwiazda:

Po wybraniu opcji gwiazdki wystarczy kliknąć wewnątrz dokumentu i przeciągnąć kształt gwiazdy. Opcja boki na pasku opcji kontroluje liczbę punktów w gwieździe, więc przy domyślnej wartości boków wynoszącej na przykład 5 otrzymujemy pięcioramienną gwiazdę:

zmiana wartości boków na 8 daje nam 8-ramienną gwiazdę:

możemy utworzyć kształt starburst, zwiększając wcięcie punktów za pomocą opcji Wcięcie boków. Wartość domyślna to 50%. Zwiększę to do 90%:

oto mój kształt gwiazdy z wcięciem ustawionym na 90%. Zwiększyłem również liczbę boków do 16:

domyślnie gwiazdki mają ostre rogi na końcach swoich punktów, ale możemy je zaokrąglać, wybierając opcję gładkie rogi:

oto standardowa pięcioramienna gwiazda z włączoną opcją gładkich narożników::

możemy również wygładzić wcięcia i zaokrąglać je, wybierając opcję gładkie wcięcia:

i znowu otrzymujemy inny wygląd naszego kształtu Gwiazdy:

narzędzie Line

wreszcie, narzędzie Line, które jest ostatnim z narzędzi do kształtowania geometrycznego programu Photoshop, pozwala nam rysować proste linie proste, ale możemy również użyć go do rysowania strzałek. Ustaw grubość linii, wprowadzając wartość w pikselach do opcji waga na pasku opcji. Ustawię moją na 16 px:

następnie po prostu kliknij dokument i przeciągnij kształt linii. Przytrzymaj klawisz Shift po rozpoczęciu przeciągania, aby ograniczyć kierunek rysowania linii, co ułatwia rysowanie linii poziomych lub pionowych:

aby dodać groty strzałek do linii, kliknij małą strzałkę na pasku opcji, aby wyświetlić opcje groty strzałek. Program Photoshop umożliwia dodawanie grotów strzałek do początku lub końca linii lub obu tych elementów. Jeśli chcesz, aby grot strzałki pojawił się w kierunku rysowania linii, co zwykle ma miejsce, wybierz opcję koniec. Upewnij się, że wybrałeś tę opcję przed narysowaniem linii, ponieważ program Photoshop nie pozwala nam wracać i dodawać grotów strzałek po narysowaniu linii:

oto kształt linii podobny do poprzedniego, tym razem z Grotem na końcu:

jeśli domyślny rozmiar grota strzałki nie działa, możesz go dostosować za pomocą opcji Szerokość i długość. Możemy również sprawić, że Grot będzie wyglądał wklęsle za pomocą opcji wklęsłości. Domyślną wartością jest 0%. Zwiększę go do 50%:

to zmienia kształt grota. Ponownie upewnij się, że ustawiłeś opcję wklęsłość przed narysowaniem linii, w przeciwnym razie musisz usunąć kształt i narysować go ponownie:

ukrywanie konturu wokół kształtu

jeśli przyjrzysz się uważnie swojemu kształtowi po jego narysowaniu (niezależnie od używanego narzędzia do kształtowania), często zobaczysz cienki kontur, który może cię denerwować. Kontur pojawia się wokół kształtu za każdym razem, gdy jest zaznaczona Maska wektorowa kształtu i jest zawsze zaznaczany domyślnie po narysowaniu nowego kształtu.

jeśli spojrzysz na warstwę kształtu w panelu Warstwy, zobaczysz, że Miniatura maski wektorowej ma wokół siebie białą ramkę podświetlenia, która mówi nam, że maska jest faktycznie wybrana. Kontur wokół kształtu można ukryć, usuwając jego maskę wektorową. Aby to zrobić, po prostu kliknij miniaturę maski wektorowej. Ramka podświetlenia wokół miniatury zniknie, podobnie jak kontur wokół kształtu w dokumencie: