Hướng Dẫn Tạo Hiệu Ứng Viền Ảnh Bị Mòn Rách Trong Photoshop

Bởi

25 Tháng Chín, 2023

125

HIỆU ỨNG VIỀN ẢNH BỊ MÒN RÁCH

Tạo hiệu ứng viền ảnh bị mòn rất thật quá dễ dàng chỉ với vài layer, layer mask, một số kiểu layer và một trong những cọ vẽ sẵn của PTS. Mình sẽ hướng dẫn mọi người từng bước cách để tạo ra hiệu ứng này. Bài viết dành cho Photoshop CC và Photoshop CS6.

Bạn có thể sử dụng bất kỳ hình ảnh nào bạn thích để thực hiện hiệu ứng này, tuy nhiên nó thích hợp với những ảnh trông hơi cũ cũ một tí. Mình sẽ sử dụng hình ảnh dưới đây là ví dụ minh họa:

Ảnh gốc. (Nguồn: Adobe Stock)

Và đây là hình ảnh với hiệu ứng viền bị mòn rách:

Hiệu ứng viền ảnh bị mòn, rách.

Cách Tạo Hiệu Ứng Viền Ảnh Bị Mòn Rách

Bước 1: Tạo Bản Sao Layer Backgroud

Với hình ảnh đã được mở trong PTS, nhìn vào bảng điều khiển Layers bạn sẽ thấy hình ảnh đang nằm trên layer Background và là layer duy nhất trong tài liệu:

Bảng điều khiển Layers hiển thị hình ảnh đang nằm trên layer Background.

Việc đầu tiên cần làm là tạo bản sao của layer này. Hãy đi tới menu Layer, chọn New, sau đó chọn Layer via Copy hoặc nhấn phím tắt Ctrl+J (Win) / Command+J (Mac):

Layer > New > Layer via Copy.

Sẽ không có điều gì xảy ra với hình ảnh trong khu vực tài liệu chính. Nhưng nếu nhìn vào bảng điều khiển Layers, chúng ta sẽ thấy PTS đã tạo một bản sao của layer Background và đặt tên cho nó là Layer 1, nằm ngay bên trên bản gốc:

Layer 1 nằm ngay bên trên layer Background.

Bước 2: Thêm Khoảng Trống Canvas

Tiếp theo, hãy thêm chút khoảng trống canvas xung quanh hình ảnh bằng cách nhấn vào menu Image rồi chọn Canvas Size:

Image > Size.

Thao tác này sẽ mở ra hộp thoại Canvas Size của PTS. Trước tiên, cần đảm bảo tùy chọn Relative đã được chọn. Đây là tùy chọn cho phép PTS bắt đầu với kích thước canvas hiện tại và thêm nhiều không gian hơn cho nó. Sau đó đặt cả hai giá trị Width và Height là 20%. Điều đó sẽ cung cấp cho chúng ta nhiều không gian để làm việc. Cuối cùng, đảm bảo chọn đúng ô chính giữa trong lưới Anchor để báo cho PTS biết cách thêm khoảng trống xung quanh hình ảnh:

Hộp thoại Canvas Size.

Nhấn OK để đóng hộp thoại. PTS sẽ thêm khoảng trống canvas bổ sung xung quanh hình ảnh:

Khoảng trống canvas đã được thêm vào.

Bước 3: Thêm Một Layer Trống Mới Nằm Bên Dưới Layer 1

Tiếp theo, chúng ta cần thêm một layer trống mới nằm giữa hai layer hiện có. Nhấn giữ phím Ctrl (Win) / Command (Mac) và nhấp vào biểu tượng New Layer ở cuối bảng điều khiển Layers:

Nhấn giữ phím Ctrl (Win) / Command (Mac) rồi nhấn biểu tượng New Layer.

Thông thường, PTS sẽ thêm layer nằm ngay bên trên Layer 1. Nhưng bằng cách nhấn giữ phím Ctrl/Command khi nhấp vào biểu tượng New Layer thì chúng ta sẽ yêu cầu PTS thêm layer mới xuống bên dưới Layer 1. Layer trống mới sẽ nằm giữa hai layer Background và Layer 1:

Layer trống mới (Layer 2) được thêm vào.

Bước 4: Lấp Đầy Layer Mới Bằng Màu Trắng

Hiện tại, layer mới thêm hoàn toàn trống. Chúng ta cần tô màu trắng cho nó để làm nền cho hiệu ứng. Đi tới menu Edit rồi chọn Fill:

Edit > Fill.

Thao tác này sẽ mở ra hộp thoại Fill của PTS. Đặt tùy chọn Contents (trong các phiên bản Photoshop CC 2014 trở về trước thì tùy chọn này có tên là Use) thành White. Sau đó nhấn OK:

Đặt Contents (Use) là White.

Trông thì có vẻ như chẳng có điều gì xảy ra, nhưng nếu nhìn vào hình thu nhỏ xem trước của Layer 2 trong bảng điều khiển Layers thì bạn sẽ thấy layer này hiện đã được tô màu trắng:

Hình thu nhỏ xem trước hiển thị nội dung mỗi layer.

Bước 5: Chọn Layer Trên Cùng

Nhấn vào Layer 1 để chọn nó:

Chọn Layer 1 (Layer trên cùng).

Bước 6: Thêm Layer Mask

Với Layer 1 đã được chọn, nhấn biểu tượng Add Layer Mask ở cuối bảng điều khiển Layers:

Nhấn biểu tượng Add Layer Mask.

Một hình thu nhỏ layer mask màu trắng xuất hiện ở bên phải hình thu nhỏ xem trước của Layer 1, báo hiệu cho chúng ta biết layer mask đã được thêm vào:

Xuất hiện hình thu nhỏ xem trước layer mask.

Bước 7: Chọn Brush Tool

Chọn Brush Tool từ Toolbar hoặc nhấn phím B:

Chọn Brush Tool.

Bước 8: Chọn Cọ 100 px Rough Round Bristle Brush

Với Brush Tool đã được chọn, hãy nhấp vào biểu tượng bảng Brush trên thanh tùy chọn:

Nhấn biểu tượng bảng Brush.

Thao tác này sẽ mở ra bảng Brush chính thức của PTS. Nhấp vào nút Brush Presets ở góc bên trái bảng điều khiển để xem danh sách các cọ cái sẵn có thể chọn:

Nhấn nút Brush Preset.

Chúng ta cần một cọ vẽ cụ thể cho hiệu ứng này, để dễ tìm hơn thì hãy nhấp vào biểu tượng menu nhỏ ở góc trên bên phải bảng Brush:

Nhấn biểu tượng menu.

Sau đó chọn Small List hoặc Large List từ menu xuất hiện. Mình sẽ chọn Large List. Thao tác này sẽ hiển thị tên thực của các loại cọ vẽ thay vì chỉ hiển thị hình thu nhỏ hay nét vẽ:

Chọn Large List.

Cuộn xuống cho đến khi thấy 100 px Rough Round Bristle Brush, nhấn để chọn nó:

Chọn cọ 100 px Rough Round Bristle Brush.

Bước 9: Đặt Màu Foreground Thành Màu Đen

Chúng ta sẽ sử dụng cọ vẽ và layer mask để ẩn phần cạnh xung quanh hình ảnh. Nhưng để làm được điều đó thì cần tô màu đen lên layer mask. PTS sử dụng màu Foreground hiện tại làm màu cọ vẽ nên hãy nhanh chóng đặt màu Foreground thành màu đen.

Trước tiên, hãy đảm bảo rằng layer mask được chọn (chứ không phải chính layer đó) bằng cách nhấp vào hình thu nhỏ của layer mask trong bảng điều khiển Layers. Đường viền màu trắng xung quanh hình thu nhỏ cho chúng ta biết layer mask đã được chọn:

Đảm bảo layer mask đã được chọn.

Với layer mask đã được chọn, nhấn phím D để đặt lại màu Foreground và màu Background về màu mặc định với màu Foreground là màu trắng và màu Background là màu đen. Sau đó, nhấn X để hoán đổi hai màu này với nhau. Như thế màu Foreground sẽ trở thành màu đen:

Màu Foreground hiện tại là màu đen.

Bước 10: Vẽ Xung Quanh Các Cạnh Hình Ảnh

Với Brush Tool trong tay, layer mask được chọn vaqf màu Foreground là màu đen thì giờ mọi thứ đã sẵn sàng để tạo ra hiệu ứng các cạnh mòn, rách rồi. Chúng ta sẽ bắt đầu dọc theo phía bên trái hình ảnh. Phần òn lại của cọ phải ở bên ngoài hình ảnh và trong khoảng trống canvas trắng. Nhấp chuột một lần sau đó giữ và kéo một nét ngắn dọc xuống theo cạnh trên bên trái. Bởi vì đang vẽ trên layer mask nên chúng ta sẽ không thấy nét vẽ có màu đen, thay vào đó thì các cạnh khi cọ đi qua sẽ dần biến mất:

Vẽ một nét ngắn xuống từ góc trên bên trái.

Nhìn vào ảnh minh họa ban dưới, có thể thấy nét cọ ban đầu của mình không ẩn hoàn toàn cạnh và đó là do hình dạng của cọ, có thể bạn sẽ cần tô vài lần lên cùng một khu vực để ẩn hoàn toàn cạnh:

Vẽ vài lần lên cùng một khu vực cho đến khi cạnh biến mất hoàn toàn.

Nếu thấy kích thước bút vẽ mặc định quá lớn hoặc quá nhỏ thì hoàn toàn có thể thay đổi kích thước của nó bằng phím tắt. Nhấn “[” nhiều lần để cọ nhỏ hơn hoặc nhấn “]” để cọ lơn hơn.

Tiếp tục vẽ theo cách của bạn xuống phía dưới bên trái hình ảnh bằng cách vẽ các nét ngắn, hãy nhớ luôn giữ khoảng 2/3 đầu cọ bên ngoài hình ảnh và nằm trong khoảng trống canvas trắng để không loại bỏ quá nhiều cạnh của hình ảnh. Nếu mắc lỗi, hẫy nhấn Ctrl+Z (Win) / Command+Z (Mac) để hoàn tác bước gần nhất hoặc nhấn Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) để hoàn tác nhiều bước:

Tiếp tục kéo xuống phía dưới bên trái hình ảnh.

Khi kéo đến góc dưới cùng bên trái hình ảnh, hãy tiếp tục đi kéo tới các phần còn lại của hình ảnh cho đến khi quay trở lại góc trên cùng bên trái (nơi bắt đầu). Sau khi hoàn tất, các cạnh trông sẽ như thế này:

Hiệu ứng các cạnh mòn rách ban đầu sẽ trông như thế này.

Bước 11: Tạo Bản Sao Của Layer

Chúng ta đã tạo được hiệu ứng các cạnh mòn rách cơ bản, giờ cần tạo một bản sao của những gì chúng ta vừa thực hiện. Nhấn Ctrl+J (Win) / Command+J (Mac) để nhanh chóng tạo bản sao của layer:

Tạo bản sao của Layer 1 nằm ngay bên trên bản gốc.

Bước 12: Ẩn Layer Trên Cùng

Chúng ta chưa cần dùng tới nó nên hãy tạm thời ẩn layer mới tạo này khỏi chế độ xem bằng cách nhấn vào biểu tượng hiển thị của nó:

Nhấn vào biểu tượng hiển thị để tạm ẩn hiển thị layer này.

Bước 13: Chọn Layer 1

Bây giờ chúng ta đã ẩn hiển thị layer trên cùng, hãy chọn lại Layer 1 bằng cách nhấp vào layer này trên bảng điều khiển Layer:

Nhấn vào Layer 1 để chọn.

Bước 14: Thêm Color Over

Hãy thêm một số hiệu ứng cho layer này bằng cách nhấp vào biểu tượng Layer Styles ở cuối bảng điều khiển Layers:

Nhấn biểu tượng Layer Styles.

Hiệu ứng đầu tiên chúng ta sẽ thêm là Color Overlay, nó có tác dụng sẽ lấp đầy nội dung layer bằng một màu đồng nhất:

Chọn Color Overlay.

Thao tác này sẽ mở ra hộp thoại Layer Style với các tùy chọn dành cho Color Overlay nằm ở giữa. Chúng ta cần chọn một màu nên hãy nhấp vào mẫu màu ở bên phải tùy chọn Blend Mode:

Nhấn vào mẫu màu.

Khi Color Picker được mở ra, hãy chọn màu xám nhạt. Nếu bạn muốn chọn màu giống như màu mình sử dụng thì hãy đặt giá trị H (Hue) là 0°, S (Saturation) là 0% và B (Brightness) là 90%:

Chọn màu xám nhạt.

Nhấn OK để đóng Color Picker, tuy nhiên đừng đóng hộp thoại Layer Style vội vì còn cần thêm một vài hiệu ứng nữa. Hình ảnh bây giờ sẽ xuất hiện với màu xám trong cửa sổ tài liệu. Màu xám này đóng vai trò là mặt sau bức ảnh, bạn sẽ hiểu rõ hơn khi bắt đầu vẽ thêm các cạnh:

Hình ảnh sau khi áp dụng hiệu ứng Color Overlay.

Bước 15: Thêm Inner Glow

Với hộp thoại Layer Style vẫn mở, nhấp vào dòng chữ Inner Glow trong danh sách các kiểu layer ở bên trái hộp thoại. Nhớ nhấn trực tiếp vào từ đó chứ không nhấp vào ô vuông nhỏ bên cạnh, nếu không chúng ta sẽ không có quyền truy cập vào các tùy chọn của nó:

Chọn Inner Glow.

Cột giữ trong hộp thoại Layer Style sẽ thay đổi thành các tùy chọn dành cho Inner Glow. Mặc dù tên nó là Inner Glow nhưng chúng ta vẫn có thể sử dụng nó như một cái bóng để làm tối các cạnh xung quanh hình ảnh. Để thay đổi nó từ ánh sáng sang bóng tối thì trước tiên hãy thay đổi Blend Mode ở bên trên từ Screen thành Multiply. Sau đó nhấn vào mẫu màu để thay đổi màu của nó:

Thay đổi Blend Mode thành Multiply và nhấn vào mẫu màu.

Khi Color Picker hiện ta, chọn màu đen rồi nhấn OK để đóng:

Đổi màu Inner Glow thành màu đen.

Quay trở lại với hộp thoại Layer Style, giảm Opacity xuống 10%, tăng Size lên khoảng 24 pixel, giá trị này vừa đủ để làm tối các cạnh:

Giảm Opacity và tăng Size.

Đừng đóng hộp thoại Layer Style vì vẫn còn một hiệu ứng nữa cần thêm vào. Đây là hình ảnh của mình sau khi áp dụng Color Overlay và Inner Glow:

Các cạnh bây giờ trông có vẻ tối hơn sau khi áp dụng hiệu ứng Inner Glow.

Bước 16: Thêm Bóng Đổ

Cuối cùng, hãy thêm một chút bóng đổ phía sau hình ảnh. Bấm vào chữ Drop Shadow ở cuối danh sách các hiệu ứng dọc theo bên trái hộp thoại Layer Style. Nhớ đảm bảo nhấn trực tiếp vào chữ chứ không phải nhấn vào ô vuông nhỏ nhé:

Chọn Drop Shadow.

Với Drop Shadow được chọn, giảm giá trị Opacity xuống khoảng 30% để mọi thứ trở nên tinh tế hơn. Sau đó đặt Angle là 135°. Cuối cùng tăng Distance và Size của bóng đổ lên khoảng 10 pixel:

Tùy chọn Drop Shadow.

Chúng ta đã hoàn tất việc thêm các hiệu ứng, nhấn OK để đóng hộp thoại Layer Style. Đây là hình ảnh của mình với ba hiệu ứng (Color Overlay, Inner Glow và Drop Shadow) được áp dụng:

Hình ảnh sau khi áp dụng hiệu ứng Color Overlay, Inner Glow và Drop Shadow.

Bước 17: Bật Hiển Thị Layer Trên Cùng

Bật hiển thị lại layer trên cùng bằng cách nhấp vào khu vực biểu tượng hiển thị của nó trong bảng điều khiển Layers:

Nhấn vào khu vực biểu tượng hiển thị để bật hiển thị lại layer trên cùng.

Bước 18: Chọn Layer Mask Của Nó

Với layer trên cùng đã được bật hiển thị, hãy chọn layer mask của nó bằng cách nhấp trực tiếp vào hình thu nhỏ của layer mask:

Nhấn vào hình thu nhỏ layer mask.

Bước 19: Tô Màu Thêm Cho Các Cạnh

Với layer mask của layer trên cùng được chọn, hãy quay lại các cạnh xung quanh hình ảnh cùng với cọ khi nãy và vẽ các nét ngắn để loại bỏ thêm cạnh. Khi vẽ trên các khu vực, bạn sẽ để lộ màu xám nhạt phía bên dưới chúng, tạo ảo giác bức ảnh đã bị mòn xung quanh các cạnh và chỉ còn lại mặt giấy phía sau. Do hình dạng của cọ vẽ nên có thể bạn sẽ cần to lên một khu vực vài lần nếu muốn ẩn hoàn toàn cạnh ở chỗ đó:

Vẽ thêm ở các cạnh.

Một lần nữa, chúng ta có thể thay đổi kích thước của cọ bằng cách nhấn “[” để làm cọ nhỏ đi và nhấn “]” để tăng kích thước cọ. Nếu mắc lỗi, hãy nhấn Ctrl+Z (Win) / Command+Z (Mac) để hoàn tác bước gần nhất hoặc Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) để hoàn tác nhiều bước.

Tiếp tục vẽ xung quanh các cạnh. Và đây là hình ảnh của mình cho tới hiện tại, chúng ta đã gần hoàn thành hiệu ứng này rồi:

Các cạnh trông có vẻ giống như đã bị mòn theo thời gian.

Bước 20: Giảm Opacity Của Cọ Xuống 50%

Hãy hoàn thành hiệu ứng bằng cách thêm vào một vài phần của cạnh. Nhưng lần này thay vì ẩn cạnh hoàn toàn thì chỉ làm mờ nó đi thôi. Chúng ta cần giảm Opacity của cọ xuống khoảng 50%:

Giảm opacity của cọ xuống 50%.

Bước 21: Vẽ Thêm Vào Một Vài Phần Của Cạnh

Sau đó, vẽ dọc theo một số khu vực của cạnh. Độ mờ đục của cọ giảm xuống sẽ cho phép hình ảnh hiển thị một phần qua các nét vẽ, tạo ra vẻ mờ nhạt. Chúng ta không cần vẽ dọc theo toàn bộ cạnh và chỉ vẽ một vài phần ngẫu nhiên thôi:

Vẽ trên các khu vực ngẫu nhiên để làm mờ chúng.

Tiếp tục xung quanh các cạnh để làm mờ một vài phần ngẫu nhiên cho tới khi cảm thấy hài lòng. Điều duy nhất còn lại cần làm bây giờ là cắt bớt khoảng trống canvas thừa xung quanh hình ảnh: