Làm thế nào để tạo đồ họa vector trong Photoshop?

Tôi biết mọi người thích sử dụng CorelDraw hoặc Adobe Illustrator, nhưng tôi muốn biết liệu có một kỹ thuật nào tôi có thể làm theo để sử dụng Adobe Photoshop để tạo ra các hình ảnh vector .

TL; DR: Photoshop không thể tạo hình ảnh vector thực sự. Đây là một quan niệm sai lầm rất phổ biến.

Hãy nghĩ về nó như một chiếc xe hơi. - Bạn có thể đi xe 4 bánh với một chiếc Toyota Prius? Chắc chắn bạn có thể ! Nó sẽ làm tất cả những điều mà một chiếc xe Jeep Wrangler có thể làm? Quái gì không. Có một lý do bạn cần sử dụng xe dẫn động 4 bánh để đi xe 4 bánh, giống như có một lý do bạn cần sử dụng ứng dụng vectơ để tạo các tệp vectơ.

Bất kể bạn tạo một tệp và lưu tệp như thế nào, Photoshop luôn lưu cả thông tin vectơ và raster . Điều này không giống như bất kỳ ứng dụng vector thực sự.

Bạn không thể tạo tập tin vector bằng Photoshop. Bạn chỉ có thể tạo các tệp raster với một số dữ liệu vectơ được nhúng. Điều này có nghĩa là có thể có một hình vuông vectơ và các cạnh của nó sẽ vẫn sắc nét và sắc nét, tuy nhiên nếu hình vuông đó có một dải màu. Độ dốc tô màu đó hoàn toàn raster và nó sẽ bị ảnh hưởng khi nhân rộng.

Các ứng dụng như Illustrator, Inkscape, CorelDraw, Xara, Sketch, v.v ... thực sự chỉ có thể chứa dữ liệu vectơ độc lập độ phân giải 100%. Đây không phải là vấn đề "mọi người thích" sử dụng ứng dụng vectơ. Nó là bắt buộc nếu bạn muốn có một tệp vectơ thực sự cuối cùng.

Điều này không có nghĩa là các công cụ vectơ trong Photoshop nói chung là kém hơn, nhưng không phải vậy . Có, bạn có thể vẽ bằng các công cụ vector trong Photoshop và tạo nội dung vector. Nhưng để có được lợi ích thực sự của nội dung vectơ đó trong Photoshop, bạn phải luôn sử dụng Photoshop cho tất cả các thay đổi trong tương lai. Khi bạn phóng to hoặc biến đổi một thùng chứa vector trong Photoshop, Photoshop sẽ nội suy dữ liệu raster bên trong cho phù hợp với phép chuyển đổi. Nội suy đó khôngxảy ra bên ngoài Photoshop. Vì vậy, sau khi xuất / lưu, bạn có thể chia tỷ lệ một cái gì đó như Photoshop Photoshop, các cạnh vectơ sẽ mở rộng và duy trì sắc nét vì chúng là vectơ, nhưng nội suy của dữ liệu raster không xảy ra bên ngoài Photoshop. Vì vậy, "các pixel bị hỏng" là hoàn toàn có thể với một Photoshop Photoshop mặc dù bạn đã sử dụng các công cụ vector. Vấn đề này phát sinh khi bạn lưu tệp hoặc xuất nó. Trong tất cả các định dạng có khả năng vector - PDF, EPS, PSD - Photoshop tạo ra một tệp raster với dữ liệu vectơ nhúng. Photoshop không tạo ra một tập tin vector. Điều này là hoàn toàn không giống như các ứng dụng dựa trên vector thực tế.

Đối với mục đích sản xuất, sự khác biệt này có thể không quan trọng nếu bạn đang làm việc với mức ppi cao trong Photoshop. Nhưng người dùng nên lưu ý rằng chỉ cần sử dụng các công cụ vectơ của Photoshop và lưu dưới dạng EPS / PDF sẽ không tạo các tệp vectơ bằng bất kỳ phiên bản Photoshop hiện có nào (CC2017 là phiên bản mới nhất).

Tôi nhận thấy một số người dùng muốn Photoshop tạo các tệp vectơ vì điều đó có nghĩa là họ không cần phải học một ứng dụng mới để tạo định dạng tệp mới. Tuy nhiên, không có cách nào xung quanh nó. Nếu bạn muốn các tệp vectơ thực tế , bạn phải sử dụng một ứng dụng vectơ thực tế. Photoshop luôn luôn là một ứng dụng raster , do đó "ảnh" trong tên của nó.

Chippin 'in, trong trường hợp bất kỳ ai vẫn muốn tạo các phần tử vectơ trong Photoshop (để sử dụng với hình ảnh raster, ví dụ, hoặc cho bất kỳ tình huống nào khác).

Công cụ Photoshop có cho phép bạn làm việc với đồ họa vector, là Công cụ Pen . Hoạt động cơ bản của Công cụ Pen bao gồm nhấp chuột xung quanh khung vẽ Photoshop để làm cho các điểm xuất hiện. Những điểm này sẽ được kết nối bằng các đường và bắt đầu tạo hình.

