BẮT ĐẦU
GIAO DIỆN
HÌNH ẢNH
LAYER
VÙNG CHỌN
BỔ SUNG
PHOTOSHOP CĂN BẢN
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
Dự án mới của mình là gamehow.net, mời anh em ghé thăm và góp ý ạ.

Cách vẽ đường thẳng và đường cong trong Photoshop

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.

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.

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

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.

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

Cùng chuyên mục:

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Nếu bạn vẫn chưa biết cách thay đổi đơn vị của thước kẻ Rulers trong…

Cách tạo thành phố đảo ngược với Photoshop

Cách tạo thành phố đảo ngược với Photoshop

Sau khi học xong bạn sẽ biết được cách kết hợp một số hình ảnh…

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Hãy lướt xem qua hình ảnh của chúng, nếu thích bạn có thể tải miễn…

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Trong danh sách này, bạn sẽ tìm thấy các font chữ viết tay cổ điển…

Cách tạo và sử dụng Pattern trong Photoshop

Cách tạo và sử dụng Pattern trong Photoshop

Nếu bạn thấy mình giải thích khái niệm hơi khó hiểu, hãy đọc tiếp bài…

Tạo chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects)

Tạo chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects)

Để tạo hiệu ứng này thì chúng ta sẽ sử dụng các Layer Style của…

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Quá trình tạo Effect chữ cây kẹo giáng sinh rất đơn giản, chúng ta chỉ…

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Mình sẽ hướng dẫn chỉ với 38 bước cực kì đơn giản là bạn có…

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Chúng ta đều thấy đây là một effect không chỉ thú vị mà còn rất…

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Thông thường Photoshop không cho phép chúng ta sử dụng các lệnh Distort hoặc Perspective…

Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)

Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)

Nếu bạn đã từng xem qua một số bộ phim về các cuộc chiến bộ…

Cách tạo hiệu ứng cầu vồng trong Photoshop

Cách tạo hiệu ứng cầu vồng trong Photoshop

Một trong những hiện tượng tự nhiên rất đẹp mà bạn có thể tạo ra…

Cách tạo hiệu ứng lấy nét trong Photoshop

Cách tạo hiệu ứng lấy nét trong Photoshop

Thông thường hiệu ứng này có thể được thực hiện bằng máy ảnh nhưng ..

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Không chỉ riêng nhà thiết kế chuyên nghiệp mà ngay cả người dùng Adobe Photoshop…

Cách vẽ râu và tóc bằng Photoshop

Cách vẽ râu và tóc bằng Photoshop

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Mỗi người trong chúng ta đều có những tiêu chuẩn khác nhau về cái đẹp,…

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Có thể bạn chưa biết, ngoài việc ra tiệm nhuộm tóc thì vẫn còn một…

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Bài viết này mình xin chia sẻ loạt hình ảnh Photoshop hài hước của những…

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Làm thế nào để tách tóc nền phức tạp là một trong những câu hỏi…

Cách chỉnh mặt nhỏ lại bằng Photoshop

Cách chỉnh mặt nhỏ lại bằng Photoshop

Khuôn mặt tự nhiên có rất nhiều hình dạng khác nhau như mặt hình vuông,…

Top