Khi nào sử dụng Opacity và Fill trong Photoshop

Opacity và Fill trong Photoshop khác nhau thế nào? Chúng ta hãy cùng tìm hiểu chi tiết trong bài viết này nhé.

Các tùy chọn Opacity và Fill của Photoshop trong bảng điều khiển Layer đều kiểm soát độ trong suốt của layer và hoạt động rất giống nhau. Chúng ta hãy cùng tìm hiểu sự khác biệt giữa Opacity và Fill khi làm việc với các layer.

Trong bài viết này mình có làm ví dụ trên Adobe Photoshop CC 2020, bạn hãy click vào đường dẫn để tải full miễn phí cho PC Windows nhé.

1. Điểm giống nhau giữa Opacity và Fill trong Photoshop

Đây là hình ảnh mình vừa mở trong Photoshop. Mình đã thêm một đoạn text đơn giản vào hình ảnh: từ "dream”.

Hình ảnh gốc từ thư viện hình ảnh Fotolia:

Opacity va Fill trong Photoshop 1 jpg

Nếu nhìn vào bảng điều khiển Layer của mình, chúng ta sẽ thấy ảnh của cô bé (Background) ở dưới layer text. Mình cũng vừa tạo một bản sao của layer text gốc và tắt nó vào lúc này:

Opacity va Fill trong Photoshop 2 gif

Tùy chọn Opacity nằm ở góc trên cùng bên phải của bảng Layers và tùy chọn Fill nằm ngay bên dưới nó.

Theo mặc định thì cả hai giá trị đều được đặt ở 100%, có nghĩa là đoạn văn bản (text) của mình ở layer hiện được chọn hiển thị đầy đủ 100%:

Opacity va Fill trong Photoshop 3 gif

1. Hãy xem điều gì sẽ xảy ra nếu mình giảm giá trị Opacity xuống 50%:

Opacity va Fill trong Photoshop 4 gif

Với Opacity giảm xuống 50%, từ "dream" trong tài liệu trở nên trong suốt 50%, cho phép hình ảnh bên dưới nó hiển thị một phần:

Opacity va Fill trong Photoshop 5 jpg

2. Mình sẽ tăng giá trị Opacity lên 100% và lần này giảm giá trị Fill xuống 50%:

Opacity va Fill trong Photoshop 6 gif

Với Fill được đặt thành 50%, đoạn text (văn bản) một lần nữa trở nên trong suốt 50%, kết quả tương tự như khi giảm Opacity xuống 50%:

Opacity va Fill trong Photoshop 7 jpg

Vậy chúng ta có thể kết luận rằng Opacity và Fill trong Photoshop đều dùng để thay đổi độ mờ của layer.

2. Điểm khác nhau giữa Opacity và Fill trong Photoshop

Từ đầu bài viết tới giờ thì chúng ta vẫn chưa thấy sự khác biệt nào giữa tùy chọn Opacity và Fill, nhưng đó là trên một layer mà không có bất kỳ hiệu ứng nào được áp dụng. Hãy xem điều gì sẽ xảy ra với một layer có áp dụng hiệu ứng khi thay đổi Opacity và Fill.

Mình sẽ tắt chế độ hiển thị của layer text gốc bằng cách bấm vào biểu tượng con mắt:

Opacity va Fill trong Photoshop 8 gif

Thao tác trên sẽ ẩn layer text (văn bản) gốc trong tài liệu.

Tiếp theo mình sẽ bật layer mới copy khi nãy để cho bạn thấy sự khác biệt, bấm vào biểu tượng hình con mắt để bật nó ở chế độ hiển thị:

Opacity va Fill trong Photoshop 9 gif

Layer copy này chứa đoạn text (văn bản) giống hệt như layer chữ gốc nhưng có một điểm khác biệt rất quan trọng. Mình đã thêm một vài hiệu ứng cho nó: một đường viền, bóng đổ mờ, hiệu ứng bevel và emboss.

Chúng ta có thể thấy đường viền xung quanh các chữ cái và bóng đổ phía sau chúng. Hiện tại khó có thể nhìn thấy hiệu ứng vát (Bevel) và chạm nổi (emboss) với dòng chữ hiện được tô bằng màu trắng đồng nhất:

Opacity va Fill trong Photoshop 10 jpg

Mình sẽ bấm vào nút nhỏ bên cạnh chữ Fx ở cuối layer text để mở danh sách các hiệu ứng. Bạn có thể thấy hiệu ứng Drop Shadow, Bevel và Emboss và Stroke đang được áp dụng cho layer text (văn bản):

Opacity va Fill trong Photoshop 11 gif

1. Hãy xem điều gì sẽ xảy ra với layer copy này nếu mình giảm giá trị Opacity xuống 50%:

Opacity va Fill trong Photoshop 12 gif

Bằng cách giảm giá trị Opacity xuống 50% thì bạn có thể thấy mọi thứ của layer đều trở nên trong suốt 50%, “mọi thứ” ở đây bao gồm toàn bộ text và hiệu ứng được áp dụng cho nó.

Opacity va Fill trong Photoshop 13 jpg
Giảm giá trị Opacity=50% khiến mọi thứ trên layer, bao gồm cả các hiệu ứng trở nên trong suốt 50%

2. Tới hiện tại vẫn chưa có gì bất ngờ, mình sẽ tăng giá trị Opacity lên 100% và giảm giá trị Fill xuống 50%:

Opacity va Fill trong Photoshop 14 gif

Đây là thao tác cho chúng ta thấy sự khác biệt giữa Opacity và Fill:

  • Giảm giá trị Opacity làm cho mọi thứ trên layer trong suốt 50%.
  • Còn với cách cách giảm giá trị Fill xuống 50% thì chỉ “bản thân text” (văn bản) trở nên trong suốt 50%. Các hiệu ứng đã áp dụng cho text (văn bản) vẫn hiển thị 100%! Các hiệu ứng Stroke, Drop Shadow và Bevel and Emboss hoàn toàn không bị ảnh hưởng bởi giá trị Fill:

Opacity va Fill trong Photoshop 15 jpg

Giảm giá trị Fill xuống 0% và xem điều gì sẽ xảy ra:

Opacity va Fill trong Photoshop 16 gif

Với Fill được đặt thành 0% khiến văn bản (text) hoàn toàn trong suốt nhưng các hiệu ứng được áp dụng vẫn hoàn toàn hiển thị. Vậy giá trị Fill không ảnh hưởng đến các hiệu ứng mà chỉ tác động lên chủ thể của layer.

Điều này cho phép mình tạo nên một hiệu ứng chữ trong suốt rất thú vị dễ dàng mà không liên quan tới Opacity:

Opacity va Fill trong Photoshop 17 jpg
Văn bản hiện trong suốt 100% nhưng các hiệu ứng vẫn hiển thị 100%

Và đó là sự khác biệt giữa Opacity và Fill trong Photoshop. Tùy chọn Opacity kiểm soát độ mờ của tất cả mọi thứ trên một layer, bao gồm layer styles và tất cả hiệu ứng đi kèm.

Mặt khác giá trị Fill chỉ ảnh hưởng đến nội dung thực tế (chủ thể) của layer, chẳng hạn như văn bản hoặc bức ảnh. Các hiệu ứng, layer style được Photoshop coi là tách biệt với nội dung thực tế của layer sẽ vẫn hiển thị 100% và không bị ảnh hưởng bởi giá trị Fill.

Trong hầu hết các trường hợp khi bạn cần giảm độ trong suốt của một layer, chỉ cần giảm giá trị Opacity xuống. Nhưng nếu bạn đã áp dụng các hiệu ứng cho nó và cần giữ cho các layer style hiển thị 100%, hãy để giá trị Opacity ở nguyên 100% và thay vào đó giảm giá trị Fill.

Nguồn: photoshopessentials.com

Bạn đang tìm Hosting / VPS để chạy dự án?

Hiện nay, Tinohost là một trong những nhà cung cấp Hosting tốt nhất Việt Nam. Với đội ngũ hỗ trợ nhanh chóng, giá cả phù hợp, nhiều dịch vụ miễn phí kèm theo như:

  • Hỗ trợ di chuyển dữ liệu
  • Cho dùng thử 7 ngày miễn phí
  • Tự động backup cho khách hàng (cả VPS cũng đc backup)

Sử dụng mã TINO30_2020 để được giảm 30% nhé

VÀO TINOHOST NGAY