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

Adobe Illustrator là phần mềm chỉ tiêu công nghiệp cho thiết kế đồ họa. Đây là công cụ tốt nhất để làm việc với những file dựa theo vector.

Đáng buồn thay, không phải ai cũng có Illustrator, nhưng biết bao người có Photoshop. Photoshop có hỗ trợ cơ bản cho hình ảnh vector. Trong chỉ dẫn này, độc giả sẽ có cơ hội tìm hiểu việc làm việc với đồ họa vector trong Photoshop, thay vì sử dụng Illustrator.

• Hướng dẫn sử dụng Photoshop CS5 – Phần 1: Toolbox

Hình ảnh vector là gì?

Photoshop được thiết kế chủ yếu cho hình ảnh raster. Hình ảnh raster là một cấu trúc dữ liệu biểu diễn một lưới hình chữ nhật màu của các pixel, cũng có thể xem trực tiếp qua màn hình, giấy, hoặc các thiết bị hiển thị. Đây là những hình ảnh đa giác được vẽ bằng pixel. Tuy nhiên, kích thước file cũng có thể lớn và người dùng có thể phóng to mà không làm giảm uy tín ảnh.

Hình ảnh vector là tập hợp các đường và đường cong được tạo nên bởi các công thức toán học. Điều này còn có tức là người dùng có thể thay đổi kích thước chúng vô hạn và kích cỡ file thường rất nhỏ. Các vectơ có vai trò rất quan trọng trong công việc thiết kế đồ họa, kể cả cả thiết kế logo và biểu tượng.

Một tác phẩm nghệ thuật vector cho dù là nhiều đối tượng. Mỗi đối tượng là một đường thẳng hoặc hình dạng có cạnh được xác định bởi một path (path là một dạng đường thẳng có thể vẽ tùy biến). Trong Photoshop, path được hiển thị dưới dạng một đường màu xanh mỏng (tuy nhiên, nó chẳng thể nhìn thấy về mặt kỹ thuật).

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

• Stroke là một đường thẳng đi dọc theo path.
• Fill thêm 1 màu hoặc họa tiết vào phần không gian được bao quanh bởi path.

Người dùng có thể thiết lập cả hai phần này trong thanh tùy chọn ở đầu màn hình. Người dùng cũng cũng đều có thể đặt cả hai thành No Color nếu muốn để trống chúng. Ngoài ra có thể chọn độ dày (tính bằng pixel) và kiểu cho Stroke. Solid line (nét liền) là tùy chọn mặc định.

Trong Photoshop, hình ảnh vector cũng đều có thể tạo ra từ các hình dạng, đường thẳng và văn bản.

Vẽ các 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, Rectangle Tool được highlight. Nhấp và giữ vào biểu tượng đó để hiển thị bộ công cụ đầy đủ:

• Rectangle Tool (Hình chữ nhật)
• Rounded Rectangle Tool (Hình chữ nhật cạnh tròn)
• Ellipse Tool (Hình elip)
• Polygon Tool (Hình đa giác)
• Line Tool (Đường thẳng)
• Custom Shape Tool (Hình dạng tùy chỉnh)

Bạn luôn cũng có thể chọn công cụ bất kỳ bằng phương pháp nhấn phím U trên bàn phím. Hoặc, nhấn Shift + U để duyệt qua các công cụ cho tới khi bạn tìm thấy thứ mình muốn. Các phím tắt là cách tốt để mau chóng điều hướng Photoshop.

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

Chọn công cụ mang hình dạng bạn muốn vẽ, sau đó thêm các màu Fill và Stroke.

Bây giờ nhấp và kéo trong canvas (khung vẽ). Hình dạng được vẽ sẽ hướng theo cách bạn di chuột. Để 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 giữ phím Shift.

Để vẽ một hình tam giác, hãy chọn Polygon Tool. Nhấp một chiếc vào canvas để mở hộp Create Polygon settings. Đặt Number of Sides là 3.

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

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

