Cách tạo viền ảnh đổ bóng trong Photoshop

Cách tạo viền ảnh đổ bóng trong Photoshop

Hướng dẫn này sẽ chỉ cho bạn cách thêm khoảng trống trên canvas và đổ bóng vào ảnh trong Photoshop để tạo đường viền ảnh đơn giản nhưng phong cách. Chúng ta bắt đầu bằng cách tạo hiệu ứng cơ bản bằng đường viền trắng và bóng đen. Sau đó, hướng dẫn sẽ chỉ cho bạn cách tùy chỉnh hiệu ứng bằng cách chọn màu đường viền và bóng trực tiếp từ chính ảnh.

Bước 1: Mở ảnh trong Photoshop

Bắt đầu bằng cách mở ảnh của bạn. Ví dụ sẽ sử dụng ảnh này từ Adobe Stock:

Ảnh gốc được mở trong Photoshop
Ảnh gốc được mở trong Photoshop

Bước 2: Mở khóa layer Background

Trong bảng Layers, ảnh xuất hiện trên layer Background. Và tại thời điểm này, layer Background bị khóa, được biểu thị bằng biểu tượng khóa ở bên phải tên layer:

Bảng Layers của Photoshop hiển thị ảnh trên layer Background.
Bảng Layers của Photoshop hiển thị ảnh trên layer Background.

Để đặt đường viền xung quanh ảnh, chúng ta cần thêm một layer mới bên dưới ảnh. Nhưng chúng ta không thể làm điều đó khi layer Background bị khóa. Vì vậy, để mở khóa, hãy nhấp vào biểu tượng khóa.

Hoặc nếu bạn đang sử dụng phiên bản Photoshop cũ và việc nhấp vào biểu tượng khóa không hiệu quả, hãy nhấn và giữ phím Alt (Win) / Option (Mac) trên bàn phím và nhấp đúp vào biểu tượng khóa:

Mở khóa layer Background.
Mở khóa layer Background.

Photoshop đổi tên layer từ Background thành Layer 0 và biểu tượng khóa biến mất:

Layer Background đã được đổi tên và mở khóa.
Layer Background đã được đổi tên và mở khóa.

Bước 3: Thêm fill layer Solid Color

Để tạo viền ảnh, chúng ta sẽ sử dụng fill layer Solid Color.

Nhấp vào biểu tượng New Fill hoặc Adjustment Layer ở cuối bảng Layers:

Nhấp vào biểu tượng New Fill hoặc Adjustment Layer.
Nhấp vào biểu tượng New Fill hoặc Adjustment Layer.

Và chọn Solid Color từ danh sách:

Thêm fill layer Solid Color.
Thêm fill layer Solid Color.

Sau đó, trong Color Picker, chọn màu trắng bằng cách đặt các giá trị R, G và B thành 255. Chúng ta sẽ sử dụng màu trắng làm màu viền ngay bây giờ và sẽ chỉ cho bạn cách thay đổi sau. Nhấp vào OK khi bạn hoàn tất:

Chọn màu trắng cho màu viền ảnh từ Color Picker của Photoshop
Chọn màu trắng cho màu viền ảnh từ Color Picker của Photoshop

Quay lại tài liệu, màu trắng từ fill layer tạm thời chặn hình ảnh khỏi chế độ xem:

Kết quả sau khi thêm fill layer Solid Color.
Kết quả sau khi thêm fill layer Solid Color.

Bước 4: Di chuyển fill layer bên dưới hình ảnh

Để khắc phục điều đó, hãy nhấp vào fill layer Solid Color trong bảng Layers và kéo nó bên dưới hình ảnh:

Kéo fill layer Solid Color bên dưới hình ảnh trong bảng Layers của Photoshop
Kéo fill layer Solid Color bên dưới hình ảnh trong bảng Layers của Photoshop

Nhả nút chuột để thả nó vào đúng vị trí:

Bảng Layers của Photoshop hiển thị fill layer Solid Color bên dưới hình ảnh.
Bảng Layers của Photoshop hiển thị fill layer Solid Color bên dưới hình ảnh.

Và bây giờ, hãy quay lại để xem hình ảnh, với fill layer ẩn đằng sau nó:

