Tạo và làm việc với đồ họa vector trong Adobe Photoshop

Tạo và làm việc với đồ họa vector trong Adobe Photoshop

Adobe Illustrator là ứng dụng tiêu chuẩn của ngành cho thiết kế đồ họa. Đây là công cụ tốt nhất để làm việc với các tệp dựa trên vectơ.





Đáng buồn là không phải ai cũng có Illustrator, nhưng rất nhiều người có Photoshop. Và Photoshop có hỗ trợ cơ bản cho hình ảnh vector. Trong hướng dẫn này, chúng ta sẽ xem xét cách tạo nghệ thuật vector trong Photoshop để thay thế Illustrator.





Hình ảnh Vectơ là gì?

Photoshop chủ yếu được thiết kế cho hình ảnh raster. Đây là những hình ảnh đa giác được vẽ từng pixel. Chúng hỗ trợ lượng lớn chi tiết và được sử dụng cho ảnh. Tuy nhiên, kích thước tệp có thể lớn và bạn không thể phóng to chúng mà không làm giảm chất lượng.





Hình ảnh vectơ là các đường và đường cong được tạo ra bởi các công thức toán học. Điều này có nghĩa là bạn có thể thay đổi kích thước chúng vô hạn và kích thước tệp thường rất nhỏ. Vectơ rất tốt cho công việc thiết kế đồ họa, bao gồm cả thiết kế logo và biểu tượng. Bạn có thể chuyển đổi hình ảnh sang đồ họa vector trong Adobe Illustrator .

Một tác phẩm nghệ thuật vector bao gồm nhiều đối tượng. Mỗi đối tượng là một đường hoặc hình có cạnh được xác định bởi một đường dẫn. Trong Photoshop, đường dẫn được hiển thị dưới dạng một đường màu xanh lam mỏng (mặc dù về mặt kỹ thuật nó không nhìn thấy được).



Bạn có thể áp dụng hai loại màu cho mỗi đối tượng:

  • ĐẾN Đột quỵ là một dòng theo sau đường dẫn.
  • ĐẾN Lấp đầy thêm một màu hoặc hoa văn đồng nhất vào không gian được bao quanh bởi đường dẫn.

Bạn đặt cả hai trong thanh tùy chọn ở đầu màn hình. Bạn cũng có thể đặt thành Không màu nếu bạn muốn chúng để trống. Đối với nét vẽ, bạn cũng có thể đặt độ dày bằng pixel và kiểu. Một đường liền nét là mặc định.





Trong Photoshop, bạn vẽ các hình ảnh vector với các hình dạng, đường thẳng và văn bản.

Vẽ hình dạng và đường vector

Photoshop đi kèm với các công cụ để vẽ một số hình dạng phổ biến. Theo mặc định, Công cụ hình chữ nhật được làm nổi bật. Nhấp và giữ vào biểu tượng đó để hiển thị bộ công cụ đầy đủ:





  • Công cụ hình chữ nhật
  • Công cụ Hình Chữ Rõ Ràng
  • Công cụ hình elip
  • Công cụ đa giác
  • Công cụ đường kẻ
  • Công cụ hình dạng tùy chỉnh

Bạn luôn có thể chọn công cụ được đánh dấu bằng cách nhấn U trên bàn phím của bạn. Ngoài ra, nhấn Shift + U để duyệt qua các công cụ cho đến khi bạn tìm thấy công cụ mình muốn.

Để làm việc nhanh hơn, bạn nên tìm hiểu thêm Các phím tắt trong Photoshop .

Vẽ các hình dạng vector cơ bản

Chọn công cụ cho hình dạng bạn muốn vẽ, sau đó thêm Lấp đầyĐột quỵ màu sắc.

Bây giờ hãy nhấp và kéo trong canvas của bạn. Hình dạng được vẽ từ góc theo bất kỳ hướng nào bạn đang kéo. Để tạo hình dạng đối xứng, chẳng hạn như hình tròn hoặc hình vuông, hãy nhấn giữ Sự thay đổi Chìa khóa.

Để vẽ một hình tam giác, hãy chọn Công cụ đa giác . Nhấp một lần vào canvas của bạn để mở Tạo đa giác hộp cài đặt. Bộ Số mặt đến 3 .

Sửa đổi và chỉnh sửa hình dạng vectơ

Bạn không bị giới hạn đối với các hình dạng cơ bản khi tạo đồ họa vector trong Photoshop. Chúng có thể được sửa đổi rất nhanh chóng.

giao diện adb tổng hợp android windows 10

Đầu tiên, chọn hình dạng. Điều này sẽ làm nổi bật hình dạng và hiển thị các điểm neo dọc theo đường dẫn của nó. Đây là những điểm mà hình dạng có các góc hoặc đường cong.