Đầ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ị những điểm neo (anchor point) dọc từ đường path của nó. Điểm neo là những điểm đặt ở các góc hoặc đường cong của hình ảnh.

Chọn Direct Selection Tool từ thanh công cụ (nhấp và giữ vào tượng trưng Path Selection Tool để tìm nó). Nhấp vào một trong các điểm neo và kéo nó theo bất kỳ hướng nào để thay đổi hình dạng theo ý muốn.

Nếu muốn 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 1 điểm neo để highlight nó, sau đó giữ phím Shift + nhấp vào 1 điều neo khác. Bây giờ sử dụng các phím mũi tên trên bàn phím để di chuyển cả 2 điểm và một lúc.

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

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

Bắt đầu bằng kiểu vẽ một hình trên canvas. Tiếp theo, nhấp vào nút Path Operations trong thanh tùy chọn ở đầu màn hình. Thông thường, mỗi path hoặc hình dạng mới sẽ được đặt vào layer riêng của nó. Thay đổi điều đó bằng cách nhấp vào Combine Shapes.

Bây giờ vẽ một hình dạng khác. Nó sẽ có đặt trên và một layer với hình đầu tiên. Khi cần di chuyển các đối tượng riêng lẻ, hãy sử dụng Path Selection Tool .

Kéo hình thứ 2 chồng lên hình thứ nhất. Cả hai hình sẽ hợp nhất với nhau thành một hình dạng duy nhất, mặc dầu chúng vẫn là các đối tượng riêng biệt. Nhấp vào Merge Shape Components trong Path Operations để kết hợp chúng thành một đối tượng duy nhất.

Sử dụng Path Selection Tool để chọn hình thứ hai đã vẽ. Bây giờ, trong Path Operations , chọn Subtract Front Shape. Toàn bộ ảnh thứ 2 và khu vực mà hình thứ 2 chồng lên hình đầu tiên sẽ bị xóa.

Highlight cả 2 hình. Trong Path Operations, chọn Intersect Shape Area . Các khu vực mà hai hình chồng lên nhau sẽ được giữ lại, các phần khác bị xóa bỏ. Tùy chọn này thường được sử dụng để tạo hình bán nguyệt.

Cuối cùng, highlight cả hai hình và chọn Exclude Overlapping Shapes . Tùy chọn này loại bỏ khu vực mà hai hình chồng lên nhau và không thay đổi các phần còn lại.

Những công cụ này là 1 cách hiệu quả để tạo ra các hình dạng mới, hoặc để tách một phần rời khỏi hình dạng hiện có. Chúng cũng hoạt động với công cụ Pen Tool và Text.

Vẽ các đường vector

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

Chọn công cụ và đặt Height (độ dày của đường vẽ) trong thanh tùy chọn. Sau đó nhấp và kéo trong canvas để tạo nó. Giữ phím Shift để đặt đường thẳng nằm ngang hoặc dựng đứng.

Công cụ này có 1 vài tính năng ẩn, nhưng đối với hầu hết người dùng 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, hãy tìm hiểu về Custom Shape Tool . Đặt các Fill và Stroke, sau đó nhấp vào Shape trong thanh tùy chọn. Tại đây, bạn cũng có thể chọn một trong vô số hình dạng tùy chỉnh có sẵn mà Photoshop cung cấp.

Để thêm nhiều hình dạng khác, nhấp vào Settings và chọn danh mục để thêm. Có các hình dạng cho mọi thứ các mục tiêu sử dụng khác nhau như bong bóng ghi lời nói, mũi tên, họa tiết, v.v… Bạn cũng đều có thể load hình dạng của bên thứ ba vào đây.

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

Vẽ vector với công cụ Pen Tool

Nếu đã từng sử dụng Illustrator, bạn chắc chắn biết phương pháp sử dụng công cụ Paintbrush Tool để vẽ tự do. Photoshop có 1 Brush Tool tương tự. Nhưng trong Photoshop, công cụ này sẽ không dựa theo vector, vì thế bạn không nên sử dụng nó để vẽ. Bạn nên sử dụng Pen Tool thay thế.

Pen Tool là một trong những tính năng hùng mạnh nhất của Photoshop. Bạn sẽ sử dụng nó biết bao để chỉnh sửa ảnh trong Photoshop, vì nó cho phép tạo các chọn lựa rất chính xác. Nó cũng phù hợp để dùng cho chuyện vẽ tự do và thao tác với các hình ảnh vector.

Bắt đầu với Pen Tool

Pen Tool hoạt động bằng kiểu vẽ một đường path giữa các điểm neo bạn tạo khi nhấp vào canvas. Thêm một stroke vào path để vẽ một đường outline. Thêm một fill để vẽ một đối tượng cố định.

Đây là một phía dẫn nhanh giúp bạn đọc bắt đầu:

1. Chọn Pen Tool (P) . Nhấp vào canvas để thả điểm neo.

2. Di chuyển con trỏ một vài milimet và nhấp một lần nữa để thả điểm neo khác. Một đường path sẽ có tạo để kết nối hai điểm neo lại với nhau. Đặt Stroke thành 5px, màu đen, để nhìn rõ hơn.

3. Nhấp chuột thêm 1 vài lần nữa để mở rộng đường path. Nhấp và kéo để tạo một đường cong. Điều này cũng sẽ thêm các handlebar (chấm tròn điều chỉnh kích thước) vào những điểm neo. Kéo chúng để kiểm soát góc và độ sâu của đường cong.

4. Bấm Enter để tạo đường path mở (đường thẳng) hoặc nhấn vào điểm neo đầu tiên để tạo đường dẫn khép kín (hình dạng).

Điều khiến Pen Tool trở nên có ích là bạn cũng có thể có thể quay lại và chỉnh sửa hình dạng của mình bất cứ lúc nào:

• Chọn Direct Selection Tool (A) . Chọn 1 điểm neo trên đường path và kéo nó đến một địa thế mới. Sử dụng công cụ này với một handlebar của điểm neo điểm neo để chỉnh sửa đường cong.
• Chọn Add Anchor Point Tool bằng cách nhấp và giữ Pen Tool. Nhấp vào ở một địa điểm nào đó trên đường path để thêm điểm neo mới theo cách thủ công, sau đó kéo nó sang vị trí. Điều này cho phép bạn tinh chỉnh hình dạng theo ý muốn.

3 Pen Tool khác nhau

Photoshop cung cấp ba Pen không trùng lặp để vẽ:

Pen Tool là tùy chọn mặc định và linh hoạt nhất. Đối với những người mới bắt đầu, nên chủ đạo sử dụng công cụ này để vẽ các đường thẳng. Khi tiến bộ hơn, người sử dụng có thể sử dụng nó cho nhiều mục tiêu khác.

Freeform Pen Tool cho phép bạn vẽ tự do, tương tự như Brush Tool. Nó vẫn tạo nên một đường path cũng có thể chỉnh sửa sau này. Các điểm neo sẽ có tạo tự động khi vẽ. Đây là một công cụ tuyệt vời nếu bạn sử dụng một máy tính bảng đồ họa.

Curvature Pen Tool giúp bạn đơn giản vẽ các đường cong mà không luôn phải sử dụng các handlebar như khi sử dụng Pen Tool.

Vẽ lại một hình ảnh dưới dạng vector trong Photoshop

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

Mở hình ảnh trong Photoshop và phóng to nó ra. Bây giờ, chọn Pen Tool và đặt điểm neo trước mắt trên đường viền của đối tượng muốn vẽ lại. Bản vẽ mới sẽ tự động được đặt vào layer của chính nó. Tiếp tục nhấp bao quanh các cạnh để tạo đường path.

Nếu đối tượng bạn vẽ lại được đặt trên một nền đơn giản, hãy thử Freeform Pen Tool với tùy chọn Magnetic được kích hoạt trong thanh tùy chọn. Điều này sẽ gắn đường path vào cạnh 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 cũng khá phổ biến. Chọn Horizontal Text Tool (T) , nhấp vào canvas để tạo hộp văn bản, sau đó nhập nội dung. Bạn có thể điều chỉnh phông chữ, kích thước và mọi thứ khác, giống như trong bất kỳ phần mềm nào khác.

Đối với văn bản bình thường, hãy đặt fill nhưng đừng đặt stroke. Chỉ áp dụng stroke cho văn bản được định dạng cầu kỳ.

Khi hoàn thành, 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 đến Type > Convert to Shape. Điều này cho phép bạn truy cập những điểm neo trên mỗi ký tự, do đó bạn có thể điều chỉnh chúng riêng lẻ. Điều này rất phù hợp để thay đổi màu sắc của một chữ cái hoặc điều tiết 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 cũng có thể có thể sao chép sau đó ẩn layer văn bản gốc, trong tình huống bạn mắc lỗi và cần dùng bản sao lưu để phục hồi hình ảnh ban đầu.

Quản lý đối tượng vector

Để tạo tác phẩm cuối cùng, bạn cần tất cả những đối tượng ở đúng địa thế và đúng kích cỡ. Đây là phương pháp để làm điều đó:

• Di chuyển các đối tượng bằng phương pháp chọn chúng thông qua Path Selection Tool (A) và kéo chúng vào vị trí.
• Thay đổi kích cỡ các đối tượng bằng phương pháp chọn chúng thông qua Path Selection Tool , sau đó nhấn Ctrl + T trên Windows hoặc Cmd + T trên máy Mac. Điều này làm hộp xung quanh đối tượng xuất hiện. Chọn một handlebar dọc từ cạnh và kéo để thay đổi kích thước. Giữ phím Shift để duy trì tỷ suất khung hình gốc.
• Xoay một đối tượng bằng phương pháp giữ chuột bên ngoài một trong các handlebar cho đến khi con trỏ biến thành biểu tượng xoay. Bây giờ chỉ cần bấm và kéo.
• Sắp xếp lại các đối tượng bằng cách nhấp vào một layer và kéo nó lên trên hoặc xuống dưới một layer khác.
• Căn chỉnh các đối tượng bằng cách chọn mọi thứ chúng với công cụ Move Tool (V) (hoặc giữ Shift và nhấp vào nhiều layer), sau đó sử dụng các tùy chọn căn chỉnh trong thanh tùy chọn.

Bây giờ bạn đã biết phương pháp dùng tất cả các công cụ, bạn có thể phối hợp chúng lại với nhau để tạo nên các tác phẩm vector của riêng mình.

Photoshop là một chọn lựa thay thế đáng tin cậy cho Illustrator và thích hợp cho bất kể ai có ý muốn nghiêm túc về thiết kế đồ họa. Đối với các thứ đơn giản như logo, biểu tượng hay một hình ảnh nhỏ mà bạn mong muốn sử dụng trong các tài liệu khác, Photoshop sẽ đảm bảo tốt nhu cầu của bạn.

Chúc bạn thành công!

Xem thêm:

• Cách làm nét hình ảnh bằng Photoshop theo 2 cách
• Cách ghép ảnh trong Photoshop từ 2 hình khác nhau
• 15 vấn đề thường gặp trong Photoshop và cách khắc phục cơ bản

Photoshop,tạo đồ họa vector trong Photoshop,làm việc với đồ họa vector trong Photoshop,đồ họa vector,vector graphic,hình ảnh vector,hình ảnh vector là gì

Nội dung Tạo và làm việc với các đồ họa vector trong Photoshop được tổng hợp sưu tầm biên tập bởi: Tin Học Trường Tín. Mọi ý kiến vui lòng gửi Liên Hệ cho truongtin.top để điều chỉnh. truongtin.top tks.