Menu Điều Hướng

Tạo chữ treo lơ lửng trên dây

Trước khi đến với hướng dẫn mới, chúng ta nên xem lại bài Tạo hiệu ứng chữ 3D cực cool với photoshop để ôn lại  những kiến thức trước. Và “thừa thắng xong lên, hôm nay mình sẽ chỉ các bạn cách tạo ra những dòng chữ đa màu sắc được treo lơ lửng trên dây, các bước thực hiện vô cùng đơn giản nhưng hiệu quả thật sự đáng ngạc nhiên, chúng ta bắt đầu nhé.

Tạo chữ treo lơ lửng trên dây

Bước 1: Trước tiên bạn tạo một tài liệu mới với kích thước 1000×500 pixels, tô màu background là  màu đen. Sau đó, bạn tạo chữ, tô  màu trắng cho nó. Hiện tại mình đang sử dụng font Verdanasize: 120pxt, kiểu chữ đậm.

Tạo chữ treo lơ lửng trên dây

Bước 2: Tạo một layer mới, đặt tên là “Gradient”, đặt nó nằm trên layer background. Thiết lập màu foreground: Trắng, và chọn công cụ Gradient tool, tô màu gradient từ trắng sang trong suốt, kéo từ trên xuống xuống dưới.

Tạo chữ treo lơ lửng trên dây

Nhấn Ctrl + click vào thumnail của layer text để tạo vùng chọn

Tạo chữ treo lơ lửng trên dây

Sau đó, chọn layer “Gradient” và nhấn Ctrl + J nhân đôi layer, đặt tên cho layer mới này là “Gradient Letter“. Sau đó, bạn tắt hai layer text và Gradient đi.

Tạo chữ treo lơ lửng trên dây

Bước 3: Chọn công cụ Rectangular Marquee Tool, và click vào icon Intersect with Selection trên thanh options bar. Nhấn Ctrl + click lên layer text để tạo vùng chọn, sau đó, vẽ một hình chữ nhật trên ký tự đầu tiên của layer text.

Tạo chữ treo lơ lửng trên dây

Hoàn tất bước này bạn phải đảm bảo rằng chỉ có một một mình chữ “S” được chọn.

Tạo chữ treo lơ lửng trên dây

Tiếp tục, tạo một layer mới đặt lên trên layer “Gradient letter”, gọi nó là “Colored Letter“, chuyển chế độ hòa trộn sang Screen. Tô vùng chọn với màu #ff000, sau đó nhấn Ctrl + D để bỏ chọn.

Tạo chữ treo lơ lửng trên dây

Lập lại các bước trên cho các ký tự còn lại, nhưng thay đổi màu sắc cho các ký tự như sau:
S – #ff0000
U – #ff7e00
S – #fffc00
P – #a2ff00
E – #06ec00
N – #00d8ff
D – #004eff
E – #7200ff
D – #f000ff

Và đây là kết quả mà bạn đạt được sau khi hoàn tất

Tạo chữ treo lơ lửng trên dây

Bước 4: Giảm opacity cho cả hai layer “Gradient letter” và “Colored letter” xuống còn 60%, sau đó nhân đôi chúng mỗi layer một lần.

Tạo chữ treo lơ lửng trên dây

Tiếp theo, bạn chọn layer “Colored letter”, vào menu Filter > Blur > Gaussian Blur, radius: 5px. Bạn làm tương tự với layer “Gradient letter”.

Tạo chữ treo lơ lửng trên dây

Sau đó, bạn merge 4 layer lại với nhau. Và layer mới có tên là “Colored letters copy“.

Tạo chữ treo lơ lửng trên dây

Bước 5: Làm giống như bước 3, bạn chọn layer “Colored letters copy“, Ctrl + click vào thumnail của layer text để tạo vùng chọn. Sau đó, sử dụng Rectangular Marquee Tool, click vào icon Intersect with Selection trên thanh options bar, vẽ một hình chữ nhật bao quanh ký tự đầu tiên (S). Lúc này, ký tự “S” đã được chọn, nhấn Ctrl + J để nhân đôi nó, đặt tên layer mới này là “S”.

Tạo chữ treo lơ lửng trên dây

Bạn lặp lại bước này trên các ký tự còn lại. Sau đó, tắt layer “Colored letters copy”.

Tạo chữ treo lơ lửng trên dây

Bước 6: Thiết lập màu foreground: #e5ffff. Chọn công cụ Pen tool, trên thanh options bar, bạn click chọn icon Paths.

Tạo chữ treo lơ lửng trên dây

Bạn tạo một layer mới, đặt tên là “Rope”, đặt trên tất cả các layer. Vẽ một đường path như hình dưới.

Tạo chữ treo lơ lửng trên dây

Chọn công cụ brush tròn, cứng, size: 3px. Sau đó, click chọn lại công cụ Pen tool một lần nữa, right click lên đường path vừa tạo và chọn Stroke path.

Tạo chữ treo lơ lửng trên dây

Hộp thoại Stroke path mở ra, bạn chọn Brush, click Ok.

Tạo chữ treo lơ lửng trên dây

Sau đó nhấn Enter và bạn được kết quả.

Tạo chữ treo lơ lửng trên dây

Duplicate layer “Rope“, bạn chọn lại layer “Rope” để áp dụng bộ lọc Gaussian blur (hoặc nhấn Ctrl +F) để thực hiện lại thông số Gaussian như ở bước trước

Tạo chữ treo lơ lửng trên dây

Di chuyển hai layer “Rope” và “Rope copy” xuống dưới các layer ký tự

Tạo chữ treo lơ lửng trên dây

 Bước 7: Xoay và di chuyển các ký tự và đặt nó lên trên “Rope”

Tạo chữ treo lơ lửng trên dây

Ctrl + Click vào thumnail của layer “Rope copy” để tạo vùng chọn

Tạo chữ treo lơ lửng trên dây

Chọn công cụ Eraser tool, và chọn từng layer ký tự để xóa, sao cho nó như  thật sự đang treo trên “Rope”.

Tạo chữ treo lơ lửng trên dây

Sau khi hoàn tất bạn sẽ được kết quả thế  này.

Tạo chữ treo lơ lửng trên dây

Bây giờ chọn một bàn chải cứng tròn cho công cụ Eraser,size: 5 px, và một lần nữa, chọn các layer ký tự, từng layer một để xóa các phần của Rope và ký tự.

Tạo chữ treo lơ lửng trên dây

Sau khi hoàn tất bạn sẽ được một kết quả tương tự thế này.

Tạo chữ treo lơ lửng trên dây

Bước 8: Tới đây, hiệu ứng chữ treo trên đây đã hoàn thành, nhưng để làm nổi bật chúng hơn nữa, chúng ta có thể chỉnh lại một chút cho phần background của mình.

Bạn tạo một layer mới, đặt tên là “BG colors“, đặt nó trên layer background. Sau đó, sử dụng brush tròn và phân tán một số điểm khác nhau trên nền “BG colors”, sử dụng các màu sắc tươi sáng khác nhau như:  # fe5a00, # ffe100, # 7cff00 và # 00fff5.

Tạo chữ treo lơ lửng trên dây

Sử dụng Công cụ Eraser với một bàn chải tròn, mềm để xóa một chút về màu sắc tại trung tâm (xung quanh các văn bản).

Tạo chữ treo lơ lửng trên dây

Cuối cùng, giảm Opacity của “BG color xuống còn 25%.

Tạo chữ treo lơ lửng trên dây

Đến đây bạn đã hoàn tất hiệu ứng một cách tốt đẹp nhất.

Tạo chữ treo lơ lửng trên dây

Chúc các bạn thành công


text effects hieu ung chu css transitions hiệu ứng tooltips

Tin Tức Liên Quan

Tạo icon RSS bóng bẩy
Tạo icon RSS bóng bẩy

Trong bài viết này chúng ta sẽ tạo một biểu tượng rss đầy màu sắc và cực kỳ bóng bẩy cho blog của bạn

Tạo chữ màu bạc tỏa sáng bằng photoshop
Tạo chữ màu bạc tỏa sáng bằng photoshop

Trong bài viết này bạn sẽ có thể tự tay làm một hiệu ứng chữ đẹp mắt cho website hay blog của bạn, với chữ màu bạc tỏa sáng cực kỳ đẹp mắt.

Tạo chữ phát sáng nhiều màu sắc
Tạo chữ phát sáng nhiều màu sắc

Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé

Mẹo ghép ảnh cực cool bằng Photoshop
Mẹo ghép ảnh cực cool bằng Photoshop

Bài hướng dẫn giúp bạn có được những bức ảnh ghép ấn tượng với thao tác đơn giản

Tự tay làm danh thiếp cực pro bằng Photoshop
Tự tay làm danh thiếp cực pro bằng Photoshop

Thủ thuật này sẽ giúp bạn thiết kế danh thiếp có giao diện chuyên nghiệp, hiện đại mà không cần phải có quá nhiều kiến thức về đồ họa mà chỉ bằng Photoshop và vài bước thao tác đơn giản

Tạo button đơn giản cho web bằng Photoshop
Tạo button đơn giản cho web bằng Photoshop

Trong bài viết này chúng ta sẽ tự tay làm một button đơn giản cho website hay blog của bạn chỉ với vài bước đơn giản

Mẹo tạo chữ kim loại 3D
Mẹo tạo chữ kim loại 3D

Chỉ với vài bước đơn giản mình sẽ giúp các bạn tạo logo chữ kim loại hiệu ứng 3D cho website của mình, rất chi là dễ dàng lun, cùng thực hiện theo nhé

Tạo Abstract Wormhole Background
Tạo Abstract Wormhole Background

Hôm nay, mình sẽ chỉ các bạn cách sử dụng brush và điều chỉnh các lớp trong photoshop cs5, bạn có thể bạo ra một hình nền trừu tượng

Hiệu ứng chữ băng
Hiệu ứng chữ băng

Hôm nay, hy vọng rằng những hướng dẫn sau đây sẽ truyền cảm hứng cho bạn để tạo thêm một số hiệu ứng ice cho thiết kế của bạn

Tư vấn thiết kế website giá rẻ

Chat FB
Tư vấn thiết kế website giá rẻ
Chat Zalo

Điện Thoại