Tworzenie i praca z grafiką wektorową w Adobe Photoshop

Tworzenie i praca z grafiką wektorową w Adobe Photoshop

Adobe Illustrator to standardowa aplikacja do projektowania graficznego. To najlepsze narzędzie do pracy z plikami wektorowymi.





Niestety nie każdy ma Illustrator, ale wiele osób ma Photoshopa. A Photoshop ma podstawową obsługę obrazów wektorowych. W tym przewodniku przyjrzymy się, jak tworzyć grafikę wektorową w programie Photoshop jako zamiennik programu Illustrator.



Co to jest obraz wektorowy?

Photoshop jest przeznaczony głównie do obrazów rastrowych. Są to wielokątne obrazy rysowane piksel po pikselu. Obsługują ogromne ilości szczegółów i są wykorzystywane do zdjęć. Rozmiary plików mogą być jednak duże i nie można ich powiększyć bez utraty jakości.





Obrazy wektorowe to linie i krzywe generowane przez wzory matematyczne. Oznacza to, że możesz zmieniać ich rozmiar w nieskończoność, a rozmiary plików są często bardzo małe. Wektory świetnie nadają się do prac związanych z projektowaniem graficznym, w tym projektowania logo i ikon. Możesz nawet konwertuj obrazy na grafikę wektorową w programie Adobe Illustrator .

Kawałek grafiki wektorowej składa się z wielu obiektów. Każdy obiekt to linia lub kształt, którego krawędź jest zdefiniowana przez ścieżkę. W Photoshopie ścieżka jest pokazana jako cienka niebieska linia (choć jest technicznie niewidoczna).



Do każdego obiektu można zastosować dwa rodzaje koloru:

  • DO Udar mózgu to linia, która podąża ścieżką.
  • DO Napełnić dodaje jednolity kolor lub wzór do przestrzeni otoczonej ścieżką.

Ustawiasz oba na pasku opcji u góry ekranu. Możesz także ustawić albo na Brak koloru jeśli chcesz, aby pozostały puste. W przypadku obrysu możesz również ustawić grubość w pikselach i styl. Linia ciągła jest domyślna.



W Photoshopie rysujesz obrazy wektorowe z kształtami, liniami i tekstem.

Rysuj kształty i linie wektorowe

Photoshop zawiera narzędzia do rysowania kilku popularnych kształtów. Domyślnie Narzędzie Prostokąt jest podświetlony. Kliknij i przytrzymaj tę ikonę, aby wyświetlić pełny zestaw narzędzi:



  • Narzędzie Prostokąt
  • Narzędzie zaokrąglony prostokąt
  • Narzędzie elipsy
  • Narzędzie Wielokąt
  • Narzędzie linii
  • Narzędzie niestandardowego kształtu

Zawsze możesz wybrać podświetlone narzędzie, naciskając U na klawiaturze. Ewentualnie naciśnij Shift + U aby przechodzić przez narzędzia, aż znajdziesz to, które chcesz.

Aby pracować szybciej, warto dowiedzieć się więcej Skróty klawiaturowe programu Photoshop .

Rysuj podstawowe kształty wektorowe

Wybierz narzędzie dla kształtu, który chcesz narysować, a następnie dodaj swój Napełnić oraz Udar mózgu zabarwienie.

Teraz kliknij i przeciągnij w swoim płótnie. Kształt jest rysowany od rogu w dowolnym kierunku przeciągania. Aby utworzyć symetryczny kształt, taki jak okrąg lub kwadrat, przytrzymaj klawisz Zmiana klucz.

Aby narysować trójkąt, wybierz Narzędzie Wielokąt . Kliknij raz na płótnie, aby otworzyć Utwórz wielokąt okno ustawień. Ustawić Liczba stron do 3 .

Modyfikuj i edytuj kształty wektorowe

Podczas tworzenia grafiki wektorowej w programie Photoshop nie jesteś ograniczony do podstawowych kształtów. Można je bardzo szybko modyfikować.

jak zrobić domyślne konto google

Najpierw wybierz kształt. Spowoduje to podświetlenie kształtu i wyświetlenie punktów kontrolnych na jego ścieżce. Są to punkty, w których kształt ma rogi lub krzywe.

