Cách tạo hiệu ứng chữ phun sơn trong Photoshop

Bài viết bữa nay sẽ giúp bạn đọc tìm hiểu cách để tạo hiệu ứng văn bản phun sơn trong Photoshop, với các chữ cái được vẽ trên nền! Hướng dẫn từng đoạn này áp dụng cho Photoshop CC và những phiên bản trước đó.

Hôm nay, Quản Trị Mạng sẽ chỉ cho độc giả cách tạo hiệu ứng văn bản phun sơn dễ dàng trong đấy các chữ cái trông giống như được phun sơn lên tường hoặc bề mặt. Thủ thuật này cũng cho dù là cách hòa trộn phần chữ phun sơn với nền để tạo nên hiệu ứng trông thật hơn. Và bởi vì ta chỉ sử dụng hiệu ứng layer và các tùy chọn hòa trộn (Blending options) của Photoshop, văn bản vẫn cũng đều có thể chỉnh sửa ngay khi khi đã xong xuôi việc tạo hiệu ứng.

Hướng dẫn sẽ sử dụng Photoshop CC 2019 nhưng mọi phiên bản gần đây cũng áp dụng được. Dưới này là một ví dụ về hiệu ứng văn bản phun sơn sẽ trông như thế nào. Tất nhiên, người dùng có thể sử dụng bất kỳ văn bản, nền và sắc màu nào mình thích:

Cách tạo văn bản phun sơn trong Photoshop

Ta sẽ bắt đầu bằng sự việc học cách tạo hiệu ứng phun sơn chính, và sau đó là cách hòa trộn các chữ cái với phần nền. Bài viết cũng sẽ chỉ cho độc giả cách nhân đôi hiệu ứng để thêm văn bản vào thiết kế và cách thay đổi màu sơn.

Bước 1: Mở hình nền

Vì ta sẽ phun sơn văn bản lên một số loại nền, nên hãy bắt đầu bằng phương pháp mở hình nền. Ví dụ sẽ sử dụng hình ảnh này từ Adobe Stock (stock.adobe.com/images/black-brick-wall-texture-brick-surface-as-background/142590964):

Và trong bảng điều khiển Layers, bạn đọc sẽ thấy hình ảnh trên layer Background:

Bước 2: Thêm văn bản

Để thêm văn bản, chọn Type Tool từ thanh công cụ Photoshop (Toolbar):

Chọn phông chữ

Và sau đó trong Options Bar, hãy chọn phông chữ. Ví dụ sẽ sử dụng ” HWT Gothic Round ” tải xuống từ Adobe Typekit. Nếu không có quyền truy cập vào phông chữ này, thì cũng không sao cả. Bạn chọn font nào cũng được:

Tùy chọn khác cho phần văn bản

Vẫn trong Options Bar, ta sẽ đặt kích cỡ chữ là 72pt (kích thước rất lớn hiện tại) và căn chỉnh văn bản vào chính giữa.

Về màu sắc, ví dụ sẽ chọn màu trắng bằng cách nhấp vào mẫu màu (color swatch) và chọn màu trắng từ Color Picker của Photoshop. Đây không phải là màu sẽ sử dụng cho hiệu ứng phun sơn. Tất cả các gì luôn phải có lúc này là cái gì đó cho phép ta dễ dàng xem văn bản khi thêm nó vào phần nền:

Thêm văn bản

Sau đó nhấn vào tài liệu và thêm văn bản mong muốn. Ví dụ sẽ nhập từ “PAINT”:

Chấp nhận văn bản

Để chấp nhận nó, nhấp vào dấu chọn trong Options Bar:

Bước 3: Thay đổi kích thước và định vị lại văn bản với Free Transform

Để thay đổi kích cỡ văn bản và di chuyển nó đến đúng vị trí, hãy chuyển đến menu Edit trong Menu Bar và chọn Free Transform:

Chọn lệnh Free Transform trong Photoshop

Và sau đó để thay đổi kích cỡ văn bản, hãy nhấp và kéo bất kỳ handle (chấm tròn điều tiết kích thước) ở góc nào. Kể từ Photoshop CC 2019, tỷ lệ khung hình của văn bản sẽ tự động không thay đổi khi người sử dụng kéo các handle. Trong những phiên bản trước của Photoshop, người dùng cần giữ phím Shift khi kéo không thay đổi tỷ suất khung hình.

Để thay đổi kích thước văn bản, nhấn và giữ phím Alt (Win)/ Options (Mac) khi kéo. Và nếu cần định vị lại văn bản, nhấp vào bên trong hộp Free Transform và kéo văn bản vào vị trí.

Để chấp nhận phần văn bản đã thêm và tránh khỏi Free Transform, nhấn Enter (Win)/ Return (Mac) trên bàn phím:

Bước 4: Hạ giá trị Fill của layer Type xuống 0%

Trong bảng điều khiển Layers, người sử dụng sẽ thấy văn bản trên một layer Type mới ở trên hình ảnh:

Để tạo hiệu ứng phun sơn thì cần khiến cho văn bản trong suốt. Bạn hạ => khuyến mãi trị Fill ở phía trên bên phải của bảng điều khiển xuống tới 0%. Đảm bảo bạn đang giảm đúng giá trị Fill, chứ không phải giá trị Opacity:

Phần văn bản sẽ không thể nhìn thấy, nhưng nó vẫn ở đó, nó chỉ trong suốt mà thôi:

Sự khác biệt giữa Opacity và Fill là gì?

Trong bảng điều khiển Layers, cả 2 giá trị Opacity và Fill đều ảnh hưởng đến độ trong suốt của layer. Sự khác biệt giữa chúng là Opacity khống chế độ trong suốt của cả nội dung của một layer và bất kỳ hiệu ứng layer nào mà bạn đã áp dụng. Mặt khác, Fill chỉ ảnh hưởng đến nội dung của 1 layer. Nó không có công dụng trên các hiệu ứng cho layer.

Điều này có tức là bằng phương pháp hạ thấp giá trị Fill, ta có thể áp dụng hiệu ứng layer cho văn bản và giữ cho các hiệu ứng hiển thị ngay cả những lúc chính văn bản bị ẩn. Và đây chính là nhân tố tạo ra hiệu ứng phun sơn.

Bước 5: Thêm hiệu ứng layer Drop Shadow cho layer Type

Toàn bộ hiệu ứng phun sơn có thể được tạo nên bằng phương pháp dùng hiệu ứng cho 1 layer đơn, và thứ ta phải là Drop Shadow. Với layer Type được chọn, nhấp vào biểu trưng Layer Style (biểu tượng “fx”) ở cuối bảng điều khiển Layers:

Và sau đó chọn Drop Shadow:

Bước 6: Reset lại cài đặt Drop Shadow về mặc định

Trong hộp thoại Layer Style, nhấp vào nút Reset to Default để phục hồi cài đặt Drop Shadow mặc định:

Bước 7: Thay đổi màu của Drop Shadow thành màu trắng

Sau đó thay đổi màu của Drop Shadow bằng cách nhấp vào mẫu màu:

Và trong Color Picker, chọn màu trắng sau đó bấm OK. Ta sẽ chọn các màu không trùng lặp để tạo hiệu ứng sau:

Bước 8: Thay đổi Blend mode (chế độ hòa trộn) của Drop Shadow thành Screen

Để thấy màu trắng, hãy thay đổi Blend mode của Drop Shadow từ Multiply (chế độ hòa trộn mặc định) sang Screen:

Và ngay lập tức, người sử dụng sẽ bắt đầu thấy màu trắng xuất hiện đằng sau các chữ cái:

Bước 9: Tăng Opacity của Drop Shadow lên 100%

Để làm cho hiệu ứng sáng hơn, hãy tăng độ mờ của Drop Shadow đến 100%:

Và giờ đây hiệu ứng sẽ dễ nhìn thấy hơn. Bằng cách thay đổi màu của Drop Shadow từ đen sang trắng và thay đổi Blend mode của nó từ Multiply sang Screen.

Bước 10: Đặt Distance và Spread thành 0%

Bỏ qua các tùy chọn Angle và Use Global Light vì chúng không quan trọng ở đây. Nhưng hãy hạ Distance xuống 0px và đảm bảo Spread được đặt thành 0%:

Bằng cách đặt Distance thành 0px, ta đã căn giữa phần bóng đổ (drop shadow) phía sau văn bản, tạo nên một đường viền mờ hoặc nét xung quanh các chữ cái:

Bước 11: Tăng kích thước của Drop Shadow

Để trải dài phần bóng (hoặc ánh sáng trong trường hợp này) ra xa hơn từ các cạnh, hãy đội giá trị Size:

Càng tăng giá trị của Size, phần ánh sáng xuất hiện càng rộng:

Bước 12: Thay đổi Contour thành Cone

Tại thời điểm này, hiệu ứng cho đến giờ vẫn không giống như phun sơn. Ánh sáng cần trông giống như 1 đường bao xung quanh hình dạng của các chữ cái.

Để khắc phục điều đó, vẫn trong hộp thoại Layer Style, đi tới phần Quality, nhấp vào mũi tên nhỏ cạnh bên hình thu nhỏ xem trước của Contour:

Và sau đó chọn Cone contour (đường viền hình nón) bằng phương pháp nhấp đúp vào hình se khít của nó. Đó nằm ở trong hàng trên cùng, thứ hai từ bên trái:

Các Contour ảnh hưởng đến độ trong suốt của phần bóng đổ, thay đổi phương pháp và nơi nó chuyển từ vùng mờ sang vùng trong suốt. Và ngay lập tức, người dùng sẽ thấy một đường bao rõ hơn hẳn xung quanh cạnh của các chữ cái:

Bước 13: Bỏ chọn “Layer Knocks Out Drop Shadow”

Nhưng lưu ý rằng phần văn bản đang trong suốt, nên ánh sáng chỉ xuất hiện xung quanh (bên ngoài) các chữ cái. Cần cần làm cho ánh sáng xuất hiện cả bên trong các chữ cái nữa.

Để khắc phục điều đó, hãy bỏ chọn tùy chọn Layer Knocks Out Drop Shadow :

Và lúc này đường outline sẽ xuất hiện cả bên ngoài và bên trong văn bản:

Bước 14: Điều chỉnh lại giá trị Size nếu cần

Tại thời điểm này, người sử dụng cũng có thể cần quay lại và điều tiết lại giá trị Size để thay đổi độ dày của đường viền. Đừng tăng quá cao vì như vậy sẽ khiến lan tỏa ánh sáng quá xa. Kích thước chính xác sẽ phụ thuộc vào kích thước văn bản.

Trong trường hợp thí dụ này, ta sẽ sử dụng giá trị Size khoảng 120px, nhưng giá trị này cũng có thể thay đổi tùy từng trường hợp cụ thể:

Và này là kết quả:

Bước 15: Thêm Noise

Cuối cùng, thêm một số noise (Noise trong nhiếp ảnh là hiện tượng nhiễu hạt, thường diễn ra khi chụp hình trong điều kiện môi trường thiếu sáng) vào đường outline bằng phương pháp đội giá trị Noise. Ví dụ sẽ đặt giá trị này ở khoảng 25-30%:

Và bây giờ, nếu phóng to, ta sẽ thấy các đốm nhỏ trong đường outline, làm cho nó trông giống như hiệu ứng phun sơn.

Tùy thuộc vào kích cỡ của phông chữ đang sử dụng, người sử dụng cũng có thể nhận biết một số cạnh cứng mờ dọc từ các khu vực mà hiệu ứng và nền giao nhau. Trong ảnh chụp màn hình này, bạn đọc có thể thấy chúng bên trong số chữ cái “P” và “A”. Các cạnh này sẽ biến mất sau khi chúng ta hòa trộn phần văn bản với nền, đó là những gì ta sẽ làm tiếp theo:

Cách trộn lẫn phần văn bản có hiệu ứng phun sơn với nền

Đến đây, ta đã kết thúc hiệu ứng layer Drop Shadow. Giờ hãy tìm hiểu cách hòa trộn hiệu ứng với nền, để khiến cho văn bản như đích thực được phun sơn lên nền, chứ không những là đặt chữ lên phần nền. Khi thực hiện xong, bài viết sẽ chỉ cho bạn cách sao chép hiệu ứng để thêm văn bản khi đang vẫn không thay đổi các hiệu ứng layer và các tùy chọn hòa trộn.

Bước 16: Mở Blending Options của Photoshop

Vẫn trong hộp thoại Layer Style, chọn danh mục Blending Options ở bên trái:

Bước 17: Kéo thanh trượt “Underlying Layer” màu đen sang phải

Ở dưới cùng của Blending Options là hai bộ thanh trượt. Thanh trượt trên cùng mang tên “This Layer” và thanh trượt bên dưới gọi là “Underlying Layer”. Chúng ta cũng đều có thể sử dụng các thanh trượt này để hòa trộn phần văn bản với hình nền. Và công cụ ta phải là Underlying Layer:

Lưu ý hai thanh trượt bên dưới thanh gradient. Có một thanh trượt màu đen ở bên trái cùng một thanh trượt màu trắng ở bên phải. Ta sẽ hòa trộn văn bản với các phần tối nhất của hình nền. Và để làm điều đó, ta cần thanh trượt màu đen.

Nhấp vào thanh trượt màu đen và bắt đầu kéo nó về phía bên phải:

Khi kéo, hãy để mắt đến văn bản và bạn sẽ thấy các vùng tối nhất của hình nền bắt đầu hiển thị qua nó. Và càng kéo, thì phần nền càng xuất hiện rõ hơn:

Bước 18: Chia thanh trượt màu đen làm đôi

Vấn đề là hiệu ứng chuyển tiếp giữa văn bản và nền không dễ xử lý. Để tạo hiệu ứng chuyển tiếp mượt mà hơn, hãy bấm và giữ phím Alt (Win)/ Option (Mac) trên bàn phím. Nhấp vào bên phải của thanh trượt màu đen và kéo nó sang phía bên trái. Điều này chia thanh trượt thành hai nửa:

Bước 19: Điều chỉnh các thanh trượt để hoàn thành được sự chuyển tiếp mượt mà

Nửa bên trái của thanh trượt bây giờ kiểm soát chừng độ sáng nơi văn bản bắt đầu xuất hiện ở phía trước nền. Và một nửa bên phải để mức độ sáng để văn bản hiển thị đầy đặn và nền không còn hiển thị qua nó nữa. Khu vực giữa hai thanh trượt trở thành khu vực chuyển tiếp nơi văn bản và nền được hòa trộn với nhau. Càng kéo các thanh trượt ra xa, hiệu ứng chuyển tiếp càng xuất hiện rõ hơn.

Điều chỉnh mỗi nửa thanh trượt cho đến khi thấy hài lòng với hiệu ứng. Không có mức giá trị cụ thể để sử dụng ở đây vì nó sẽ phụ thuộc vào hình nền trong từng trường hợp.

Trong tình huống ví dụ, ta sẽ đặt nửa bên trái ở mức độ sáng là 10 và nửa bên phải ở mức độ sáng là 60. Nói cách khác, bất kỳ khu vực nào trong ảnh nền ở chừng độ sáng 10 hoặc tối hơn sẽ tận gốc hiện qua phần văn bản. Các khu vực ở mức độ sáng 60 hoặc sáng hơn sẽ bị ẩn tận gốc bởi văn bản. Và các chừng độ sáng ở phần giữa (11 đến 59) là nơi công đoạn chuyển tiếp đang diễn ra:

Và với phần văn bản bây giờ được hòa trộn với phần hình nền, ta đã có được hiệu ứng phun sơn trông thật hơn nhiều:

Bước 20: Đóng hộp thoại Layer Style

Hiệu ứng chính đã hoàn thành, hãy tiếp tục và đóng hộp thoại Layer Style bằng cách nhấp vào OK:

Và trong bảng điều khiển Layers, bây giờ ta thấy Drop Shadow được liệt kê dưới dạng hiệu ứng bên dưới layer Type. Biểu tượng Blending Options cạnh bên biểu trưng “fx” cho thấy rằng có một số tùy chọn hòa trộn nâng lên được áp dụng cho layer:

Làm thế nào để sao chép hiệu ứng văn bản phun sơn?

Tại thời điểm này, thêm văn bản với hiệu ứng phun sơn thật dễ dàng.

Bước 21: Tạo một bản sao cho layer Type

Tất cả những gì nên làm là nhân đôi layer Type. Chỉ cần kéo xuống biểu trưng Add New Layer ở cuối bảng điều khiển Layers:

Một bản sao của layer Type sẽ xuất hiện ở trên bản gốc, hoàn tất với hiệu ứng Drop Shadow và các tùy chọn hòa trộn đã thực hiện:

Bước 22: Chọn công cụ Move

Để xác định lại văn bản, chọn công cụ Move từ Toolbar:

Bước 23: Di chuyển văn bản đến đúng vị trí

Sau đó nhấn vào văn bản và di chuyển nó đến đúng vị trí. Ta sẽ kéo bản sao của văn bản lên trên:

Sau đó, trong bảng điều khiển Layers, nhấp vào layer Type mới đầu để chọn nó:

Và kéo văn bản gốc xuống dưới:

Cách chỉnh sửa văn bản với hiệu ứng phun sơn

Vì văn bản vẫn có thể chỉnh sửa, nên người dùng cũng có thể có thể dễ dàng chỉnh sửa văn bản và không thay đổi hiệu ứng phun sơn.

Bước 24: Chọn công cụ Type

Nếu không muốn cả hai phần văn bản giống nhau, nên hãy chỉnh sửa văn bản trên cùng. Hãy chọn công cụ Type từ Toolbar:

Bước 25: Chọn và chỉnh sửa văn bản

Sau đó, nhấp đúp vào bên trong từ để highlight từ đó:

Và thay đổi từ “PAINT” thành “SPRAY”:

Để chấp nhận nó, hãy nhấp vào dấu chọn trong Options Bar:

Bước 26: Thay đổi kích thước văn bản đã chỉnh sửa bằng Free Transform

Thay đổi kích thước văn bản trên cùng bằng cách vào menu Edit và chọn Free Transform:

Và sau đó kéo handle ở góc trên cùng để thay đổi kích cỡ của từ, sao cho nó có cùng chiều rộng với từ dưới cùng. Để chấp nhận nó, hãy nhấn Enter (Win)/ Return (Mac) trên bàn phím:

Cách thay đổi màu sơn

Và cuối cùng, hãy xem cách thay đổi màu của hiệu ứng.

Bước 27: Nhấp đúp vào hiệu ứng layer Drop Shadow

Để thay đổi màu của phun sơn, nhấp đúp vào dòng chữ “Drop Shadow” bên dưới layer Type. Nếu có nhiều layer Type như ví dụ, hãy đáp ứng nhấp đúp vào đúng layer muốn chỉnh sửa.

Trong trường hợp ví dụ, ta sẽ bắt đầu với từ “SPRAY” ở đầu:

Bước 28: Nhấp vào mẫu màu

Điều này mở lại hộp thoại Layer Style. Nhấp vào mẫu màu:

Bước 29: Chọn màu mới từ Color Picker

Và sau đó trong Color Picker, chọn một màu mới. Ta sẽ chọn một màu tươi sáng hơn, ví dụ như màu vàng:

Bấm OK để đóng Color Picker, rồi bấm OK để đóng hộp thoại Layer Style. Và bây giờ phần văn bản phía trên sẽ có màu vàng:

Thay đổi màu của văn bản phía dưới

Ví dụ sẽ khiến điều tựa như với phần văn bản phía dưới. Nhấp đúp vào dòng chữ “Drop Shadow” để mở lại hộp thoại Layer Style:

Mở lại hiệu ứng layer Drop Shadow cho từ “PAINT”.

Và sau đó nhấp vào mẫu màu:

Và chọn một màu mới từ Color Picker. Đối với văn bản phía dưới, hãy chọn một màu sáng, như màu hồng đỏ:

Bấm OK một lần nữa để đóng Color Picker, rồi nhấp OK để đóng hộp thoại Layer Style.

Và ở đây, sau khi thêm màu cho tất cả 2 từ, kết quả cuối cùng sẽ như sau:

Chúc bạn thực hiện thành công!

Photoshop,tạo hiệu ứng trong Photoshop,cách tạo hiệu ứng chữ phun sơn trong Photoshop,tạo chữ phun sơn,thêm chữ phun sơn vào ảnh,tạo hiệu ứng phun sơn,viết chữ phun sơn photoshop

Nội dung Cách tạo hiệu ứng chữ phun sơn trong Photoshop được tổng hợp sưu tầm biên tập bởi: Tin Học Trường Tín. Mọi ý kiến vui lòng gửi Liên Hệ cho truongtin.top để điều chỉnh. truongtin.top tks.