THỦ THUẬT PHOTOSHOP
Hiệu ứng chữ 3D trong Photoshop Hiệu ứng chữ chồng chéo Photoshop Hiệu ứng chữ lửa trong Photoshop Hiệu ứng chữ kẹo giáng sinh Chữ cổ điển thập niên 80 Làm Poster bằng Photoshop Làm mờ nền bằng Photoshop Đóng watermark bằng Photoshop Tô màu trong Photoshop Thành phố đảo ngược Photoshop Cách giảm Noise trong Photoshop Công cụ xóa vật thể Photoshop Chuyển ảnh thành tranh Photoshop Cách đổi màu hình ảnh Photoshop Chuyển ảnh từ ngày thành đêm Chuyển ảnh thành Anime Photoshop Làm tranh màu nước Photoshop Làm chữ phát sáng Photoshop Hiệu ứng ánh nắng Photoshop Tạo Gradient cầu vồng Photoshop Hiệu ứng mắt cầu vồng Photoshop Tạo chữ tách màu trong Photoshop Tạo chữ 3D Retro trong Photoshop Chèn chữ trong suốt vào hình ảnh Ghép hình ảnh vào chữ Photoshop Xóa bóng nắng bằng Photoshop mở ảnh trong Photoshop Tạo viền ảnh hiệu ứng vết sơn Các tính năng Photoshop 2020 Hơn 12 mẹo Photoshop hay nhất Cách gộp layer trong Photoshop Tăng độ tương phản Photoshop Làm nét ảnh bằng Photoshop Nén dung lượng hình ảnh hàng loạt Xóa nếp nhăn trong Photoshop Xóa mụn và nốt ruồi bằng Photoshop Làm trắng da trong Photoshop Chỉnh mắt to ra bằng Photoshop Chỉnh mặt nhỏ lại bằng Photoshop Cách tách tóc trong Photoshop Đổi màu sắc cho tóc bằng Photoshop Cách sửa mũi bằng Photoshop Vẽ râu và tóc bằng Photoshop Xoá logo bằng Photoshop Tách ảnh ra khỏi nền Photoshop Tạo lưới trong Photoshop Thay đổi đơn vị của thước Rulers Cách tạo hiệu ứng lấy nét trong Photoshop Tạo hiệu ứng cầu vồng Photoshop tạo chữ mạ vàng Cách tạo file mới trong Photoshop
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
MỚI CẬP NHẬT

Cách tạo hiệu ứng chữ tách màu trong Photoshop

Cach tao hieu ung chu tach mau trong photoshop 1 png

Bài viết này mình sẽ hướng dẫn cách tạo hiệu ứng chữ tách màu trong Photoshop với màu Gradient cực dễ.

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.

Split-Color Text hay hiệu ứng chữ tách màu trong Photoshop là một “hiệu ứng” rất mới mẻ, hứa hẹn sẽ trở thành một trong những xu hướng của năm 2024.

Chúng ta hãy cùng tìm hiểu cách tô nửa trên và nửa dưới của chữ bằng các màu khác nhau, kết hợp cùng với đó là phương pháp tô màu nền đối lập tạo nên hiệu ứng thật sự lạ mắt và thú vị.

I. Hướng dẫn tạo hiệu ứng chữ tách màu

Cach tao hieu ung chu tach mau trong photoshop 2 png

Thiết lập tài liệu

Để tiết kiệm thời gian bạn hãy tạo một tài liệu mới có nền trắng, sử dụng công cụ Horizontal Type Tool (T) và viết một đoạn chữ bất kỳ, trong ví dụ này mình sẽ viết COLOR.

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

Cach tao hieu ung chu tach mau trong photoshop 3 jpg

Bước 1: Thêm hiệu ứng Gradient Overlay vào văn bản

Để thêm gradient vào đoạn văn bản này, chúng ta sẽ sử dụng hiệu ứng layer Gradient Overlay.