Wybierz Narzędzie Bezpośredniego Wyboru z paska narzędzi (kliknij i przytrzymaj Narzędzie wyboru ścieżki ikonę, aby ją znaleźć, lub naciśnij Shift + A ). Teraz kliknij jeden z punktów kontrolnych i przeciągnij go w dowolnym kierunku, aby zdeformować kształt.

W przypadku bardziej zaawansowanych edycji przesuń jednocześnie dwa lub więcej punktów kontrolnych.

Kliknij jeden, aby go podświetlić, a następnie Shift + kliknięcie inne. Teraz użyj klawisze kursora na klawiaturze, aby przesunąć oba punkty jednocześnie.

Scalanie i łączenie kształtów wektorowych

Aby uzyskać jeszcze bardziej złożone kształty, możesz użyć Operacje na ścieżce . Pozwala to na łączenie wielu kształtów w jeden nowy.

Zacznij od narysowania kształtu na płótnie. Następnie kliknij Operacje na ścieżce na pasku opcji u góry ekranu. Zwykle każda nowa ścieżka lub kształt trafia na własną warstwę. Zmień to, klikając Połącz kształty .

Teraz narysuj inny kształt. To będzie na tej samej warstwie, co twój pierwszy kształt.

Kiedy musisz przenosić obiekty pojedynczo, użyj Narzędzie wyboru ścieżki .

Przeciągnij drugi kształt tak, aby nakładał się na pierwszy. Obydwa łączą się w jeden kształt, chociaż pozostają odrębnymi obiektami. Kliknij Scal komponenty kształtu w Operacje na ścieżce połączyć je w jeden obiekt.

czy potrzebuję Xbox Live, aby grać w fortnite?

Użyj Narzędzie wyboru ścieżki aby wybrać drugi narysowany kształt. Teraz w Operacje na ścieżce wybierać Odejmij kształt przodu . Kształt zostanie usunięty wraz z obszarem, w którym nakłada się na pierwszy kształt.

Podkreśl oba kształty. w Operacje na ścieżce Wybierz Przecięcie obszarów kształtu . Spowoduje to usunięcie obu kształtów, z wyjątkiem obszarów, w których się pokrywają. Używamy tej opcji do tworzenia półokręgu.

Na koniec zaznacz oba kształty i wybierz Wyklucz nakładające się kształty . Usuwa to obszar, w którym dwa kształty nakładają się na siebie, i pozostawia wszystko inne nienaruszone.

Narzędzia te są skutecznym sposobem tworzenia nowych kształtów lub dzielenia lub wycinania elementów z już istniejących. Pracują z Narzędzie Pióro oraz Tekst także.

Rysuj linie wektorowe

Istnieją dwa inne narzędzia związane z kształtem, o których warto wiedzieć. Pierwszy to Narzędzie linii .

Wybierz narzędzie i ustaw Wzrost na pasku opcji. To ustawia grubość linii. Następnie kliknij i przeciągnij dokument, aby go narysować. Przytrzymaj Zmiana klawisz, aby przyciągnąć linię do zera lub 90 stopni.

To narzędzie ma kilka ukrytych funkcji, ale w większości będziesz go używać do rysowania linii prostej.

Rysuj niestandardowe kształty wektorowe

Wreszcie Narzędzie niestandardowego kształtu . Ustaw kolory wypełnienia i obrysu, a następnie kliknij Kształt opcja na pasku opcji. Tutaj możesz wybrać jeden z niezliczonych gotowych niestandardowych kształtów, które zapewnia Photoshop.

Aby dodać więcej kształtów poza początkowym zaznaczeniem, kliknij Ustawienia cog i wybierz kategorię do dodania. Istnieją kształty do wszystkich zastosowań — ikony, dymki, strzałki, tekstury i nie tylko. Możesz też wczytać kształty innych firm.

Kliknij i przeciągnij, aby dodać kształt do obrazu. Możesz także kliknąć płótno, aby określić dokładną szerokość i wysokość.

Rysowanie wektorów za pomocą narzędzia Pióro

