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
MỚI CẬP NHẬT

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

test php

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.

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”.

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

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

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