Jak stworzyć grafikę wektorową w Photoshopie?

Wiem, że ludzie wolą używać CorelDraw lub Adobe Illustrator, ale chcę wiedzieć, czy istnieje technika, którą mogę zastosować, aby używać programu Adobe Photoshop do tworzenia obrazów wektorowych .

TL; DR: Photoshop nie może tworzyć prawdziwych obrazów wektorowych. To bardzo powszechne nieporozumienie.

Pomyśl o tym jak o samochodzie. - Czy możesz jeździć na 4 kołach z Toyota Prius? Jasne, że możesz ! Czy zrobi to wszystko, co potrafi Jeep Wrangler? Na pewno nie. Jest powód, dla którego musisz używać pojazdu z napędem na 4 koła, aby jeździć na 4 kołach, podobnie jak jest powód, dla którego musisz używać aplikacji wektorowej do tworzenia plików wektorowych.

Niezależnie od tego, jak utworzysz plik i zapiszesz go, Photoshop zawsze zapisuje zarówno informacje wektorowe, jak i rastrowe . To nie jest jak żadna prawdziwa aplikacja wektorowa.

Nie można tworzyć plików wektorowych w Photoshopie. Pliki rastrowe można tworzyć tylko z niektórymi osadzonymi danymi wektorowymi. Oznacza to, że może być kwadrat wektorowy, a jego krawędzie pozostaną ostre i wyraźne, jednak jeśli kwadrat ten będzie wypełniony gradientem. To wypełnienie gradientowe jest całkowicie rastrowe i będzie cierpieć po pewnym skalowaniu.

Aplikacje takie jak Illustrator, Inkscape, CorelDraw, Xara, Sketch itp. Faktycznie mogą zawierać tylko 100% niezależne dane wektorowe. Nie jest kwestią „osób preferujących” korzystanie z aplikacji wektorowej. Jest to wymagane, jeśli chcesz na końcu prawdziwy plik wektorowy.

Nie oznacza to, że narzędzia wektorowe w Photoshopie są ogólnie gorsze, nie są . Tak, możesz rysować za pomocą narzędzi wektorowych w Photoshopie i tworzyć treści wektorowe. Aby jednak naprawdę skorzystać z tej zawartości wektorowej w Photoshopie, musisz zawsze używać Photoshopa do wszystkich przyszłych zmian. Po powiększeniu lub przekształceniu pojemnika wektorowego w programie Photoshop Photoshop interpoluje wewnętrzne dane rastrowe w celu dopasowania do transformacji. Ta interpolacja niedzieje się poza programem Photoshop. Po wyeksportowaniu / zapisaniu można skalować coś w stylu EPS Photoshopa, krawędzie wektorowe będą się skalować i pozostaną wyraźne, ponieważ są wektorowe, ale interpolacja danych rastrowych nie odbywa się poza Photoshopem. Tak więc „uszkodzone piksele” są całkowicie możliwe w programie Photoshop EPS, nawet jeśli używasz narzędzi wektorowych. Ten problem pojawia się podczas zapisywania lub eksportowania pliku . We wszystkich formatach obsługujących wektor - PDF, EPS, PSD - Photoshop tworzy plik rastrowy z osadzonymi danymi wektorowymi. Photoshop nie tworzy pliku wektorowego. Jest to całkowicie odmienne od rzeczywistych aplikacji opartych na wektorze.

Dla celów produkcyjnych ta różnica może być w dużej mierze nieistotna, jeśli już pracujesz w Photoshopie z wysokim ppi. Ale użytkownik powinien mieć świadomość, że po prostu za pomocą narzędzi Photoshop wektorowej i zapisywanie jako EPS / PDF nie tworzy pliki wektorowej za pomocą dowolnego aktualnie dostępnej wersji Photoshop (CC2017 to najnowszy).

Zdaję sobie sprawę, że niektórzy użytkownicy chcą, aby Photoshop tworzył pliki wektorowe, ponieważ oznacza to, że nie muszą uczyć się nowej aplikacji, aby wygenerować nowy format pliku. Jednak nie można tego obejść. Jeśli chcesz rzeczywistych plików wektorowych , musisz użyć rzeczywistej aplikacji wektorowej. Photoshop jest i zawsze był aplikacją rastrową , stąd nazwa „photo”.

Chippin 'w, jeśli ktoś nadal chce tworzyć elementy wektorowe w Photoshopie (na przykład w przypadku obrazów rastrowych lub w dowolnej innej sytuacji).

Narzędzie programu Photoshop, które umożliwia pracę z grafiką wektorową, to narzędzie Pióro . Podstawowa operacja narzędzia Pióro polega na kliknięciu wokół obszaru roboczego programu Photoshop, aby wyświetlić punkty. Punkty te zostaną połączone liniami i zaczną tworzyć kształt.

W porównaniu do innych programów (takich jak Illustrator), możesz robić te kształty po ich narysowaniu, czego w jakiś sposób brakuje. Photoshop pozwala rysować, modyfikować węzły i bawić się ich łączeniem, przecinaniem lub odejmowaniem, ale nie pozwala na wykonywanie bardziej skomplikowanych operacji.

Fora Adobe mają bardzo kompletny przewodnik na temat rozpoczynania pracy z narzędziem Pióro .

Możesz eksportować ścieżki, które tworzysz do pliku programu Illustrator, ale podstawowy widok to Photoshop został stworzony dla obrazów rastrowych, a Illustrator został stworzony dla obrazów wektorowych. CorelDraw robi oba w jednym programie, ale kompromis polega na tym, że nie działa tak dobrze jak Adobe, imo.

Myślę, że ten wątek wymaga podsumowania, w przeciwnym razie czytelnicy mogą pozostać zdezorientowani. Większość czytelników nie będzie się przejmować, jeśli wyniki to „prawdziwe eps” lub „prawdziwe pliki wektorowe”, po prostu chcą coś zrobić. Powinny jednak zdawać sobie sprawę z ograniczeń i ograniczeń niektórych technik. Oto kluczowe pojęcia podane w odpowiedziach:

1. Photoshop to narzędzie do przetwarzania obrazu oparte na pikselach (rastrach), które ma pewne możliwości wektorowe. Został pierwotnie zaprojektowany do manipulacji i zapisywania obrazów opartych na pikselach (na przykład zdjęć cyfrowych), ale stał się znacznie bardziej elastycznym narzędziem.

2. Illustrator to narzędzie do przetwarzania obrazów oparte na wektorze, które ma pewne możliwości rasteryzacji. Obrazy wektorowe nie przechowują informacji o pikselach, lecz przechowują obraz jako dane, które będą interpretowane przez program do rysowania obrazów wektorowych.

3. Oba typy plików obrazów wymagają programu komputerowego do przygotowania danych pliku do wyświetlenia lub wydrukowania, ale ostatecznie drukarka lub komputer wymaga, aby obraz był w formacie pikseli. W rezultacie pliki oparte na wektorach wymagają więcej przetwarzania. Główny kompromis między formatem wektorowym a pikselowym polega na tym, że formaty wektorowe można skalować, aby wyglądały dobrze w szerokim zakresie rozdzielczości. Formaty pikseli cierpią, gdy są wyświetlane w rozdzielczościach innych niż rozdzielczość, w której zostały utworzone. Formaty pikseli wychwytują drobne szczegóły i subtelne zmiany obrazu znacznie lepiej niż formaty wektorowe. W rezultacie formaty pikseli są bardziej odpowiednie dla fotografii lub realistycznych obrazów, a formaty wektorowe są bardziej odpowiednie dla logo oraz prostych grafik internetowych i mobilnych.

4. Ponieważ oba formaty mają uzupełniające się zalety, sensowne jest użycie obu. W takich przypadkach możesz wybrać tworzenie i manipulowanie obrazami za pomocą Photoshopa i Illustratora (lub CorelDraw - który robi oba te funkcje) lub możesz użyć narzędzi wektorowych w Photoshopie lub narzędzi rasteryzacyjnych w Illustratorze. Najlepsze podejście jest podyktowane indywidualnie dla każdego przypadku. Oczywistą wytyczną jest wybór podstawowego narzędzia w oparciu o wymagany format wyjściowy.

5. Jeśli chcesz użyć narzędzi wektorowych na obrazie opartym na pikselach w Photoshopie, możesz to zrobić za pomocą narzędzia Pióro lub programu Photoshop Generate. Następnie możesz zyskać zalety programowania grafiki wektorowej w Photoshopie lub eksportując grafikę wektorową do programu Illustrator. Po użyciu programu Illustrator możesz przywrócić grafikę do programu Photoshop, jeśli ostatecznie chcesz zapisać w formacie opartym na pikselach.

Generator Photoshopa może zapisywać pliki SVG (tak, odpowiednie pliki SVG zawierające wyłącznie wektor w oparciu o warstwy kształtów utworzone w programie Photoshop). Aby to zrobić, potrzebujesz programu Photoshop CC 2014.2 (lub 2014.1).

Pomoc od Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Ten dokument Photoshopa:

Utworzono ten plik SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245">
  <defs>
    <style>
      .cls-3 {
        fill: #fc6665;
      }
    </style>
  </defs>
  <g id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>