HomeHướng dẫnCách tạo đường viền trong photoshop

Cách tạo đường viền trong photoshop

Cách tạo đường viền trong photoshop

Hướng dẫn cách tạo đường viền trong photoshop đơn giản chỉ với vài click nhanh chóng hiệu quả và đẹp mắt. Một bức ảnh với đường viền sẽ làm cho các vật thể bên trong trở lên nổi bật hơn bao giờ hết. Dưới đây là cách để tạo đường viền trong photoshop cho một vật thể hay toàn bộ bức ảnh.

Một số kiến thức cần biết về tạo đường viền trong photoshop

Thông thường chúng ta có 3 cách để tạo ra viền cho bức ảnh bao gồm. Tạo viền ảnh bằng vùng chọn, tạo bằng hiệu ứng troke và tạo đường viền bằng layer ảnh. Nó được ứng dụng cho cả ảnh và văn bản.

Các thông số cần lưu ý khi tạo viền trong photoshop

Vì các phương pháp tạo vùng chọn sắp được chia sẻ đều có một số bước làm việc giống nhau. Vì vậy để tránh việc lặp đi lặp lại nội dung chúng tôi sẽ note trước các vấn đề các bạn cần lưu ý bao gồm.

Tạo ra 1 file làm việc mới

Có nhiều cách khác nhau giúp bạn tạo 1 file làm việc mới trong photoshop. Bạn thực hiện như sau. Từ thanh menu -> file -> open -> tìm đến thư mục chứa ảnh -> chọn ảnh -> Ok

Nếu bạn muốn có 1 file làm việc với kích thước định trước bạn làm như sau: Từ thanh menu -> chọn file -> new (ctrl + N) -> nhập kích thước file làm việc -> Ok.

Thiết lập các thuộc tính của bảng Stroke

Trong khi áp dụng các phương pháp tạo viền bạn cần chú ý đến thuộc tính của bảng stroke như sau:

width: Độ dày của đường viền hay stroke, mà bạn chuẩn bị tạo.

Color: Màu của đường viền sau khi các bạn sẽ tạo.

inside: là đường viền sẽ đi vào phía trong của vùng chọn.

Center: Lúc này đường viền sẽ lấy đường viền của vùng chọn làm tâm.

Outside: Là lựa chọn giúp tạo ra đường viền ở phía ngoài của của vùng chọn.

Mode: Trong chế độ blending -> mode đây là việc lựa chọn các chế độ hoà trộn cho riêng phần stroke của bức ảnh.

Opacity: Độ đậm nhạt của đường viền so với nền.

Cách tạo đường viền trong photoshop

Cách tạo đường viền vùng chọn trong photoshop

Ở đây tôi đang mặc định là các bạn xử lý được dữ liệu đầu vào. Có nghĩa là bạn có khả năng cắt ảnh trong photoshop hoặc tạo ra các đoạn văn bản. Trường hợp này áp dụng cho các layer trống, và bạn muốn tạo ra các dải màu tự do.

Bước 1 : Tạo 1 layer làm việc mới

Sau khi bạn đã tạo ra file làm việc mới ở phần 1.1 bạn tiếp theo bạn cần tạo ra một layer mới trong photoshop trước. Từ hộp thoại layer ( F7 hoặc Window -> layer). -> Bạn chọn new layer (ctrl + shift + N)

Bước 2: Tạo vùng chọn trong photoshop

Tiếp theo bạn cần sử dụng các công cụ tạo vùng chọn trong photoshop để tạo hình cho đường viền. Ở đây tôi sử dụng rectanglar marquee tool để tạo ra vùng chọn hình chữ nhật.  Bạn có thể sử dụng các công cụ khác như pen tool, elip tool… để tạo các vùng chọn theo ý.

Bước 3: Tạo đường viền bằng photoshop.

Sau khi đã tạo vùng chọn bạn sẽ tạo viền trực tiếp bằng cách như sau. Từ màn hình làm việc -> click chuột phải -> stroke. Trong bản stroke bạn tiến hành thiết lập các thông số phù hợp cho đường viền của mình

Ưu nhược điểm của cách tạo đường viền bằng vùng chọn

Việc tạo Đừng viền cho vùng chọn áp dụng cho các trường hợp bạn làm thiết kế. Bạn có thể ứng dụng nó cho các đường màu trong bàn thiết kế của mình

Cách tạo đường viền vùng chọn trong photoshop

Cách tạo đường viền trực tiếp trong photoshop

Bước 1: Thêm ảnh vào file làm việc

Ở bước này bạn cần thêm bức ảnh của mình vào photoshop như hướng dẫn ở phần 1.1

Bước 2: Cắt riêng phần ảnh cần tạo viền

Sau khi thêm bức ảnh vào photoshop, bạn cần sử dụng các cộng cụ cắt ảnh để cắt riêng phần ảnh mà bạn muốn tạo stroke ra 1 layer riêng. Sử dụng công cụ tạo vùng chọn -> Tạo vùng chọn bao quanh đối tượng -> nhân đôi đối tượng bằng Ctrl + J

Bước 4: Tạo đường viền bằng photoshop.

Sau khi bạn đã có 1 layer mới chứa phần ảnh cần tạo đường viền bạn làm như sau: Từ thanh menu -> edit -> stroke -> Thiết lập thông số cho bảng stroke.

Ưu nhược điểm của cách tạo viền trực tếp

Khi bạn tạo stroke trực tiếp cho đối tượng của mình bạn không thể nào chỉnh sửa lại stroke. Viền mà ảnh bạn tạo ra có độ dày và màu sắc như bạn đã thiết lập từ bước 4

Cách tạo đường viền trực tiếp trong photoshop

Cách tạo đường viền một đối tượng trong photoshop

Sử dụng nguyên lý tạo ra một đối tượng (layer) màu độc lập với layer chứa bức ảnh. Về nguyên tắc bạn sẽ tạo ra 2 đối tượng riêng biệt và xếp chồng đối tượng.

Bước 1: Thêm ảnh vào file làm việc

Vẫn luôn là như vậy bạn cần thêm một bức ảnh vào photoshop trước. Hoặc bạn cần sạo thảo một văn bản trước khi áp dụng các bước tiếp theo

Bước 2: Cắt riêng phần ảnh cần tạo viền

Tương tự  như việc tạo viền trực tiếp cho bức ảnh. Bạn cần phải cắt riêng phần đối tượng cần tạo viền ra 1 layer mới. Việc này giúp bạn dễ dàng quản lý đối tượng và viền sau này.

Bước 4: Tạo vùng chọn và layer mới

Ở bước này bạn tạo 1 layer mới bằng cách ấn tổ hợp phím ctrl +shift + N. Đồng thời giữ chuột trái vào layer mới kéo và di chuyển layer mới xuống dưới layer ảnh đã cắt.

Sau khi đã tạo layer mới. Bạn Giữ phím ctrl + click chuột trái vào layer thumbnail của layer ảnh. Việc này giúp bạn lấy lại vùng chọn cho đối tượng.

Cách tạo đường viền một đối tượng trong photoshop

Bước 5: Tạo viền cho bức ảnh

Sau khi đã có vùng chọn bạn thực hiện như sau: Từ thanh menu -> select -> modify -> expand. Nhập thông số đường viền mà bạn muốn tạo (mở rộng vùng chọn).

Tiếp theo từ bảng màu color bạn chọn màu sắc mà mình muốn tạo viền -> Ấn tổ hợp phím alt +delete để đổ màu vào layer đã tạo

Cách tạo đường viền một đối tượng trong photoshop

Ưu nhược điểm:

Việc tạo stroke bằng việc tạo đối tượng trực tiếp rất phổ biến. Việc này giúp bạn dễ dàng quản lý các đối tượng và stroke. Tuy nhiên việc để các layer một cách rời rạc đôi khi sẽ làm bạn khó kiểm soát.

Cách tạo đường viền trong photoshop với Stroke

Tôi muốn tách riêng phần nội dung stroke trong photoshop riêng so với việc tạo viền trong photoshop. Nguyên nhân ở đây là kết quả cuối cùng là như nhau. Nhưng cách mà bạn tạo và quản lý stroke thì hoàn toàn khác. Có nghĩa là với 3 cách làm trên bạn đang tạo đối tượng. Còn trong trường hợp stroke trong photoshop thì sử dụng hiệu ứng.

Trong trường hợp này tôi sẽ sử dụng văn bản thay vì hình ảnh. Việc sử dụng hình ảnh cũng tương tự như văn bản Các bước được thực hiện như sau:

Bước 1: Tạo văn bản trong photoshop.

Trước hết bạn cần viết chữ lên ảnh trong photoshop. Bạn chọn công cụ type tool click lên màn hình làm việc -> Soạn thảo văn bản -> chỉnh sửa thuộc tính văn bản -> Ok

Bước 2: Áp dụng hiệu ứng tạo viền trong photoshop.

Từ hộp thoại layer (F7) -> fx (add a layer style) -> Stroke. Lúc này một bản stroke hiện ra bạn quan tâm đến các thuộc tính như sau:

Size: Thuộc tính cho phép bạn lựa chọn độ dày của viền trong photoshop. Bạn có thể điền số hoặc kéo trực tiếp trên thanh trượt

Position: Lựa chọn các thuộc tính cho viền của bạn. Bạn có 3 lựa chọn bao gồm inside, center, outside.

blend mode: Chế độ hoà trộn của đường viền với nền.

Opacity: Độ trong suốt của đường viền trong photoshop với phần nền của bức ảnh.

Fill type: Loại màu của stroke mà bạn sẽ áp dụng bao gồm: Fill (màu đơn sắc), Gradient (màu chuyển sắc) pattem( các hiệu ứng màu nổi)

ColorL: Là phần màu sắc của viền

Bước 3: Quản lý stroke trong photoshop.

Bạn sẽ thiết lập và thay đổi các hiệu ứng về viền cho các đối tượng trong photoshop. Trong layer áp dụng hiệu ứng bạn sẽ lấy có biểu tượng effect và stroke. Để bật tắt hiệu ứng bạn chỉ cần bật tắt vào hình con mắt. Muốn thay đổi màu sắc và hiệu ứng bạn click đúp chuột vào Stroke để tiến hành thay đổi.

Trên đây là các bước để tạo đường viền trong photoshop từ căn bản đến nâng cao. Ghé thăm Gocbao.net để biết thêm nhiều điều bổ ích.

Xem thêm phiên bản photoshop portable 2021 không cần cài đặt giải nén dùng luôn.

Bài Viết Liên Quan

Bài Viết Mới

oversizedtee