1. Trong bảng điều khiển Layer, hãy đảm bảo rằng layer văn bản của bạn được chọn sau đó nhấp vào biểu tượng fx ở dưới cùng:

Cach tao hieu ung chu tach mau trong photoshop 4 png
Nhấp vào biểu tượng Fx

2. Chọn Gradient Overlay... từ danh sách:

Cach tao hieu ung chu tach mau trong photoshop 5 png

Bước 2: Chọn gradient đen trắng

Để tạo hiệu ứng chữ tách màu trong Photoshop thì bạn có thể chọn bất kỳ Gradient có sẵn nào và bắt đầu chỉnh sửa, tuy nhiên cách dễ dàng và nhanh chóng nhất vẫn là chọn Gradient đen trắng.

1. Hộp thoại Layer Style hiện ra, bạn sẽ thấy nó có giao diện như sau. Nếu tùy chọn Gradient Overlay vẫn chưa được tích vào thì bạn nhớ bấm chuột trái vào để tích chọn nhé.

Cach tao hieu ung chu tach mau trong photoshop 6 png
Hộp thoại Layer Style

2. Để chọn một gradient, hãy nhấp vào mẫu màu của gradient hiện tại. Đảm bảo rằng bạn nhấp vào chính mẫu màu, không phải mũi tên nhỏ ở bên phải:

Cach tao hieu ung chu tach mau trong photoshop 7 png
Nhấp vào mẫu gradient

3. Sau đó trong cửa sổ Gradient Editor, bạn hãy chọn Gradient Black, White từ phần Presets.

Kể từ Photoshop CC 2020, các Presets Gradient có sẵn được xếp thành các nhóm giống ảnh dưới đây, bạn hãy tìm màu đen trắng trong thư mục Basics.

Cach tao hieu ung chu tach mau trong photoshop 8 png
Chọn màu đen, trắng

Bước 3: Chỉnh sửa màu gradient

Thanh xem trước gradient ở nửa dưới của hộp thoại hiển thị các màu gradient hiện tại. Phía bên trái là màu trắng và bạn có thể thấy nó đang biến đổi dần sang màu trắng ở bên phải.

1. Hãy bấm vào điểm dừng màu đen để thay đổi màu.

Cach tao hieu ung chu tach mau trong photoshop 9 jpg
Nhấp đúp vào điểm dừng màu đen để thay đổi màu sắc

2. Chọn một màu mới từ Color Picker của Photoshop. Bạn có thể sử dụng bất kỳ màu nào bạn thích.

Mình sẽ chọn màu hồng nhạt (muted pink) bằng cách đặt giá trị R (Red)= 146, G (Green)= 116 và B (Blue)= 137. Nhấp vào OK để đóng Color Picker:

Cach tao hieu ung chu tach mau trong photoshop 10 jpg
Thay thế màu đen bằng màu mới từ Color Picker

3. Sau đó để thay đổi màu trắng thành màu khác, hãy nhấp đúp vào điểm dừng (color stop) màu trắng bên phải của thanh xem trước:

Cach tao hieu ung chu tach mau trong photoshop 11 jpg
Nhấp đúp vào điểm dừng màu trắng để thay đổi màu sắc

4. Chọn một màu mới từ Color Picker.

Lần này mình sẽ chọn màu hồng nhạt hơn (lighter reddish pink) bằng cách đặt R= 237, G= 214 và B= 222. Nhấp vào OK khi bạn hoàn tất:

Cach tao hieu ung chu tach mau trong photoshop 12 jpg
Thay thế màu trắng bằng màu mới từ công cụ chọn màu

Sau khi chỉnh sửa cả hai màu, bây giờ chúng ta có một gradient tùy chỉnh mới:

Cach tao hieu ung chu tach mau trong photoshop 13 jpg
Màu gradient mới

Bước 4: Đặt Location của mỗi màu thành 50%

Tại thời điểm này, các màu trong gradient vẫn chuyển dần từ màu này sang màu khác.