Jeśli masz jakieś doświadczenie z programem Illustrator, wiesz, że używasz narzędzia Pędzel do rysowania odręcznego. Photoshop ma narzędzie Pędzel, które wykonuje podobną pracę. Ale w Photoshopie narzędzie nie jest oparte na wektorach, więc nie powinieneś używać go do rysowania. Powinieneś użyć Narzędzie Pióro zamiast.

Narzędzie Pióro to jedna z najpotężniejszych funkcji programu Photoshop. Będziesz go często używać podczas edycji zdjęć w Photoshopie, ponieważ umożliwia tworzenie bardzo precyzyjnych zaznaczeń. Świetnie nadaje się również do rysowania i grafiki wektorowej.

Zacznij korzystać z narzędzia Pióro

Narzędzie Pióro działa, rysując ścieżkę między punktami kontrolnymi, które tworzysz po kliknięciu na kanwę. Dodaj obrys do ścieżki i możesz narysować kontur; dodaj wypełnienie i możesz narysować bryłę.

Oto krótki wstęp na początek:

jak przesyłać strumieniowo z Androida na Xbox One
  1. Wybierz Narzędzie Pióro (P) . Kliknij kanwę obrazu, aby upuścić punkt kontrolny.
  2. Przesuń kursor o kilka cali i kliknij ponownie, aby upuścić kolejny punkt kontrolny. Zostanie utworzona ścieżka łącząca te dwie rzeczy. Ustaw obrys na 5 pikseli, czarny, aby lepiej to zobaczyć.
  3. Kliknij jeszcze kilka razy, aby rozwinąć ścieżkę. Kliknij i przeciągnij, aby utworzyć zakrzywioną ścieżkę. Spowoduje to również dodanie kierownicy do punktu zakotwiczenia. Przeciągnij je, aby kontrolować kąt i głębokość krzywej.
  4. Kliknij Wejść aby utworzyć otwartą ścieżkę (linię) lub kliknij pierwszy punkt kontrolny, aby utworzyć zamkniętą ścieżkę (kształt).

To, co sprawia, że ​​narzędzie Pióro jest tak przydatne, to możliwość cofnięcia się i edytowania kształtu w dowolnym momencie:

  • Uzyskać Narzędzie do bezpośredniego wyboru (A) . Wybierz punkt kontrolny na ścieżce i przeciągnij go w nowe miejsce. Użyj tego narzędzia z kierownicami punktu kontrolnego, aby edytować krzywą.
  • Wybierz Dodaj narzędzie punktu kontrolnego klikając i przytrzymując narzędzie Pióro. Kliknij gdzieś na ścieżce, aby ręcznie dodać nowy punkt kontrolny, a następnie przeciągnij go na miejsce. Dzięki temu możesz dopracować swój kształt.

Trzy narzędzia do piór

Photoshop oferuje trzy różne pisaki do rysowania:

  • ten Narzędzie Pióro jest domyślną i najbardziej elastyczną opcją. Początkującym zalecamy używanie tego przede wszystkim do rysowania linii prostych. Gdy staniesz się bardziej zaawansowany, możesz użyć go do wszystkiego.
  • ten Swobodne narzędzie Pióro umożliwia rysowanie odręczne, podobnie jak narzędzie Pędzel. Nadal tworzy ścieżkę, którą możesz później dostosować i edytować. Punkty kontrolne są generowane automatycznie podczas rysowania. To świetne narzędzie, jeśli używasz tablet graficzny .
  • ten Narzędzie Pióro krzywizny ułatwia rysowanie krzywych bez konieczności zabawy kierownicą, tak jak w przypadku głównego narzędzia Pióro.

Śledź obraz jako wektor w Photoshopie

Gdy nauczysz się korzystać z różnych narzędzi pióra, możesz ich używać do śledzenia obrazów. W ten sposób zamieniasz zeskanowany szkic lub obiekt na zdjęciu w obraz wektorowy.

Otwórz obraz w Photoshopie i powiększ. Teraz wybierz Narzędzie Pióro i umieść swój pierwszy punkt kontrolny na granicy obiektu, który chcesz śledzić. Twój nowy rysunek automatycznie przejdzie na własną warstwę. Kontynuuj klikanie wokół krawędzi, aby utworzyć ścieżkę.

Jeśli śledzony obiekt znajduje się na jednolitym tle, spróbuj Swobodne narzędzie Pióro z Magnetyczny opcja aktywowana na pasku opcji. To przyciąga twoją ścieżkę do krawędzi obiektu.

Praca z tekstem wektorowym w Photoshopie

Używanie tekstu w Photoshopie jest dość oczywiste. Wybierz Narzędzie tekstu poziomego (T) , kliknij obszar roboczy obrazu, aby utworzyć pole tekstowe, a następnie wpisz. Możesz dostosować czcionkę, rozmiar, wagę i wszystko inne, tak jak w każdej innej aplikacji.

W przypadku zwykłego tekstu ustaw kolor wypełnienia, ale bez obrysu. Obrys należy stosować tylko w przypadku mocno stylizowanego tekstu.

Kiedy skończysz, możesz przekonwertować tekst na obiekt wektorowy. Wybierz tekst i przejdź do Tekst > Konwertuj na kształt . Umożliwia to dostęp do punktów kontrolnych każdej postaci, dzięki czemu można je indywidualnie dostosowywać. Przydaje się do zmiany koloru pojedynczej litery lub poprawienia wyglądu czcionki.

Po przekonwertowaniu tekstu nie można już edytować. Dobrym pomysłem jest zduplikowanie, a następnie ukrycie oryginalnej warstwy tekstowej na wypadek, gdyby potrzebna była kopia zapasowa.

Zarządzanie obiektami wektorowymi

Aby stworzyć swoją grafikę, wszystkie te obiekty muszą znajdować się we właściwej pozycji i we właściwym rozmiarze. Oto jak to zrobić:

  • Przenieś obiekty wybierając je za pomocą Narzędzie wyboru ścieżki (A) i przeciąganie ich na miejsce.
  • Zmień rozmiar obiektów wybierając je za pomocą Narzędzie wyboru ścieżki potem uderzanie Ctrl + T w systemie Windows lub Polecenie + T na Macu. To pokazuje ramkę wokół obiektu. Chwyć kierownicę wzdłuż krawędzi i przeciągnij lub przeciągnij, aby zmienić rozmiar. Trzymaj Zmiana aby zachować oryginalne proporcje.
  • Obróć obiekt trzymając mysz tuż poza jednym z uchwytów, aż kursor zmieni się w ikonę obracania. Teraz kliknij i przeciągnij.
  • Zmień kolejność obiektów klikając warstwę i przeciągając ją nad lub pod inną warstwę.
  • Wyrównaj obiekty wybierając je wszystkie za pomocą Przesuń narzędzie (V) (lub trzymając Zmiana i klikając wiele warstw), a następnie za pomocą kontrolek wyrównania na pasku opcji.

Grafika wektorowa w Photoshopie: złóż wszystko razem

Teraz, gdy wiesz, jak korzystać ze wszystkich narzędzi, możesz je połączyć, aby stworzyć własne grafiki wektorowe:

Chociaż Photoshop nie jest prawdziwą alternatywą dla programu Illustrator do profesjonalnego projektowania graficznego, jest zaskakująco potężny. W przypadku prostych rzeczy, takich jak logo, ikony i małe obrazy, których chcesz użyć w innych dokumentach, jest to więcej niż wystarczające.

Udział Udział Ćwierkać E-mail Adobe Illustrator a Photoshop: Jaka jest różnica?

Wyjaśniamy wszelkie niejasności dotyczące różnic między tymi dwoma pakietami do edycji obrazów.

Czytaj dalej Powiązane tematy
  • Twórczy
  • Adobe Photoshop
  • Grafika wektorowa
  • Adobe Creative Cloud
  • Samouczek Photoshopa
O autorze Andy Betts(221 opublikowanych artykułów)

Andy jest byłym dziennikarzem prasowym i redaktorem magazynu, który od 15 lat pisze o technologii. W tym czasie przyczynił się do niezliczonych publikacji i wykonał prace copywriterskie dla dużych firm technologicznych. Prowadził również eksperckie komentarze dla mediów oraz prowadził panele na wydarzeniach branżowych.

Więcej od Andy'ego Bettsa

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować