Home > Photoshop > Thủ thuật Photoshop > Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop
Kênh Youtube chính thức của freetuts, các bạn hãy sub ủng hộ mình với nhé, từ giờ mình đang làm sạch lại nội dung học tập trên kênh này. Xem kênh

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 1 jpg

Bài viết này mình sẽ hướng dẫn các bạn cách tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop, đây là một trong những hiệu ứng text đẹp nhất của series này.

Chúng ta đều thấy đây là một effect không chỉ thú vị mà còn rất dễ để thực hiện. Chỉ cần nhập text và chuyển đổi các chữ cái thành "shape", thay đổi màu sắc và di chuyển chúng lại gần khiến có vẻ như bị chồng chéo lên nhau. Cuối cùng là thay đổi Blend mode (chế độ hòa trộn) để màu sắc hài hòa hơn một chút.

Chúng ta hãy bắt đầu ngay vào phần hướng dẫn chi tiết nhé!

Bước 1: Tạo file Photoshop mới

Để tạo file mới trong Photoshop, bạn hãy thực hiện các thao tác đơn giản sau:

1. Bấm phím tắt Ctrl + N hoặc chọn File -> New.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 2 png

2. Khi cửa sổ New Document hiện ra, bạn hãy nhập các thông số sau vào khu vực PRESET DETAILS sau đó bấm OK để tạo file làm việc mới.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 3 png

Bước 2: Nhập Text

Hãy nhập đoạn chữ bất kỳ mà bạn muốn tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop theo các bước sau:

1. Chọn Type Tool trên thanh công cụ.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 4 png

2. Chọn font chữ, kiểu chữ và cỡ chữ trên thanh Options.

Xem thêm: Top font chữ đẹp Photoshop

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 5 png

3. Cũng trên thanh Options, bạn hãy chọn màu đen để bắt đầu viết chữ.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 6 png

4. Click chuột trái vào bất kỳ đâu trong vùng Canvas rồi nhập đoạn văn bản mà bạn muốn. Trong ví dụ này mình đã nhập: COLORFUL

* Canvas: là giới hạn hiển thị hình ảnh thực tế trong khu vực làm việc (workspace) của Photoshop.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 7 png

5. Bấm Enter hoặc nút tích (V) trên thanh Options để hoàn tất việc tạo Text.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 8 png

Bước 3: Căn chỉnh vị trí và kích thước của đoạn Text với Free Transform

1. Chọn Edit -> Free Transform hoặc bấm phím tắt Ctrl + T.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 9 png

* Lưu ý: Bạn có thể xem cách sử dụng Free Transform nếu chưa biết.

2. Kéo thả để tăng / giảm kích thước đoạn Text phù hợp với khung hình.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 10 png

Bước 4: Chuyển đổi Text thành Shape

1. Ngay sau bước hai thì một layer text bên trên Background sẽ xuất hiện, bạn hãy bấm chuột phải vào nó (đảm bảo click chuột vào vùng trống bên trong layer, không click vào hình thu nhỏ cũng như đoạn chữ).

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 11 png

2. Chọn Convert to Shape.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 12 png

Kết quả: Layer Text đã chuyển thành một layer Shape.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 13 png

Và ở khu vực làm việc, chúng ta sẽ thấy các chữ cái có một đường viền bao quanh.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 14 png

Bước 5: Tách mỗi chữ cái thành một layer

Để có thể di chuyển chữ cái chồng chéo lên nhau và đổi màu chúng, điều trước tiên bạn cần làm là tách từng chữ cái thành một layer riêng biệt theo các bước sau:

1. Chọn Path Selection Tool trên thanh công cụ (biểu tượng hình con trỏ chuột).

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 15 png

2. Thay đổi tùy chọn Select trên thanh Options từ Active Layers -> All layers.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 16 png

4. Quay lại khu vực làm việc, bạn hãy nhấp chuột trái vào bất kỳ vùng màu trắng nào để bỏ chọn các chữ cái. Sau đó nhấp vào ký tự đầu tiên để chọn nó. Đường viền phác thảo sẽ xuất hiện lại chỉ xung quanh một chữ cái đó:

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 17 png

5. Để chuyển từng chữ cái sang một layer thì bạn có thể xem bài hướng dẫn cách tách layer trong Photoshop hoặc thực hiện thao tác sau:

Bấm vào Layer trên thanh menu và chọn New -> Shape Layer via Cut.

Bạn có thể bấm phím tắt Shift + Ctrl + J (Win) / Shift + Command + J (Mac) để có kết quả tương tự.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 18 png

Kết quả: Ký tự đầu tiên đã được tách thành một layer riêng biệt.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 19 png

Bạn hãy áp dụng các thao tác trên với những chữ cái còn lại, kết quả sẽ tương tự như ví dụ dưới đây.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 20 png

Bước 6: Thay đổi Blend mode của các chữ cái thành Multiply

1. Bấm giữ Ctrl hoặc phím Shift sau đó click chọn toàn bộ các layer shape (chữ cái).

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 21 png

2. Thay đổi Blend Mode từ Normal -> Multiply.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 22 png

Bước 7: Di chuyển các layer Shape vào một nhóm

1. Trong khi các layer vẫn đang được chọn, bạn hãy bấm vào nút Menu.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 23 png

2. Chọn New Group from Layers...

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 24 png

3 Đặt tên và bấm OK.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 25 png

4. Các layer đã được nhóm vào một thư mục, bạn có thể bấm vào nút mũi tên để mở / đóng nó tùy ý.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 26 png

Bước 8: Thay đổi màu của từng chữ cái

1. Click đúp vào hình thu nhỏ của layer shape trên cùng (chữ cái đầu tiên).

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 27 png

2. Hộp thoại Color Picker sẽ hiện ra, bạn hãy thay đổi màu theo ý thích hoặc giống ví dụ dưới đây để có kết quả tương tự.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 28 jpg
Chọn màu bằng con trỏ chuột hoặc thiết lập thông số RGB

Kết quả: Thay đổi màu cho layer shape = đổi màu chữ cái.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 29 png

3. Tiếp tục thực hiện các thao tác tương tự với những chữ cái còn lại. Mình khuyên bạn nên thiết lập mỗi ký tự một màu thì hiệu ứng sẽ thú vị hơn, những chữ cái giống nhau thì nên có màu giống nhau.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 30 png
Click đúp vào hình thu nhỏ của layer shape

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 31 jpg
Chọn màu và bấm OK

4. Thực hiện các thao tác tương tự lần lượt trên từng chữ cái còn lại để nhận được kết quả.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 32 png

Nếu bạn chưa biết phải chọn màu gì thì hãy thiết lập các thông số RGB trong Color Picker như sau:

Màu xanh da trời:

  • R= 30
  • G= 177
  • B= 197

Màu xanh lá cây:

  • R= 25
  • G= 161
  • B= 53

Màu vàng:

  • R= 255
  • G= 190
  • B= 0

Màu tím:

  • R= 158
  • G= 33
  • B= 150

Màu cam:

  • R= 244
  • G= 99
  • B= 36

Màu hồng tươi:

  • R= 243
  • G= 43
  • B= 104

Bước 9: Thêm một lớp phủ Gradient vào nhóm chữ cái

1. Click chuột trái vào thư mục đã nhóm các layer shape để chọn nó (đảm bảo bấm vào khu vực trống "rỗng" giống như mình đang làm trong hình ảnh bên dưới).

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 33 png

2. Bấm vào biểu tượng fx trong bảng điều khiển Layers.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 34 png

3. Chọn Gradient Overlay...

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 35 png

4. Ngay sau đó cửa sổ Layer Style sẽ hiện ra và tích chọn sẵn hiệu ứng Gradient Overlay.

Lúc này bạn hãy bấm vào mũi tên bên cạnh "mẫu màu Gradient" rồi chọn Gradient đen trắng bằng cách nhấp vào hình thu nhỏ của nó.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 36 png

5. Vẫn trong hộp thoại Layer Style, bạn hãy thay đổi Blend Mode thành Overlay và đặt Opacity = 100%, Style = LinearAngle = 90 °.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 37 png

Kết quả:

Vậy là chúng ta đã gần hoàn tất quá trình tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop, cố lên chỉ còn vài bước nữa thôi!

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 38 jpg

Bước 10 : Di chuyển các chữ cái lại gần và chồng chéo lên nhau

1. Chọn Move Tool trên thanh công cụ.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 39 png

2. Tích vào tùy chọn Auto-Select: Layer trên thanh Options.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 40 png

3. Bấm giữ chuột trái và kéo từng chữ cái lại gần nhau giống như mình đang làm ở ví dụ dưới đây.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 41 jpg

Một mẹo để bạn dễ dàng kéo chúng hơn đó là bấm giữ phím Shift trong lúc kéo thả, khi này Photoshop khóa lại chỉ cho phép di chuyển layer theo chiều ngang.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 42 jpg

Kết quả:

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 43 jpg

4. Bấm chuột trái vào thư mục nhóm các layer shape một lần nữa.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 44 png

5. Bấm tổ hợp phím Ctrl + T để sử dụng Free Transform và kéo thả để căn chỉnh kích thước và vị trí hộp Text lần cuối cùng. Sau đó bạn hãy bấm Enter trên bàn phím để hoàn tất.

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 45 jpg

Kết quả cuối cùng

tao hieu ung chu chong cheo nhieu mau sac trong photoshop 1 jpg

Bài hướng dẫn cách tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop tới đây là kết thúc. Mình tin rằng với bài hướng dẫn chi tiết này thì bất kỳ ai cũng có thể áp dụng effect này lên nhiều tác phẩm khác nhau khi thiết kế.

Nếu thấy hiệu ứng này thú vị, đừng ngần ngại chia sẻ cho bạn bè và đồng nghiệp để cùng nâng cao kỹ năng làm việc với PTS nha!

giam gia tino jpg

-------------------#####-------------------

Bộ video học Photoshop từ căn bản đến nâng cao A-Z

Xem toàn bộ video

khoa hoc design tu can ban den nang cao jpg
Combo 22 khóa học thiết kế từ căn bản đến nâng cao

 

Khóa học đang giảm giá:

BÀI VIẾT

notice png LIST home png HOME hot gif BÁO
LỖI
top png TOP