Chọn Công cụ chọn trực tiếp từ thanh công cụ (nhấp và giữ vào Công cụ chọn đường dẫn biểu tượng để tìm nó hoặc nhấn Shift + A ). Bây giờ hãy nhấp vào một trong các điểm neo và kéo nó theo bất kỳ hướng nào để làm biến dạng hình dạng.

Đối với các chỉnh sửa nâng cao hơn, hãy di chuyển hai hoặc nhiều điểm neo cùng một lúc.

Nhấp vào một cái để đánh dấu nó, sau đó Shift + nhấp chuột nữa. Bây giờ sử dụng phím con trỏ trên bàn phím của bạn để di chuyển đồng thời cả hai điểm.

Hợp nhất và kết hợp các hình dạng vector

Đối với những hình dạng phức tạp hơn nữa, bạn có thể sử dụng Hoạt động đường dẫn . Điều này cho phép bạn kết hợp nhiều hình dạng thành một hình mới.

Bắt đầu bằng cách vẽ một hình dạng trên canvas của bạn. Tiếp theo, nhấp vào Hoạt động đường dẫn trên thanh tùy chọn ở đầu màn hình. Thông thường, mọi đường dẫn hoặc hình dạng mới đi vào lớp riêng của nó. Thay đổi điều đó bằng cách nhấp vào Kết hợp các hình dạng .

Bây giờ vẽ một hình dạng khác. Điều này sẽ đi trên cùng một lớp với hình dạng đầu tiên của bạn.

Khi bạn cần di chuyển các đối tượng riêng lẻ, hãy sử dụng Công cụ chọn đường dẫn .

Kéo hình thứ hai để nó chồng lên hình đầu tiên. Cả hai hợp nhất với nhau thành một hình dạng duy nhất, mặc dù chúng vẫn là những vật thể riêng biệt. Nhấp chuột Hợp nhất các thành phần hình dạng trong Hoạt động đường dẫn để kết hợp chúng thành một đối tượng duy nhất.

trò chơi mmorpg trực tuyến miễn phí không tải xuống

Sử dụng Công cụ chọn đường dẫn để chọn hình dạng thứ hai bạn đã vẽ. Bây giờ, trong Hoạt động đường dẫn lựa chọn Trừ hình dạng phía trước . Hình dạng sẽ bị xóa, cùng với khu vực mà nó chồng lên hình dạng đầu tiên.

Đánh dấu cả hai hình dạng. Trong Hoạt động đường dẫn lựa chọn Vùng hình dạng giao nhau . Thao tác này sẽ loại bỏ cả hai hình dạng, ngoại trừ các khu vực mà chúng chồng lên nhau. Chúng tôi đang sử dụng tùy chọn này để tạo một hình bán nguyệt.

Cuối cùng, đánh dấu cả hai hình dạng và chọn Loại trừ các hình dạng chồng chéo . Thao tác này sẽ loại bỏ khu vực mà hai hình dạng chồng lên nhau và giữ nguyên mọi thứ khác.

Những công cụ này là một cách hiệu quả để xây dựng các hình dạng mới hoặc tách hoặc cắt các phần ra khỏi các hình hiện có. Họ làm việc với Công cụ bútChữ cũng.

Vẽ các đường vectơ

Có hai công cụ liên quan đến hình dạng khác cần biết. Đầu tiên là Công cụ đường kẻ .

Chọn công cụ và đặt Chiều cao trong thanh tùy chọn. Điều này thiết lập độ dày của đường. Sau đó nhấp và kéo trong tài liệu của bạn để vẽ nó. Giữ Sự thay đổi phím để kéo dòng về 0 hoặc 90 độ.

Công cụ này có một vài tính năng ẩn, nhưng phần lớn, bạn sẽ sử dụng nó để vẽ một đường thẳng.

Vẽ hình dạng vector tùy chỉnh

cuối cùng Công cụ hình dạng tùy chỉnh . Đặt màu tô và màu nét vẽ, sau đó nhấp vào Hình dạng trong thanh tùy chọn. Tại đây, bạn có thể chọn một trong vô số hình dạng tùy chỉnh đặt trước mà Photoshop cung cấp.

Để thêm các hình dạng khác ngoài lựa chọn ban đầu, hãy nhấp vào Cài đặt răng cưa và chọn một danh mục để thêm. Có các hình dạng cho mọi mục đích sử dụng — biểu tượng, bong bóng thoại, mũi tên, họa tiết, v.v. Bạn cũng có thể tải hình dạng của bên thứ ba.

Nhấp và kéo để thêm hình dạng vào hình ảnh của bạn. Bạn cũng có thể nhấp vào canvas để chỉ định chiều rộng và chiều cao chính xác.

