Cách vẽ hình chữ nhật trong Photoshop đơn giản nhất mà bạn phải biết

Cách vẽ hình chữ nhật trong Photoshop đơn giản nhất mà bạn phải biết

Mục lục

Bạn có thể sử dụng Photoshop để tạo ra nhiều sản phẩm đồ họa khác nhau, từ ảnh, banner, poster, logo, web, tạp chí, sách,… Trong quá trình thiết kế, bạn sẽ cần vẽ nhiều hình khác nhau, trong đó hình vuông và hình chữ nhật là hai hình thường xuyên được sử dụng. Vậy làm thế nào để vẽ hình chữ nhật trong Photoshop một cách đơn giản và nhanh chóng? Bài viết này sẽ hướng dẫn bạn các cách vẽ hình chữ nhật trong uwnsg dujng Photoshop bằng các công cụ khác nhau, cũng như một số lưu ý khi vẽ hình chữ nhật.

Cách vẽ hình chữ nhật trong Photoshop

Để vẽ hình chữ nhật trong Photoshop, bạn có thể sử dụng công cụ Rectangle tool, Rectangular Marquee Tool hoặc Pentool. Cách sử dụng từng công cụ chi tiết sẽ được giới thiệu ở phần dưới đây:

1. Cách sử dụng rectangle tool trong photoshop để vẽ hình chữ nhật, hình vuông

Rectangle tool là công cụ vẽ hình chữ nhật có sẵn trong thanh công cụ Toolbox của Photoshop. Bạn có thể sử dụng công cụ này để vẽ hình chữ nhật hoặc hình vuông một cách dễ dàng và nhanh chóng. Các bước thực hiện như sau:

Bước 1: Trước tiên, chọn công cụ Rectangle Tool (1) => nhấn vào Fill (đổ màu nền) hoặc Stroke (đổ màu viền) (2). Tiếp đến, chọn kiểu màu sắc phù hợp (3) từ trái phải là No Fill (không màu), Pattern (hoạ tiết), Solid Color (màu đơn sắc), Gradient (màu chuyển sắc). Sau đó, bạn chọn bảng màu phù hợp (4) để hoàn tất.

cach-ve-hinh-chu-nhat-hinh-vuong-pts-1

Chọn công cụ Retangle trong Photoshop

Để khởi tạo hình chữ nhật, hình vuông thì bạn nhấn và giữ chuột trái trên màn hình làm việc trên Photoshop để tạo hình.

cach-ve-hinh-chu-nhat-hinh-vuong-pts-2

Khởi tạo hình chữ nhật trong photoshop

Bước 2: Để có thể tạo hình vẽ với viền bao quanh, bạn thiết lập Fill là No Fill và Stroke là Solid Color (tuỳ chọn). Tiếp đến, bạn nhấn vào Width (1) bên cạnh mục Stroke và kéo thanh trượt (2) để điều chỉnh độ dày của viền hình chữ nhật.

cach-ve-hinh-chu-nhat-hinh-vuong-pts-3

Tạo hình vẽ chữ nhật với viền bao quanh

Bước 3: Muốn tạo đường kẻ dạng nét đứt hoặc thẳng, bạn click vào phần Stroke type (1) => chọn mẫu đường kẻ (2).

cach-ve-hinh-chu-nhat-hinh-vuong-pts-4

Tùy chọn dạng nét đứt hay nét thẳng

Như vậy, bạn sẽ thu được kết quả là hình chữ nhật hoặc hình vuông với viền kẻ như mong muốn.

cach-ve-hinh-chu-nhat-hinh-vuong-pts-5

Kết quả sau khi thực hiện

Bước 4: Để tạo cho viền kẻ độc đáo hơn, bạn hãy nhấn chọn Stroke (1) => Gradient (2) => chọn mẫu màu Gradient (3).

cach-ve-hinh-chu-nhat-hinh-vuong-pts-6

Khởi tạo viền màu sắc

Kết quả, bạn sẽ thu được viền hình chữ nhật với hiệu ứng màu sắc như dưới đây.

cach-ve-hinh-chu-nhat-hinh-vuong-pts-7

Kết quả sau khi thực hiện

>>> Xem thêm: Clipping mask là gì? Cách sử dụng Clipping Mask trong Photoshop

Thành thạo Photoshop với khóa học Photoshop Online chuyên nghiệp. Khóa học giúp bạn thành thạo ghép ảnh, thiết kế ảnh, banner, poster, chỉnh sửa hình ảnh dễ dàng. Đăng ký ngay.

Làm chủ photoshop cùng Huy Quần Hoa
Mai Xuân Huy (Huy Quần Hoa)
499.000đ
700.000đ

Ghép ảnh chuyên nghiệp với Photoshop
Mai Xuân Huy (Huy Quần Hoa)
299.000đ
700.000đ

Cắt ghép Banner, Poster sản phẩm đơn giản bằng Photoshop
Mai Xuân Huy (Huy Quần Hoa)
299.000đ
800.000đ

2. Cách vẽ hình vuông, hình chữ nhật bằng công cụ Rectangular Marquee Tool

Rectangular Marquee Tool là công cụ tạo vùng chọn hình chữ nhật trong Photoshop. Bạn có thể sử dụng công cụ này để vẽ hình vuông hoặc hình chữ nhật bằng cách tạo vùng chọn và đổ màu cho vùng chọn đó. Các bước vẽ hình chữ nhật trong photoshop như sau:

- Bước 1: Để vẽ được hình vuông trong Photoshop, bạn hãy mở phần mềm và chọn mục Rectangular Marquee Tool => nhấn chuột trái và khoanh vùng chọn (2) trên màn hình làm việc.

ve-hinh-chu-nhat-bang-rectangular-marquee-tool

Chọn mục Rectangular Marquee Tool

- Bước 2: Nhấn nút Newlayer để mở không gian làm việc mới.

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-1

Đặt tên cho Layer mới

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-2

Nhấn OK

- Bước 3: Bạn tiếp tục nhấn chuột phải vào vùng chọn (1) => Chọn Fill (đổ màu nền) hoặc Stroke (đổ màu nền) (2). Trong ví dụ này, mình sẽ chọn Fill (đổ màu nền).

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-3

Chọn Fill

- Bước 4: Khi hộp thoại Fill hiện lên, bạn click vào Contents (1) => Color... (2).

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-4

Chọn Color...

Khi bảng hộp thoại Color Picker xuất hiện, bạn hãy chọn màu sắc mà mình thích (3) => OK (4).

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-5

Nhấn chọn OK

Sau khi chọn màu xong, hộp thoại Fill sẽ lại xuất hiện. Bạn nhấn OK để hoàn tất.

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-6

Nhấn chọn OK

- Bước 5: Bạn click vào Select (1) => Deselect (2).

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-7

Chọn Deselect 

Và cuối cùng bạn đã có một mẫu hình vuông với màu nền độc đáo dành riêng cho mình.

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-8

Kết quả tạo hình

Trong trường hợp bạn muốn khởi tạo hình vuông, chữ nhật với viền bao quanh mà không cần phải có màu nền thì bạn hãy thực hiện thao tác lại Bước 1, Bước 2 ở hướng dẫn trên và làm theo thứ tự các bước tiếp theo.

- Trước tiên, bạn nhấn chuột phải chọn vào vùng chọn (1) => chọn Stroke (2).

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-9

Chọn Stroke

- Tiếp đến, hãy thiết lập độ dày của viền (3) và mức độ dày tuỳ thuộc vào độ phân giải ảnh. Nhớ là bạn chỉ nên thiết lập độ dày khoảng 1 - 3 pixels là đủ. Để chọn màu viền, bạn thiết lập trong mục Color (4). Phần Location, bạn chọn Outside (5) để phần viền tô màu đẩy ra phía bên ngoài và chọn OK (6) để hoàn tất.

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-10

Chọn OK

Nhấn tổ hợp phím Ctrl + D để bỏ vùng chọn và thu được hình vuông với viền màu sắc như hình dưới đây.

ve-hinh-chu-nhat-bang-rectangular-marquee-tool-11

Kết quả thu được hình vuông với viền màu sắc

3. Vẽ hình chữ nhật, hình vuông bằng công cụ Pentool

Pentool là công cụ vẽ đường cong trong Photoshop. Bạn có thể sử dụng công cụ này để vẽ hình vuông hoặc hình chữ nhật bằng cách vẽ các đường thẳng nối với nhau. Các bước vẽ hình chữ nhật trong photoshop như sau:

- Bước 1: Bạn mở chọn công cụ Pentool trong Photoshop như hình vẽ.

ve-hinh-chu-nhat-bang-pentool

Mở công cụ Pentool trong photoshop

Tiếp đến, bạn nhấn chuột trái vào 1 điểm bất kì trên giao diện màn hình photoshop để chọn làm điểm đầu.

ve-hinh-chu-nhat-bang-pentool-1

Click chuột trái vào điểm bất kỳ để trọn điểm đầu

Bạn đo và click chuột thêm một vị trí khác để có thể tạo thành 1 đường thẳng. Sau đó, bạn tiếp tục tạo thêm các đường thẳng còn lại.

ve-hinh-chu-nhat-bang-pentool-2

Click chọn thêm một vị trí khác để tạo thành đường thẳng

Đến đường thẳng cuối cùng, bạn click chọn vào điểm đầu để khoá hình vẽ lại.

ve-hinh-chu-nhat-bang-pentool-3

Click chọn vào điểm đầu để khóa lại

Bước 2: Bạn click chuột phải giống như gợi ý trong hình vẽ (1) => Fill Path (2).

ve-hinh-chu-nhat-bang-pentool-4

Click chuột phải giống gợi ý của hình vẽ

Tiếp theo, bạn nhấp chuột vào mục Contents (3) => Color... (4).

ve-hinh-chu-nhat-bang-pentool-5

Nhấp chuột vào Contents (3) => Color... (4)

Chọn màu sắc (5) => OK (6)

ve-hinh-chu-nhat-bang-pentool-6

Chọn màu sắc (5) => OK (6)

Đặt Feather Radius (7) bằng 0 và tích chọn Anti-alias (8) để khử răng cưa cho viền của hình ảnh. Tiếp theo, bạn nhấn OK (9).

ve-hinh-chu-nhat-bang-pentool-7

Thiết lập Feather Radius (7) bằng 0 và tích chọn Anti-alias (8) để khử răng cưa cho viền

Kết quả là bạn đã có một hình chữ nhật như ý. Với cách này, bạn cần phải căn chỉnh chính xác trong lúc thêm đường thẳng thì hình ảnh mới đẹp không thì hình sẽ hơi méo như trong bài viết.

ve-hinh-chu-nhat-bang-pentool-8

Kết quả sau khi thực hiện

Trong trường hợp bạn muốn tạo hình chữ nhật, vuông mà không cần có màu nền thì bạn hãy thực hiện lại Bước 1 và thao tác sau:

- Click chuột phải làm theo hướng dẫn như hình vẽ (1) => Stroke Path...(2)

ve-hinh-chu-nhat-bang-pentool-9

Chọn Stroke Path trong photoshop

- Click vào Tool (3) => chọn Brush (4) => OK (5).

ve-hinh-chu-nhat-bang-pentool-10

Vào Tool (3) => chọn Brush (4) => OK (5)

Kết quả là, chúng ta đã có hình chữ nhật đẹp được vẽ ra bằng Pen Tool.

ve-hinh-chu-nhat-bang-pentool-11

Đây là kết quả sau khi thực hiện vẽ xong

Lưu ý: Nếu như mẫu Brush không đúng như ý bạn thì trước khi tạo Stroke Path, bạn hãy vào chọn công cụ Brush, click chuột phải vào màn hình và thiết lập Size, Hardness (nên để 100%) và chọn mẫu brush Soft Round. Sau đó, bạn click vào Pen Tool và tạo Stroke Path bình thường.

4. Cách vẽ hình chữ nhật bo góc trong photoshop

Nếu bạn thấy một bức hình có 4 góc cạnh nhìn quá đơn điệu và thô cứng, bạn có thể bo tròn những góc này lại để bức ảnh được mềm mại và bắt mắt hơn. Cách bo góc vùng chọn trong photoshop cho hình chữ nhật cũng rất đơn giản với các bước như sau:

- Bước 1: Mở bức ảnh mà bạn muốn vẽ hình chữ nhật bo tròn góc trong công cụ photoshop.

bo-tron-bang-photoshop

Chọn hình cần bo tròn góc trong photoshop

- Bước 2: Nếu layer có hình ổ khóa, bạn hãy nhấn đúp chuột trái để mở khóa.

bo-tron-bang-photoshop-1

Mở khóa layer nếu layer bị khóa

- Bước 3: Tiếp theo, để bo tròn góc trong Photoshop, hãy nhấn giữ tổ hợp phím Ctrl + A, đồng thời click chuột trái vào layer cần bo tròn 4 góc đó.

bo-tron-bang-photoshop-2

Nhấn giữ phím Ctrl + A, đồng thời click chuột trái vào layer cần bo tròn 4 góc

- Bước 4: Bây giờ, vùng ảnh sẽ được chọn và bao xung quanh bởi những đường viền đứt đoạn. Bạn hãy chọn Select > Modify > Border

bo-tron-bang-photoshop-3

Chọn Select > Modify > Border

- Bước 5: Tiếp đến, bạn hãy chọn các thông số bo tròn góc, nếu chọn số càng lớn thì góc. Điều chỉnh Pixel, bạn có thể để mặc định là 1.

bo-tron-bang-photoshop-4

Điều chỉnh thông số pixel

- Bước 6: Quay trở lại Select -> chọn Modify -> rồi chọn Smooth để tiến hành bo góc vùng chọn bạn sẽ thấy đường viền xung quanh ảnh đã bo tròn lại.

bo-tron-bang-photoshop-5

Quay trở lại Select -> chọn Modify -> rồi chọn Smooth 

- Bước 7: Điều chỉnh lại thông số pixel tương ứng với độ bo góc và nhấn nút OK

Pixel càng lớn thì độ bo góc càng lớn, bạn chỉnh kích thước sao cho phù hợp với ảnh.

bo-tron-bang-photoshop-6

Điều chỉnh lại thông số pixel và nhấn OK

- Bước 8: Tiếp theo, bạn nhấn phím Delete để xóa 4 góc dư. Vậy là chúng ta đã hoàn thành bo tròn góc trong công cụ Photoshop.

bo-tron-bang-photoshop-7

Chỉ với vài thao tác đơn giản bạn có thể bo tròn góc trong Photoshop

Lưu ý khi vẽ hình chữ nhật trong Photoshop

Khi vẽ hình chữ nhật trong Photoshop, bạn nên lưu ý chọn công cụ phù hợp, chọn chế độ vẽ và đường kẻ, chọn kiểu đường kẻ, chọn độ dày cho đường kẻ cũng như những lưu ý khác sau đây:

1. Dùng công cụ phù hợp

Bạn nên chọn công cụ vẽ hình chữ nhật phù hợp với mục đích và yêu cầu của mình. Nếu bạn muốn vẽ hình chữ nhật đơn giản và nhanh chóng, bạn có thể sử dụng công cụ Rectangle tool hoặc Rectangular Marquee Tool. Nếu bạn muốn vẽ hình chữ nhật có góc bo tròn, bạn có thể sử dụng công cụ Rounded Rectangle tool. Nếu bạn muốn vẽ hình chữ nhật có đường cong phức tạp, bạn có thể sử dụng công cụ Pentool.

dung-cong-cu-phu-hop.jpg

Chọn công cụ vẽ hình chữ nhật phù hợp với mục đích và yêu cầu của mình

2. Chọn Chế Độ Vẽ (Fill) và Đường Kẻ (Stroke)

Bạn nên chọn chế độ vẽ và đường kẻ cho hình chữ nhật theo ý thích và phong cách của mình. Bạn có thể chọn không màu, màu đơn sắc, màu chuyển sắc hoặc hoạ tiết cho nền và viền của hình chữ nhật. Bạn cũng có thể điều chỉnh độ dày và kiểu đường kẻ cho viền của hình chữ nhật.

3. Chọn Kiểu Đường Kẻ

Bạn nên chọn kiểu đường kẻ cho viền của hình chữ nhật theo mục đích và hiệu ứng mong muốn. Bạn có thể chọn đường kẻ liền, đứt, gạch ngang, gạch dọc, gạch chéo hoặc các kiểu khác. Bạn cũng có thể tùy chỉnh khoảng cách giữa các đoạn đường kẻ.

chon-kieu-duong-ke.jpg

Chọn kiểu đường kẻ cho viền của hình chữ nhật theo mục đích và hiệu ứng mong muốn

4. Chọn Độ Dày Đường Kẻ

Bạn nên chọn độ dày đường kẻ cho viền của hình chữ nhật theo kích thước và tỉ lệ của hình. Bạn có thể nhập giá trị theo đơn vị pixel (px), inch (in), centimeter (cm) hoặc milimeter (mm). Bạn nên lựa chọn độ dày phù hợp để tạo ra sự cân bằng và hài hòa cho hình chữ nhật.

5. Sử Dụng Công Cụ Biến Đổi

Bạn nên sử dụng công cụ biến đổi để điều chỉnh kích thước, xoay, lệch, xoắn, biến dạng hoặc biến thái hình chữ nhật theo ý muốn. Bạn có thể truy cập vào công cụ biến đổi bằng cách nhấn phím Ctrl + T trên bàn phím hoặc vào menu Edit > Transform. 

Bạn có thể kéo các điểm neo trên khung biến đổi để thay đổi kích thước hoặc xoay hình chữ nhật. Bạn có thể giữ phím Shift để giữ tỉ lệ khi kéo các điểm neo. Bạn có thể giữ phím Alt để kéo các điểm neo từ tâm ra ngoài hoặc ngược lại. Bạn có thể giữ phím Ctrl để kéo các điểm neo theo chiều ngang hoặc dọc. Bạn có thể click chuột phải trên khung biến đổi để chọn các tùy chọn khác như lệch, xoắn hoặc biến dạng.

su-dung-cong-cu-bien-doi.jpg

Sử dụng công cụ biến đổi để điều chỉnh kích thước, xoay, lệch, xoắn, biến dạng hoặc biến thái hình chữ nhật theo ý muốn

6. Giữ Phím Shift Khi Vẽ

Bạn nên giữ phím Shift khi vẽ hình vuông hoặc hình chữ nhật để giữ tỉ lệ 1:1 hoặc tỉ lệ mong muốn cho hình vuông hoặc hình chữ nhật. Nếu bạn không giữ phím Shift, bạn có thể vẽ ra những hình chữ nhật không đều hoặc không cân đối.

7. Sử Dụng Các Hệ Số Tỉ Lệ Để Điều Chỉnh

Bạn nên sử dụng các hệ số tỉ lệ để điều chỉnh kích thước và tỉ lệ của hình vuông hoặc hình chữ nhật. Bạn có thể nhập các giá trị cho chiều rộng và chiều cao của hình vuông hoặc hình chữ nhật theo đơn vị pixel (px), inch (in), centimeter (cm) hoặc milimeter (mm). Bạn có thể nhập các giá trị theo tỉ lệ phần trăm (%) để tăng hoặc giảm kích thước của hình vuông hoặc hình chữ nhật theo tỉ lệ mong muốn.

Sau khi đã thực hiện điều chỉnh tỉ lệ mà hình chữ nhật bị nghiêng thì nên thực hiện chỉnh ảnh nghiêng thành thẳng trong photoshop

8. Sử Dụng Các Hệ Số Vị Trí Để Canh Chính Vị Trí

Bạn nên sử dụng các hệ số vị trí để canh chính vị trí của hình vuông hoặc hình chữ nhật. Bạn có thể nhập các giá trị cho tọa độ X và Y của hình vuông hoặc hình chữ nhật theo đơn vị pixel (px), inch (in), centimeter (cm) hoặc milimeter (mm). Bạn có thể nhập các giá trị theo tỉ lệ phần trăm (%) để di chuyển hình vuông hoặc hình chữ nhật theo tỉ lệ mong muốn.

canh-vi-tri.jpg

Sử dụng các hệ số vị trí để canh chính vị trí của hình vuông hoặc hình chữ nhật

9. Sử Dụng Các Lớp Để Tạo Hiệu Ứng

Bạn nên sử dụng các lớp (Layers) để tạo hiệu ứng, chỉnh sửa màu sắc, độ sáng, độ tương phản,… cho hình vuông hoặc hình chữ nhật. Bạn có thể tạo một lớp mới cho mỗi hình vuông hoặc hình chữ nhật để dễ dàng quản lý và chỉnh sửa. 

Bạn hãy sử dụng các tính năng như Blending mode, Opacity, Fill, Layer style, Adjustment layer, Layer mask,… để tạo ra những hiệu ứng đẹp mắt và ấn tượng cho hình vuông hoặc hình chữ nhật.

10. Lưu Tệp Làm Việc

Bạn nên lưu tệp làm việc của bạn sau khi vẽ xong hình vuông hoặc hình chữ nhật. Bạn có thể lưu tệp làm việc bằng cách vào menu File > Save hoặc nhấn phím Ctrl + S trên bàn phím. Bạn nên lưu tệp làm việc dưới định dạng PSD để giữ nguyên các thông tin về các lớp và các hiệu ứng. Bạn cũng có thể xuất tệp làm việc ra các định dạng khác như JPEG, PNG, GIF,… để sử dụng cho các mục đích khác.

luu-tep-lam-viec.jpg 

Nên lưu tệp làm việc của bạn sau khi  vẽ xong hình vuông hoặc hình chữ nhật 

Đây là một số cách vẽ hình chữ nhật trong Photoshop đơn giản nhất và một số lưu ý khi vẽ hình chữ nhật trong ứng dụng Photoshop. Hy vọng bài viết này sẽ giúp bạn có thêm kiến thức và kỹ năng về thiết kế đồ họa bằng Photoshop. Để biết thêm về những thủ thuật khác trong pts, mời bạn tham khảo các khóa học photoshop online của Unica. Các bài giảng được thiết kế ngắn gọn, chi tiết nên chắc chắn bạn sẽ tự thực hành được ngay sau khi học xong. 

Đánh giá :

Tags: Bán hàng Online
Trở thành hội viên