Vậy để tạo hiệu ứng chữ tách màu trong Photoshop, chúng ta sẽ khiến gradient mới này có Location (vị trí) đồng nhất chia hai màu ở giữa, chỉ cần thay đổi giá trị vị trí cho mỗi điểm dừng màu. Từ đó cho ra kết quả Gradient có 2 màu tách biệt hoàn toàn.

1. Đầu tiên hãy nhấp vào điểm dừng màu bên trái để chọn nó. Lần này bạn đừng nhấp đúp vào, chỉ cần nhấp một lần (nếu nhấp đúp là sẽ mở color picker):

Cach tao hieu ung chu tach mau trong photoshop 14 jpg
Chọn điểm dừng màu bên trái

2. Thay đổi giá trị Location từ 0% thành 50%. Điểm dừng màu sẽ di chuyển ra giữa tâm của gradient:

Cach tao hieu ung chu tach mau trong photoshop 15 jpg
Thay đổi Location của màu bên trái thành 50%

3. Nhấp vào điểm dừng màu bên phải để chọn nó:

Cach tao hieu ung chu tach mau trong photoshop 16 jpg
Chọn điểm dừng màu phù hợp

4. Thay đổi giá trị Location của nó cũng thành 50%.

Hai điểm dừng màu bây giờ chồng lên nhau ở trung tâm và mỗi nửa của gradient được tô bằng một màu đồng nhất, không còn đậm nhạt nữa:

Cach tao hieu ung chu tach mau trong photoshop 17 png
Thay đổi Location của màu bên phải thành 50%

Cách hoán đổi thứ tự các màu

Nếu muốn đổi màu giữa hai bên, bạn chỉ cần nhấp vào bất kỳ điểm dừng màu hiển thị ở trung tâm của thanh xem trước:

Cach tao hieu ung chu tach mau trong photoshop 18 png
Nhấp vào điểm dừng màu để hoán đổi thứ tự của các màu

Bước 5: Lưu gradient của bạn dưới dạng Preset

Nếu bạn muốn áp dụng gradient không chỉ cho đoạn văn bản này mà còn cho những dự án khác trong tương lai, trước khi đóng Gradient Editor thì hãy lưu gradient này dưới dạng cài đặt trước mới (new preset).

1. Nếu bạn đang sử dụng Photoshop CC 2020 trở lên, hãy đóng thư mục Basic. Bạn có thể giữ nó mở nếu muốn đưa gradient mới tạo vào, tuy nhiên điều này là không nên.

Cach tao hieu ung chu tach mau trong photoshop 19 png

2. Đặt tên cho gradient mới của bạn. Mình sẽ đặt tên là "Split color" và sau đó nhấp vào nút New để lưu lại.

Cach tao hieu ung chu tach mau trong photoshop 20 png

3. Nếu muốn lưu lại ở dạng file GRD, hãy nhấp vào Export...và bạn sẽ nhận được file grd để chia sẻ cho bạn bè, đồng nghiệp.

4. Bấm vào OK để đóng cửa sổ này lại, sau đó bạn nhớ để hộp thoại Layer Style mở:

Cach tao hieu ung chu tach mau trong photoshop 21 png

Kết quả: Sau một vài bước đơn giản thì bạn đã tạo hiệu ứng chữ tách màu trong Photoshop thành công. Nửa trên được tô bằng màu nhạt hơn và nửa dưới được tô bằng màu đậm hơn:

Cach tao hieu ung chu tach mau trong photoshop 22 png
Kết quả sau khi tô chữ bằng gradient tách màu

Làm thế nào để đảo ngược màu sắc?

Để hoán đổi vị trí của các màu, hãy chọn tích vào tùy chọn Reverse trong hộp thoại Layer Style:

Cach tao hieu ung chu tach mau trong photoshop 23 png

Kết quả tùy chọn đảo ngược màu:

Bạn cũng có thể bỏ tùy chọn Reverse để hoàn tác.

Cach tao hieu ung chu tach mau trong photoshop 24 png

II. Cách tạo viền chữ tách màu trong Photoshop

Nếu hài lòng với hiệu ứng tại thời điểm này thì bạn có thể đóng hộp thoại Layer Style và hoàn tất.

Tuy nhiên để hiệu ứng hoàn thiện hơn thì dưới đây sẽ là một vài hướng dẫn bổ sung giúp kết quả “tạo chữ tách màu trong photoshop” của bạn trở nên thú vị hơn.

Chúng ta hãy cùng tạo một đường viền xung quanh văn bản cũng bằng cách sử dụng gradient tách màu vừa tạo phía trên.

Bước 1: Tạo viền trong hộp thoại Layer Style của Photoshop

Vẫn trong hộp thoại Layer Style, bạn hãy tích chọn Stroke trong danh sách các hiệu ứng ở bên trái:

Cach tao hieu ung chu tach mau trong photoshop 25 png
Tạo viền chữ với hiệu ứng Stroke

Bước 2: Chọn gradient tách màu

1. Chọn Gradient trong mục Fill Type:

Cach tao hieu ung chu tach mau trong photoshop 26 png

2. Sau đó nhấp vào mũi tên nhỏ bên cạnh Gradient:

Cach tao hieu ung chu tach mau trong photoshop 27 png

3. Nhấp đúp vào hình thu nhỏ của gradient tách màu của bạn để chọn nó:

Cach tao hieu ung chu tach mau trong photoshop 28 png

Bước 3: Kích hoạt tùy chọn đảo ngược

Để hiệu ứng có phần lạ mắt, bạn nên đảo ngược màu Gradient khiến cho đường viền bên ngoài có màu ngược lại so với màu chữ bên trong.

Hơn nữa nếu không đảo ngược màu, đường viền sẽ có màu đồng nhất với màu chữ dẫn tới hệ quả là chữ của bạn trông chỉ to lên chứ không có “viền”.

-> Tích vào tùy chọn Reverse để đảo ngược màu gradient áp dụng cho viền chữ.

Cach tao hieu ung chu tach mau trong photoshop 29 png
Đảo ngược thứ tự của các màu gradient

Kết quả: Chữ của bạn sẽ xuất hiện một đường viền mỏng xung quanh giống hình dưới đây:

Cach tao hieu ung chu tach mau trong photoshop 30 png

Bước 4: Thay đổi vị trí đường viền ra ngoài

Thay đổi Position thành Outside để đặt vị trí viền chữ ở mép ngoài của chữ cái, tức là xung quanh chứ không phải bên trong hay ở giữa:

Cach tao hieu ung chu tach mau trong photoshop 31 png

Bước 5: Tăng kích thước của đường viền

Sử dụng thanh trượt và thay đổi Size để tăng kích thước của đường viền - nét vẽ. Bạn cũng có thể nhập ngay giá trị vào ô bên cạnh, trong trường hợp này mình nhập 16 px:

Cach tao hieu ung chu tach mau trong photoshop 32 png

Kết quả: Bây giờ chúng ta có một nét viền xung quanh văn bản bằng cách sử dụng cùng một hiệu ứng chia - tách màu:

Cach tao hieu ung chu tach mau trong photoshop 33 png

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

Chúng ta đã hoàn tất việc tạo hiệu ứng chữ tách màu trong Photoshop với hộp thoại Layer Style, vì thế hãy nhấp vào OK để đóng hộp thoại này lại:

Cach tao hieu ung chu tach mau trong photoshop 34 png

III. Cách tô nền bằng gradient tách màu

Thay vì thêm một đường viền, trong phần III này mình sẽ hướng dẫn bạn tô màu nền bằng gradient tách màu, giúp kết quả “tạo hiệu ứng chữ tách màu trong Photoshop” thêm phần ảo diệu.

Bước 1: Tắt hiệu ứng Stroke

Trước tiên nếu bạn đã thêm đường viền từ phần trước thì trong bảng điều khiển Layer, hãy tắt Stroke bằng cách nhấp vào biểu tượng con mắt của nó:

Cach tao hieu ung chu tach mau trong photoshop 35 png

Bước 2: Chọn Layer Background

Vẫn trong bảng điều khiển Layer, nhấp vào Background (lớp nền) để chọn nó:

Cach tao hieu ung chu tach mau trong photoshop 36 png

Bước 3: Thêm một lớp Gradient Fill

1. Nhấp vào biểu tượng “Create new fill or adjustment layer” ở dưới cùng:

Cach tao hieu ung chu tach mau trong photoshop 37 png

2. Chọn Gradient... từ danh sách:

Cach tao hieu ung chu tach mau trong photoshop 38 png

Kết quả: Layer tô màu Gradient (Layer Gradient) xuất hiện giữa layer chữ (text) và background (lớp nền):

Cach tao hieu ung chu tach mau trong photoshop 39 png

Bước 4: Chọn gradient tách màu

1. Trong hộp thoại Gradient Fill, bấm vào mũi tên ở bên phải của mẫu gradient:

Cach tao hieu ung chu tach mau trong photoshop 40 png

2. Nhấp đúp vào hình thu nhỏ của gradient tách màu để chọn nó:

Cach tao hieu ung chu tach mau trong photoshop 41 png

Bước 5: Đảo ngược các màu gradient

Cũng giống như đường viền, bạn bắt buộc phải đảo ngược màu nếu không nền sẽ có màu đồng nhất với chữ -> dẫn tới hậu quả là chữ biến mất!

Bằng cách đảo ngược màu gradient của nền sẽ giúp kết quả "tạo hiệu ứng chữ tách màu trong Photoshop" vô cùng hoàn hảo.

1. Tích chọn Reverse trong hộp thoại Gradient Fill.

Cach tao hieu ung chu tach mau trong photoshop 42 png

2. Bấm OK để đóng hộp thoại Gradient Fill, ngay sau đó bạn sẽ thấy màu nền có kết quả như hình dưới đây.

Vấn đề duy nhất mà bạn có thể gặp phải là chữ có màu gradient không được xếp thẳng hàng với gradient trong nền.

Cach tao hieu ung chu tach mau trong photoshop 43 png
Chữ và nền gradient cần phải được căn chỉnh

Bước 6: Di chuyển chữ vào đúng vị trí

1. Để di chuyển văn bản của bạn vào vị trí để hai gradient thẳng hàng, trước tiên hãy chọn layer văn bản:

Cach tao hieu ung chu tach mau trong photoshop 44 png

2. Sau đó trong thanh công cụ, bạn hãy chọn công cụ di chuyển (Move Tool):

Cach tao hieu ung chu tach mau trong photoshop 45 png

3. Trước khi di chuyển văn bản, hãy chuyển đến menu View trong Menu Bar và chọn 100%. Thao tác này sẽ phóng to tài liệu của bạn ở chế độ xem 100% cho phép bạn di chuyển văn bản từng pixel một:

Cach tao hieu ung chu tach mau trong photoshop 46 png

4. Với công cụ Move Tool được chọn và chế độ xem ở 100%, hãy sử dụng phím mũi tên Lên (Up) hoặc Xuống (Down) trên bàn phím để di chuyển văn bản vào đúng vị trí.

Trong ví dụ dưới đây thì mình sẽ di chuyển văn bản xuống từng pixel một cho đến khi các điểm phân chia theo chiều ngang của 2 layer chữ và nền đồng nhất.

Cach tao hieu ung chu tach mau trong photoshop 47 png

Bài viết "cách tạo hiệu ứng chữ tách màu trong Photoshop" đến đây là kết thúc, với bài hướng dẫn chi tiết này thì bạn đã thêm vào thư viện PTS của mình được một hiệu ứng / một Gradient mới. Đừng quên chia sẻ cách tạo hiệu ứng "độc và lạ" này tới bạn bè và đồng nghiệp khi thấy thú vị nha.

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