Vẽ Vectơ với Công cụ Pen

Nếu bạn đã có bất kỳ kinh nghiệm nào với Illustrator, bạn sẽ biết rằng bạn sử dụng Công cụ Paintbrush để vẽ tay. Photoshop có một công cụ Brush Tool thực hiện công việc tương tự. Nhưng trong Photoshop, công cụ này không dựa trên vector, vì vậy bạn không nên sử dụng nó để vẽ. Bạn nên sử dụng Công cụ bút thay thế.

Công cụ Pen là một trong những tính năng mạnh mẽ nhất trong Photoshop. Bạn sẽ sử dụng nó rất nhiều trong khi chỉnh sửa ảnh trong Photoshop, vì nó cho phép bạn tạo các vùng chọn rất chính xác. Nó cũng tuyệt vời để vẽ và nghệ thuật vector.

Bắt đầu với Công cụ Pen

Công cụ Pen hoạt động bằng cách vẽ một đường dẫn giữa các điểm neo bạn tạo khi bạn nhấp vào canvas. Thêm một nét vào đường dẫn và bạn có thể vẽ một đường viền; thêm tô màu và bạn có thể vẽ một vật thể rắn.

Dưới đây là phần sơ lược nhanh để bạn bắt đầu:

cách truyền từ android sang xbox one
  1. Chọn Pen Tool (P) . Nhấp vào canvas hình ảnh để thả một điểm neo.
  2. Di chuyển con trỏ vài inch và nhấp lại để thả một điểm neo khác. Một đường dẫn sẽ được tạo ra để kết nối cả hai. Đặt Stroke thành 5px, màu đen, để giúp bạn nhìn rõ hơn.
  3. Nhấp thêm một vài lần nữa để phát triển đường dẫn. Nhấp và kéo để tạo một đường cong. Điều này cũng sẽ thêm tay lái vào điểm neo. Kéo chúng để kiểm soát góc và độ sâu của đường cong.
  4. Nhấp chuột Vào để tạo một đường dẫn mở (một đường thẳng) hoặc nhấp vào điểm neo đầu tiên để tạo một đường dẫn đóng (một hình dạng).

Điều làm cho Công cụ Pen trở nên hữu ích là bạn có thể quay lại và chỉnh sửa hình dạng của mình bất kỳ lúc nào:

  • Nhận được Công cụ chọn trực tiếp (A) . Chọn một điểm neo trên đường dẫn và kéo nó đến vị trí mới. Sử dụng công cụ này với tay lái của điểm neo để chỉnh sửa đường cong.
  • Chọn Thêm công cụ điểm neo bằng cách nhấp và giữ trên Pen Tool. Nhấp vào một nơi nào đó trên đường dẫn để thêm điểm neo mới theo cách thủ công, sau đó kéo nó vào vị trí. Điều này cho phép bạn tinh chỉnh hình dạng của mình.

Ba công cụ bút

Photoshop cung cấp ba loại bút khác nhau để vẽ:

  • Các Công cụ bút là tùy chọn mặc định và linh hoạt nhất. Đối với người mới bắt đầu, chúng tôi khuyên bạn nên sử dụng nó chủ yếu để vẽ các đường thẳng. Khi bạn nâng cao hơn, bạn có thể thấy mình sử dụng nó cho mọi thứ.
  • Các Công cụ bút Freeform cho phép bạn vẽ tự do, tương tự như Công cụ Brush. Nó vẫn tạo ra một đường dẫn mà bạn có thể tinh chỉnh và chỉnh sửa sau này. Các điểm neo được tạo tự động khi bạn vẽ. Đây là một công cụ tuyệt vời nếu bạn sử dụng máy tính bảng đồ hoạ .
  • Các Công cụ bút cong giúp bạn dễ dàng vẽ các đường cong mà không cần sử dụng tay lái như khi thực hiện với Công cụ Pen chính.

Theo dõi hình ảnh dưới dạng vectơ trong Photoshop

Khi bạn đã học cách sử dụng các công cụ bút khác nhau, bạn có thể sử dụng chúng để theo dõi hình ảnh. Đây là cách bạn biến một bản phác thảo bạn đã quét hoặc một đối tượng trong ảnh, thành hình ảnh vectơ.

Mở hình ảnh trong Photoshop và phóng to. Bây giờ hãy chọn Công cụ bút và đặt điểm neo đầu tiên của bạn trên đường viền của đối tượng bạn muốn theo dõi. Bản vẽ mới của bạn sẽ tự động chuyển sang lớp của chính nó. Tiếp tục nhấp vào xung quanh các cạnh để tạo đường dẫn của bạn.

Nếu đối tượng bạn đang theo dõi nằm trên nền đơn giản, hãy thử Công cụ bút Freeform với Từ tính tùy chọn được kích hoạt trên thanh tùy chọn. Thao tác này sẽ đưa đường dẫn của bạn đến rìa của đối tượng.

Làm việc với văn bản vector trong Photoshop

Sử dụng văn bản trong Photoshop khá dễ hiểu. Chọn Công cụ văn bản ngang (T) , nhấp vào canvas hình ảnh để tạo hộp văn bản, sau đó nhập. Bạn có thể điều chỉnh phông chữ, kích thước, trọng lượng và mọi thứ khác, giống như bạn làm trong bất kỳ ứng dụng nào khác.

Đối với văn bản bình thường, hãy đặt màu tô nhưng không có nét. Chỉ áp dụng một nét cho văn bản được cách điệu nhiều.

Khi bạn hoàn tất, bạn có thể chuyển đổi văn bản thành một đối tượng vector. Chọn văn bản và đi tới Nhập> Chuyển đổi thành hình dạng . Điều này cho phép bạn truy cập các điểm neo trên mỗi ký tự, vì vậy bạn có thể chỉnh sửa chúng riêng lẻ. Nó rất tốt để thay đổi màu sắc của một chữ cái hoặc chỉnh sửa giao diện của phông chữ.

Sau khi chuyển đổi, văn bản không thể chỉnh sửa được nữa. Bạn nên sao chép và sau đó ẩn lớp văn bản gốc, đề phòng trường hợp bạn cần một bản sao lưu.

Quản lý các đối tượng vectơ

Để tạo ra tác phẩm nghệ thuật của bạn, bạn cần tất cả các đối tượng này ở đúng vị trí và đúng kích thước. Đây là cách để làm điều đó:

  • Di chuyển các đối tượng bằng cách chọn chúng với Công cụ chọn đường dẫn (A) và kéo chúng vào vị trí.
  • Thay đổi kích thước đối tượng bằng cách chọn chúng với Công cụ chọn đường dẫn sau đó đánh Ctrl + T trên Windows hoặc Cmd + T trên máy Mac. Điều này cho thấy một hộp xung quanh đối tượng. Lấy một tay lái dọc theo cạnh và kéo vào hoặc kéo ra để thay đổi kích thước. Giữ Sự thay đổi để duy trì tỷ lệ khung hình ban đầu.
  • Xoay một đối tượng bằng cách giữ chuột ngay bên ngoài một trong các tay lái cho đến khi con trỏ chuyển thành biểu tượng xoay. Bây giờ hãy nhấp và kéo.
  • Sắp xếp lại các đối tượng bằng cách nhấp vào một lớp và kéo nó lên trên hoặc dưới một lớp khác.
  • Căn chỉnh các đối tượng bằng cách chọn tất cả chúng với Công cụ di chuyển (V) (hoặc giữ Sự thay đổi và nhấp vào nhiều lớp), sau đó sử dụng các điều khiển căn chỉnh trong thanh tùy chọn.

Đồ họa vector trong Photoshop: Kết hợp tất cả lại với nhau

Bây giờ bạn đã biết cách sử dụng tất cả các công cụ, bạn có thể kết hợp chúng lại với nhau để tạo ra các tác phẩm nghệ thuật vector của riêng bạn:

Mặc dù Photoshop không phải là một giải pháp thay thế chính hãng cho Illustrator để thiết kế đồ họa chuyên nghiệp, nhưng nó lại rất mạnh mẽ. Đối với những thứ đơn giản như biểu trưng, ​​biểu tượng và hình ảnh nhỏ mà bạn muốn sử dụng trong các tài liệu khác, nó là quá đủ tốt.

Đăng lại Đăng lại tiếng riu ríu E-mail Adobe Illustrator và Photoshop: Sự khác biệt là gì?

Chúng tôi giải quyết mọi nhầm lẫn về sự khác biệt giữa hai bộ chỉnh sửa hình ảnh này.

Đọc tiếp
Chủ đề liên quan
  • Sáng tạo
  • Adobe Photoshop
  • Đồ họa vector
  • phần mềm Adobe Creative Cloud
  • Hướng dẫn Photoshop
Giới thiệu về tác giả Andy Betts(221 bài báo đã xuất bản)

Andy là một cựu nhà báo báo in và biên tập viên tạp chí, người đã viết về công nghệ trong 15 năm. Trong thời gian đó, anh ấy đã đóng góp cho vô số ấn phẩm và sản xuất công việc viết bài quảng cáo cho các công ty công nghệ lớn. Ông cũng đã đưa ra bình luận chuyên môn cho các phương tiện truyền thông và tổ chức các hội thảo tại các sự kiện trong ngành.

Xem thêm từ Andy Betts

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký