Menu Điều Hướng

Tạo hiệu ứng chữ 3D cực cool với photoshop

Với hướng dẫn này mình sẽ chỉ các bạn cách tạo ra một văn bản với hiệu ứng 3D chỉ sử dụng Gradient tool, Lasso, Dodge và Burn. Nó thật sự đơn giản nhưng kết quả thì thật tuyệt vời. Nào, chúng ta bắt đầu nhé!

Tạo hiệu ứng chữ 3D

Bước 1: Trước tiên bạn tạo tài liệu mới với kích thước 800×500 pixels. Thiết lập màu foreground và Background lần lược là #b7e101#74a203. Sử dụng công cụ Gradient tool, nhấn vào Radial gradient trên thanh options, sau đó nhấn và kéo từ tâm đến một trong các góc để tô màu gradient.

Tạo hiệu ứng chữ 3D

Dùng Text tool để tạo chữ. Bạn nên sử dụng font chữ đậm như font Familian, tô màu trắng, size: 175pt. Sau đó, bạn thiết lập các giá trị như trong bảng Character (Window -> Character). Layer chữ này có tên là “Step”.

Tạo hiệu ứng chữ 3D

Vào menu Layer -> Rasterize -> Type để chuyển layer chữ thành một layer bình thường, sau đó nhân đôi text layer, thành “step copy”. Bạn tắt layer “Step” đi.

Tạo hiệu ứng chữ 3D

Bước 2: Doublick lên layer “Step copy” để áp dụng Gradient Overlay cho nó

Tạo hiệu ứng chữ 3D

Tạo hiệu ứng chữ 3D

Lúc này chúng ta sẽ được văn bản với hiệu ứng thế này

Tạo hiệu ứng chữ 3D

Bước 3: Vào Edit -> Transform -> Skew, và di chuyển các góc trên để có được một kết quả tương tự như dưới đây. Sau đó nhấn Enter để thoát ra khỏi chế độ nghiêng

Tạo hiệu ứng chữ 3D

Sử dụng công cụ Rectangular Marquee Tool, vẽ một hình chữ nhật với kích thước 5 x 188px, và đặt nó với vị trí như bên dưới. Bạn có thể kiểm tra kích thước thông tin trong bảng (Window -> Info)

Tạo hiệu ứng chữ 3D

Sau đó, bạn tạo layer mới, đặt tên nó là “Blur 1”, đặt layer này trên tất cả các layer, tô màu vùng chọn màu trắng. Nhấn Ctrl + D để bỏ chọn

Tạo hiệu ứng chữ 3D

Sau đó vào menu Filter > Blur > Gausisan blur cho nó 2,5px.

Tạo hiệu ứng chữ 3D

Bước 4: Lại tiếp tục sử dụng Rectangular Marquee Tool, vẽ một hình chữ nhật với kích thước 24 x 195px, tạo layer mới, tô vùng chọn với màu trắng, đặt tên là “Blur 2“, đặt nó lên trên tất cả các layer.

Tạo hiệu ứng chữ 3D

Lại vào menu Filter -> Blur -> Gaussian, nhưng cho nó giá trị radius là 9px

Tạo hiệu ứng chữ 3D

Bạn chọn hai layer “blur 1” và “blur 2” merge chúng lại (Layer -> Merge Layers). Layer mới có tên là “blur”

Tạo hiệu ứng chữ 3D

Bước 5: Tiếp tục, vào Edit -> Transform -> Rotate và xoay nó một góc như hình, nhấn Enter để hoàn tất.

Tạo hiệu ứng chữ 3D

Bạn Duplicate layer “blur” thêm 3 lần, và đặt nó lên các ký tự “T, E, P”. Sau đó Merge cá layer đó lại với nhau.

Tạo hiệu ứng chữ 3D

Giữ Ctrl + click vào icon của layer “blur” để tạo vùng chọn. Sau đó vào Select -> Inverse (hoặc Ctrl + Shift +I)để đảo ngược vùng chọn

Tạo hiệu ứng chữ 3D

Nhấn Delelte để loại bỏ các phần bên ngoài của hiệu ứng, sau đó nhấn Ctrl + D để bỏ vùng chọn.

Tạo hiệu ứng chữ 3D

Bước 6: Đã đến lúc bạn bật lại layer “step”

Tạo hiệu ứng chữ 3D

Vào Edit -> Transform -> Skew, nghiêng văn bản sang phải một xíu, nhấn enter khi thực hiện xong.

Tạo hiệu ứng chữ 3D

Tiếp tục, vào Edit -> Transform -> Scale, canh chỉnh văn bản theo chiều dọc, đừng quên nhấn Enter nhé.

Tạo hiệu ứng chữ 3D

Bạn hãy chắc rằng layer “step” vẫn còn đang được chọn, và click vào icon “Lock transparent pixels” trong layer panel. Cho màu foreground #689106, trên thanh options bar, bạn không nên check vào Contiguous. Sau đó tô màu foregoround.

Tạo hiệu ứng chữ 3D

Bước 7: Bạn tạo một layer mới (layer 1), đặt nó trên layer “step”. Chọn Polygonal Lasso Tool  và vẽ một vùng chọn xung quanh khu vực trống giữa hai lớp văn bản. Bạn có thể tham khảo hình dưới

Tạo hiệu ứng chữ 3D

Bạn tô  màu foreground cho vùng chọn vừa vẽ xong, nhấn Ctrl + D bỏ chọn.

Tạo hiệu ứng chữ 3D

Bạn hãy làm tương tự bước này với các chữ cái còn lại. Sau đó merge hai layer lại với nhau

Tạo hiệu ứng chữ 3D

Bước 8: Tiếp đến chúng ta sẽ sử dụng Dodge Tool and Burn Tool để làm sáng và tối các cạnh

Chọn công cụ Dodge tool, trong options bar bạn thiết lập Range: MidtonesExposure: 30%. Dùng Polygonal Lasso Tool để lựa chọn vùng và làm sáng dưới vùng ấy.

Tạo hiệu ứng chữ 3D

Với đường cong  như bên dưới thì bạn không cần lựa chọn đâu

Tạo hiệu ứng chữ 3D

Sử dụng công cụ Burn với các thiết lập tương tự như công cụ Dodge Tool để làm tối các khu vực còn lại.

Tạo hiệu ứng chữ 3D

Với việc sử dụng hai công cụ ấy sẽ giúp bạn khắc thêm chiều sâu cho khối chữ 3D.

Hy vọng rằng các bạn sẽ thích và tìm thấy nhiều điều thú vị từ hướng dẫn này.

Tạo hiệu ứng chữ 3D

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


hieu ung chu tab contents web banner

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