So với các chương trình khác (như Illustrator), đó là những điều bạn có thể làm với các hình dạng một khi bạn đã vẽ chúng những gì còn thiếu. Photoshop sẽ cho phép bạn vẽ, sửa đổi các nút và chơi với việc kết hợp, giao nhau hoặc trừ chúng, nhưng nó sẽ không cho phép bạn thực hiện các thao tác phức tạp hơn.

Diễn đàn Adobe có một hướng dẫn rất đầy đủ về cách bắt đầu với Công cụ Pen .

Bạn CÓ THỂ xuất các đường dẫn bạn tạo thành tệp Illustrator, nhưng chế độ xem cơ bản là Photoshop được tạo cho hình ảnh raster và Illustrator được tạo cho hình ảnh vector. CorelDraw thực hiện cả hai trong một chương trình, nhưng đánh đổi là nó không tốt như Adobe, imo.

Tôi nghĩ chủ đề này cần một bản tóm tắt, nếu không độc giả có thể để lại vẫn còn nhầm lẫn. Hầu hết người đọc sẽ không quan tâm nếu kết quả là "tập tin thực sự" hay "tập tin vectơ thực sự", họ chỉ muốn hoàn thành công việc. Tuy nhiên, họ nên nhận thức được các giới hạn và ràng buộc đối với các kỹ thuật nhất định. Dưới đây là các khái niệm chính được đưa ra trong các câu trả lời:

1. Photoshop là một công cụ xử lý hình ảnh dựa trên pixel (raster) có một số khả năng vector. Ban đầu nó được thiết kế để thao tác và lưu ảnh dựa trên pixel (ví dụ: ảnh kỹ thuật số), nhưng nó đã trưởng thành thành một công cụ linh hoạt hơn nhiều.

2. Illustrator là một công cụ xử lý hình ảnh dựa trên vector có một số khả năng rasterization. Hình ảnh dựa trên vector không lưu trữ thông tin pixel, nó lưu trữ hình ảnh dưới dạng dữ liệu sẽ được giải thích bởi chương trình vẽ hình ảnh dựa trên vector.

3. Cả hai loại tệp hình ảnh đều yêu cầu chương trình máy tính để chuẩn bị dữ liệu tệp để hiển thị hoặc in, nhưng cuối cùng máy in hoặc máy tính yêu cầu hình ảnh phải ở định dạng pixel. Do đó, các tệp dựa trên vector yêu cầu xử lý nhiều hơn. Sự đánh đổi chính giữa định dạng vectơ và định dạng pixel là các định dạng vectơ có thể được thu nhỏ để trông đẹp trong một phạm vi độ phân giải rộng. Các định dạng pixel bị ảnh hưởng khi được hiển thị ở độ phân giải khác với độ phân giải mà chúng được tạo. Định dạng pixel ghi lại các chi tiết nhỏ và thay đổi tinh tế trong hình ảnh tốt hơn nhiều so với định dạng vector. Do đó, các định dạng pixel phù hợp hơn cho các bức ảnh hoặc các bức tranh thực tế và các định dạng vector phù hợp hơn cho nghệ thuật dựa trên web và web đơn giản và di động.

4. Bởi vì hai định dạng có điểm mạnh bổ sung, nên sử dụng cả hai định nghĩa này. Trong những trường hợp này, bạn có thể chọn tạo và xử lý hình ảnh của mình bằng cả Photoshop và Illustrator (hoặc CorelDraw - cả hai) hoặc bạn có thể sử dụng các công cụ vector trong Photoshop hoặc các công cụ rasterization trong Illustrator. Cách tiếp cận tốt nhất được quyết định theo từng trường hợp. Hướng dẫn rõ ràng là chọn công cụ chính dựa trên định dạng đầu ra cần thiết.

5. Nếu bạn muốn sử dụng các công cụ vector trên hình ảnh dựa trên pixel trong Photoshop, có thể thực hiện bằng công cụ Pen hoặc sử dụng Photoshop Generate. Sau đó, bạn có thể đạt được những lợi thế của việc phát triển với nghệ thuật vector trong Photoshop hoặc bằng cách xuất nghệ thuật vector vào Illustrator. Sau khi sử dụng Illustrator, bạn có thể đưa nghệ thuật trở lại vào Photoshop nếu bạn dự định lưu cuối cùng ở định dạng dựa trên pixel.

Trình tạo của Photoshop có thể lưu các SVG (vâng, các SVG chỉ có vectơ phù hợp dựa trên các lớp hình dạng được tạo trong Photoshop). Bạn sẽ cần Photoshop CC 2014.2 (hoặc 2014.1) để làm điều đó.

Trợ giúp từ Adobe: https://helpx.adobe.com/photoshop/USE/generate-assets-layers.html

Tài liệu Photoshop này:

Tạo SVG này:

<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>