Bức ảnh một lần nữa hiển thị trong tài liệu Photoshop
Bức ảnh một lần nữa hiển thị trong tài liệu Photoshop

Bước 5: Mở hộp thoại Canvas Size

Tiếp theo, chúng ta cần thêm nhiều không gian canvas xung quanh hình ảnh. Không gian thừa sẽ trở thành đường viền. Và vì chúng ta muốn kích thước của đường viền giống nhau ở cả bốn cạnh, nên cách tốt nhất để thực hiện là sử dụng lệnh Canvas Size của Photoshop.

Đi tới menu Image trong Menu Bar và chọn Canvas Size:

Chọn lệnh Canvas Size từ menu Image của Photoshop
Chọn lệnh Canvas Size từ menu Image của Photoshop

Bước 6: Tăng chiều rộng và chiều cao của canvas

Trong hộp thoại Canvas Size, nhấp vào tùy chọn Relative. Tùy chọn này yêu cầu Photoshop bắt đầu với kích thước canvas hiện tại và các giá trị chúng ta nhập cho Width và Height sẽ được thêm vào đó.

Trong lưới Anchor, hãy đảm bảo hộp ở giữa được chọn để khoảng cách bổ sung sẽ được thêm đều ở trên cùng, dưới cùng, bên trái và bên phải:

Chọn tùy chọn Relative và hộp Anchor ở giữa trong hộp thoại Canva Size của Photoshop
Chọn tùy chọn Relative và hộp Anchor ở giữa trong hộp thoại Canva Size của Photoshop

Sau đó, nhập kích thước cho đường viền vào các trường Width và Height. Nhưng hãy nhớ rằng các giá trị bạn nhập sẽ được chia đều cho hai bên. Vì vậy, ví dụ, nhập 2 inch cho Width sẽ tạo ra đường viền 1 inch ở bên trái và bên phải của ảnh. Và nhập 2 inch cho Height sẽ tạo ra đường viền 1 inch ở trên cùng và dưới cùng.

Đối với hình ảnh ví dụ, đường viền 1 inch sẽ hơi rộng. Đường viền 3/4 inch sẽ đẹp hơn. Vì vậy, để thêm đường viền 3/4 inch ở bên trái và bên phải của ảnh, cần đặt Width gấp đôi số lượng đó, tức là 1,5 inch. Và để giữ cho đường viền có cùng kích thước ở khắp mọi nơi, Height cũng cần được đặt thành 1,5 inch.

Nhấp vào OK khi bạn hoàn tất để đóng hộp thoại Canvas Size:

Nhập kích thước cho đường viền ảnh vào trường Width và Height của hộp thoại Canvas Size
Nhập kích thước cho đường viền ảnh vào trường Width và Height của hộp thoại Canvas Size

Photoshop thêm khoảng không canvas bổ sung xung quanh ảnh, tạo đường viền ảnh. Mặc dù khoảng không bổ sung thực sự trong suốt, nhưng nó xuất hiện màu trắng vì fill layer màu Solid Color bên dưới ảnh đang hiển thị xuyên qua:

Đường viền ảnh xuất hiện sau khi thêm khoảng không canvas trong Photoshop
Đường viền ảnh xuất hiện sau khi thêm khoảng không canvas trong Photoshop

Cách điều chỉnh viền ảnh trên màn hình

Nếu viền quá lớn không vừa với màn hình, hãy vào menu View trong Menu Bar và chọn Fit on Screen:

Chọn lệnh Fit on Screen từ menu View của Photoshop
Chọn lệnh Fit on Screen từ menu View của Photoshop

Cách thay đổi kích thước viền

Nhược điểm của lệnh Canvas Size của Photoshop là không có cách nào để xem trước kích thước mới trước khi chấp nhận. Vì vậy, nếu viền quá rộng hoặc quá hẹp, hãy vào menu Edit và chọn Undo Canvas Size:

Chọn lệnh Undo Canvas Size từ menu Edit của Photoshop
Chọn lệnh Undo Canvas Size từ menu Edit của Photoshop

Sau đó, quay lại menu Image, quay lại Canvas Size, thử lại với các giá trị Width và Height khác nhau:

Chọn lại lệnh Canvas Size từ menu Image của Photoshop
Chọn lại lệnh Canvas Size từ menu Image của Photoshop

Bước 7: Chọn layer hình ảnh

Chúng ta đã thêm viền ảnh, bây giờ cần thêm bóng đổ. Trong bảng Layers, nhấp vào layer hình ảnh để chọn layer đó:

Chọn layer hình ảnh trong bảng Layers của Photoshop
Chọn layer hình ảnh trong bảng Layers của Photoshop

Bước 8: Thêm hiệu ứng bóng đổ

Sau đó nhấp vào biểu tượng fx ở phía dưới:

Nhấp vào biểu tượng layer effects trong bảng Layers của Photoshop
Nhấp vào biểu tượng layer effects trong bảng Layers của Photoshop

Và chọn Drop Shadow từ danh sách:

Bước 9: Điều chỉnh cài đặt Drop Shadow

Các tùy chọn cho Drop Shadow mở ra trong hộp thoại Layer Style của Photoshop. Và 3 tùy chọn chính là Angle, Distance và SizeAngle điều khiển hướng của nguồn sáng, Distance là khoảng cách mà bóng kéo dài ra khỏi đối tượng và Size điều khiển độ mềm mại của các cạnh bóng:

Các tùy chọn Angle, Distance và Size cho Drop Shadow trong hộp thoại Layer Style của Photoshop
Các tùy chọn Angle, Distance và Size cho Drop Shadow trong hộp thoại Layer Style của Photoshop

Các tùy chọn Angle và Distance

Cách nhanh nhất để thiết lập Angle và Distance của bóng đổ là chỉ cần nhấp vào bên trong tài liệu, giữ nút chuột và kéo bóng đổ để định vị. Khi bạn kéo, các giá trị Angle và Distance trong hộp thoại sẽ thay đổi.

Ở đây, ví dụ đang kéo bóng đổ xuống và sang phải:

Kéo bóng đổ để thiết lập Angle và Distance.
Kéo bóng đổ để thiết lập Angle và Distance.

Hoặc bạn có thể nhập các giá trị Angle và Distance cụ thể. Ví dụ sẽ thiết lập Angle thành 135 độ và Distance thành 80 px. Các giá trị bạn cần, đặc biệt là Distance và Size, sẽ phụ thuộc vào hình ảnh của bạn:

Nhập giá trị Angle và Distance vào hộp thoại.
Nhập giá trị Angle và Distance vào hộp thoại.

Đây là kết quả cho đến nay:

Kết quả sau khi thiết lập Angle và Distance của bóng đổ.
Kết quả sau khi thiết lập Angle và Distance của bóng đổ.

Tùy chọn Size

Sau đó tăng giá trị Size để làm mềm các cạnh bóng đổ. Ví dụ sẽ đặt giá trị thành 60 px, nhưng một lần nữa, điều này sẽ phụ thuộc vào hình ảnh của bạn:

Đặt giá trị Size cho Drop Shadow.
Đặt giá trị Size cho Drop Shadow.

Và đây là kết quả với các cạnh giờ đã mềm hơn:

Kết quả sau khi tăng giá trị Size của Drop Shadow để làm mềm các cạnh.
Kết quả sau khi tăng giá trị Size của Drop Shadow để làm mềm các cạnh.

Tùy chọn Opacity

Bạn cũng có thể điều chỉnh cường độ của bóng đổ bằng thanh trượt Opacity. Giá trị Opacity cao hơn sẽ làm tối bóng đổ và giá trị thấp hơn sẽ làm sáng bóng đổ. Ví dụ sẽ hạ giá trị xuống 30%:

Làm sáng bóng đổ bằng cách hạ giá trị Opacity.
Làm sáng bóng đổ bằng cách hạ giá trị Opacity.

Khi bạn hài lòng với kết quả, hãy nhấp vào OK để đóng hộp thoại Layer Style:

Đóng hộp thoại Layer Style của Photoshop.
Đóng hộp thoại Layer Style của Photoshop.

Và đây là kết quả sau khi hạ độ mờ của bóng đổ:

Hiệu ứng viền ảnh đổ bóng ban đầu.
Hiệu ứng viền ảnh đổ bóng ban đầu.

Cách tùy chỉnh màu đường viền và bóng

Tại thời điểm này, hiệu ứng chính đã hoàn thành. Chúng ta đã thêm đường viền xung quanh ảnh và bóng đổ phía sau ảnh. Nhưng thay vì sử dụng đường viền trắng và bóng đen, chúng ta có thể tùy chỉnh hiệu ứng bằng cách chọn màu trực tiếp từ ảnh. Sau đây là cách thực hiện.

Bước 10: Nhấp đúp vào mẫu màu của fill layer

Để thay đổi màu viền, hãy nhấp đúp vào mẫu màu của fill layer trong bảng Layers:

Nhấp đúp vào mẫu màu của fill layer Solid Color.
Nhấp đúp vào mẫu màu của fill layer Solid Color.

Bước 11: Lấy mẫu màu viền mới từ hình ảnh

Thao tác này sẽ mở lại Color Picker. Nhưng thay vì chọn màu mới từ chính Color Picker, hãy di chuyển con trỏ chuột qua hình ảnh và nhấp vào một màu để lấy mẫu.

Ví dụ sẽ nhấp vào vai của người phụ nữ:

Lấy mẫu màu cho đường viền từ hình ảnh.
Lấy mẫu màu cho đường viền từ hình ảnh.

Màu bạn lấy mẫu ngay lập tức trở thành màu viền mới. Bạn có thể tiếp tục nhấp vào các vùng khác nhau của hình ảnh để tìm màu phù hợp nhất. Khi hoàn tất, hãy nhấp vào OK để đóng Color Picker.

Đây là kết quả với đường viền được đặt thành màu mới:

Kết quả với màu đường viền ảnh tùy chỉnh trong Photoshop.
Kết quả với màu đường viền ảnh tùy chỉnh trong Photoshop.

Bước 12: Mở lại cài đặt Drop Shadow

Sau đó, để chọn màu mới cho phần bóng đổ, hãy nhấp đúp vào hiệu ứng layer Drop Shadow bên dưới layer ảnh:

Mở lại hiệu ứng layer Drop Shadow trong bảng Layers của Photoshop
Mở lại hiệu ứng layer Drop Shadow trong bảng Layers của Photoshop

Và trong hộp thoại Layer Style, hãy nhấp vào mẫu màu của bóng:

Nhấp vào mẫu màu Drop Shadow trong hộp thoại Layer Style của Photoshop
Nhấp vào mẫu màu Drop Shadow trong hộp thoại Layer Style của Photoshop

Bước 13: Lấy mẫu màu bóng đổ mới từ hình ảnh

Khi Color Picker mở ra, hãy di chuyển con trỏ chuột của bạn trên hình ảnh và nhấp vào một màu để lấy mẫu. Ví dụ sẽ nhấp lại vào vai của người phụ nữ:

Lấy mẫu màu từ hình ảnh để sử dụng làm màu Drop Shadow.
Lấy mẫu màu từ hình ảnh để sử dụng làm màu Drop Shadow.

Bước 14: Điều chỉnh độ sáng và độ bão hòa của màu

Màu bóng đổ cần phải tối và bão hòa cao. Vì vậy, trước khi đóng Color Picker, hãy tăng giá trị Saturation (S) của màu lên 100% hoặc gần bằng con số này.

Sau đó, làm tối màu bằng cách giảm giá trị Brightness (B) của màu. Ví dụ sẽ giảm giá trị xuống 30% để bóng không trông quá tối, nhưng bạn có thể muốn làm tối hơn nữa tùy thuộc vào hình ảnh của mình:

Tăng độ bão hòa và giảm độ sáng của màu được lấy mẫu.
Tăng độ bão hòa và giảm độ sáng của màu được lấy mẫu.

Nhấp vào OK để đóng Color Picker là xong! Đây là kết quả cuối cùng khi sử dụng đường viền tùy chỉnh và màu mới cho phần bóng dổ:

Đường viền ảnh và bóng đổ sử dụng màu tùy chỉnh từ hình ảnh.
Đường viền ảnh và bóng đổ sử dụng màu tùy chỉnh từ hình ảnh.

Video hướng dẫn cách tạo viền ảnh đổ bóng trong Photoshop

 

Nguồn tin: Quantrimang.com: