Cách Vẽ đường Thẳng Và đường Cong Trong Photoshop - Freetuts

Video này mình sẽ hướng dẫn cách vẽ đường thẳng và đường cong trong Photoshop cực dễ ai cũng làm được.

test php

banquyen pngBài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Công cụ Line Tool và Pen Tool trong photoshop có thể giúp bạn vẽ đường thẳng và đường cong một cách nhanh chóng, tuy nhiên nhiều người dùng Photoshop lâu năm có khi cũng chưa biết cách sử dụng nó như thế nào.

Vì thế trong video này mình sẽ hướng dẫn cách sử dụng công cụ Line Tool và Pen Tool từ A-Z để vẽ đường cong uốn lượn trong Photoshop, đường thẳng nét đứt trong PTS đơn giản.

* Lưu ý: Để tránh gặp lỗi trong quá trình sử dụng PTS, hãy tải ngay Photoshop CC full miễn phí và cài đặt nếu đang sử dụng phiên bản cũ hơn nha.

Bài viết này được đăng tại [free tuts .net]

Hướng dẫn cách vẽ đường thẳng, đường cong hoàn hảo trong Photoshop

Ngoài video hướng dẫn thì dưới đây mình sẽ tóm tắt các bước vẽ và tô màu đường thẳng, đường cong trong PTS.

1. Cách vẽ đường thẳng trong Photoshop

Để vẽ đường thẳng thì các bạn sử dụng công cụ Line Tool trong Photoshop ở thanh công cụ.

cach ve duong thang trong photoshop bang line tool 1 jpg Công cụ Line Tool trong PTS

Để sử dụng công cụ này để vẽ đường thẳng đơn giản, bạn bấm chuột trái vào điểm đầu tiên sau đó kéo giữ đến điểm bất kỳ để kết thúc đường thẳng, độ dài đường thẳng có thể kéo dài bao nhiêu tùy ý.

Bạn có thể thay đổi một số thuộc tính của đường thẳng bao gồm:

  • Fill: màu nền bên trong đường thẳng
  • Stroke: màu viền của đường thẳng
  • N px: độ dày của viền đường thẳng (tính bằng đơn vị px)
  • W và H: chiều ngang và chiều cao của đường thẳng (tính bằng đơn vị px)
  • Weight: độ lớn của đường thẳng (bạn nên điều chỉnh Weight khoảng 2px->5px là đẹp)

cach ve duong thang trong photoshop bang line tool 2 jpg Thao tác vẽ đường thẳng trong PTS

Hướng dẫn cách vẽ mũi tên trong Photoshop

Để vẽ mũi tên trong Photoshop thì bạn cũng sử dụng công cụ Line Tool để vẽ đường thẳng như bình thường, sau đó thiết lập mục Arrowheads trong tùy chọn Path Options (hình bánh răng trên thanh Options).

Trong đó bạn tích vào các lựa chọn:

  • Start: Hiển thị mũi tên ở điểm đầu của đường thẳng
  • End: Hiển thị mũi tên ở điểm kết thúc của đường thẳng

cach ve duong thang trong photoshop bang line tool 4 jpg Cách vẽ mũi tên trong PTS

Cách vẽ đường thẳng nét đứt trong Photoshop

Để vẽ đường thẳng nét đứt thì bạn cũng sử dụng công cụ Line Tool và thao tác kéo thả đơn giản để vẽ đường thẳng, ghi nhớ trong tùy chọn Stroke Options thì bạn thay đổi kiểu đường thẳng -> đường thẳng nét đứt.

cach ve duong thang trong photoshop bang line tool 3 jpg Cách vẽ đường thẳng nét đứt trong PTS

2. Cách vẽ đường cong trong Photoshop

Để vẽ đường cong trong Photoshop thì có rất nhiều cách, chẳng hạn như cách dưới đây mình đang dùng công cụ Brush để vẽ các đường cong, đường tròn trong PTS.

cach ve duong cong trong photoshop 1 jpg Ví dụ vẽ đường cong tự do bằng Brush trong PTS

Tuy nhiên bạn có thể thấy kết quả vẽ đường cong bằng Brush rất xấu và không chuyên nghiệp, vì thế chúng ta sẽ học cách vẽ đường cong hoàn hảo trong Photoshop bằng công cụ Pen Tool.

Hướng dẫn vẽ đường cong trong Photoshop bằng công cụ Pen Tool

Để vẽ đường cong hoàn hảo trong PTS, trước tiên hãy mở một tệp tài liệu bất kỳ mà bạn muốn vẽ sau đó bấm chọn công cụ Pen Tool và thực hiện theo các bước dưới đây.

cach ve duong cong trong photoshop 2 jpg

Quy tắc sử dụng của Pen Tool như sau:

  • Bấm giữ chuột trái và kéo -> Kết quả sẽ trả về đường cong
  • Bấm chuột trái đơn (bấm từng lần và không bấm giữ) -> Kết quả sẽ trả về đường thẳng

Bước 1: Bấm chuột trái vào điểm bắt đầu muốn vẽ (1).

Bước 2: Di chuột đến điểm bất kỳ sau đó bấm chuột trái một lần nữa (2) (nếu bạn di / kéo chuột thay vì "bấm giữ chuột trái rồi mới di chuyển chuột" thì nó sẽ tạo một đường thẳng).

cach ve duong cong trong photoshop 3 jpg

Bước 3: Bấm chuột trái vào điểm tiếp theo mà chúng ta muốn vẽ đường cong, kéo và giữ nó để tạo đường cong theo ý muốn (3).

cach ve duong cong trong photoshop 4 jpg

* Lưu ý: Bạn có thể bấm vào tùy chọn Path Options (hình bánh răng) rồi tích chọn Rubber Band, tùy chọn này sẽ cho phép bạn xem trước đường cong muốn vẽ -> Rất phù hợp với người mới bắt đầu sử dụng Photoshop.

cach ve duong cong trong photoshop 5 jpg

Bước 4: Để kết thúc đường cong thì bạn bấm giữ phím Ctrl trên bàn phím rồi bấm chuột trái kéo tạo vùng chọn trống bất kỳ.

cach ve duong cong trong photoshop 7 jpg

Bước 5: Tô màu đường cong.

Không giống như đường thẳng, công cụ Pen Tool vẫn chưa chính xác là vẽ đường cong mà mới chỉ tạo đường Pen Tool, do đó chúng ta phải tô màu thì mới có kết quả.

Để tô màu đường cong này thì bạn bấm chuột phải vào đường cong rồi chọn Stroke Subpath...

cach ve duong cong trong photoshop 8 jpg

Hướng dẫn sử dụng công cụ Pen Tool để tạo vùng chọn

Công cụ Pen Tool có rất nhiều tính năng, vì nó có thể vẽ đường cong hoàn hảo nên sẽ rất hữu dụng khi chúng ta cần tạo vùng chọn.

Trong ví dụ dưới đây mình đang muốn tách ảnh ra khỏi nền, cụ thể là cắt người ra khỏi ảnh. Lúc này để hiệu quả cắt ảnh mịn và đẹp nhất thì bạn cũng có thể sử dụng công cụ Pen Tool để tạo vùng chọn.

cach ve duong cong trong photoshop 9 jpg

Tiếp theo để biến vùng khoảng vẽ bằng Pen Tool thành vùng chọn thì bạn bấm chuột phải vào rồi chọn Make Selection...

cach ve duong cong trong photoshop 10 jpg

Khi hộp thoại Make Selection hiện ra, nếu bạn muốn "bo" vùng chọn hay làm mềm vùng chọn hơn nữa thì ta có thể nhập giá trị Feather Radius khoảng 2 pixels rồi bấm OK.

cach ve duong cong trong photoshop 11 jpg

Kết quả:

Để nhanh chóng thì mình xin phép không cắt toàn bộ người mà chỉ cắt một góc, ví dụ ngắn gọn giúp bạn sử dụng công cụ Pen Tool để tạo vùng chọn mềm và tự nhiên nhất có thể.

cach ve duong cong trong photoshop 13 jpg

Tổng kết

Bài viết hướng dẫn "cách vẽ đường thẳng và đường cong trong Photoshop" đến đây là kết thúc, mình tin rằng với những hướng dẫn chi tiết bằng hình ảnh và video sẽ giúp bạn làm chủ công cụ Pen Tool và Line Tool trong PTS dễ dàng, từ đó nhanh chóng vẽ đường cong và đường thẳng như ý bằng Photoshop.

Đừng quên chia sẻ bài viết cho bạn bè và đồng nghiệp cùng xem khi thấy hữu ích nhé!

Từ khóa » Cách Vẽ Trong Photoshop Cs3