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

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.

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.

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:

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

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!

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ữ 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,…

Cách chỉnh mắt to ra bằng Photoshop với 3 bước rất đơn giản

Cách chỉnh mắt to ra bằng Photoshop với 3 bước rất đơn giản

Top