Tạo hiệu ứng văn bản hoạt hình trong Photoshop ĐƠN GIẢN cùng SaDesign

14/06/2024 1,185

Nếu bạn đã có những thiết kế theo phong cách ngộ nghĩnh, đáng yêu thì phần text theo style hoạt hình sẽ giúp cho thiết kế của bạn trông độc đáo và hợp với bối cảnh hơn đấy. Kiểu text này độc đáo ở những đường cong mềm mại, hiệu ứng 3D bắt mắt,... Cùng SaDesign tham khảo cách thực hiện hiệu ứng văn bản hoạt hình trong Photoshop qua những chia sẻ ngay sau đây nhé.

Tạo hiệu ứng văn bản hoạt hình trong Photoshop ĐƠN GIẢN cùng SaDesign

Nếu bạn đã có những thiết kế theo phong cách ngộ nghĩnh, đáng yêu thì phần text theo style hoạt hình sẽ giúp cho thiết kế của bạn trông độc đáo và hợp với bối cảnh hơn đấy. Kiểu text này độc đáo ở những đường cong mềm mại, hiệu ứng 3D bắt mắt,... Cùng SaDesign tham khảo cách thực hiện hiệu ứng văn bản hoạt hình trong Photoshop qua những chia sẻ ngay sau đây nhé.

hiệu ứng văn bản hoạt hình trong Photoshop

1. Tạo nền cho hiệu ứng văn bản hoạt hình trong Photoshop

Đầu tiên chúng ta cần có một phông nền để làm nổi bật lên phần text theo style hoạt hình. Vì sẽ tạo hiệu ứng văn bản hoạt hình trong Photoshop cho nên chúng ta cũng nên lựa chọn phần nền theo phong cách này. Hãy tải một phần nền hoạt hình theo ý muốn và mở nó lên trong Photoshop

Tạo nền

2. Tạo và làm cong phần văn bản

Để có được hiệu ứng văn bản hoạt hình trong Photo thì đầu tiên chúng ta cần có phần văn bản, sau đó hiệu chỉnh nó.

Bước 1: Chọn Horizontal Type Tool và chọn phông chữ văn bản hoạt hình Brady Bunch Remastered. Đặt size tùy ý sao cho cân xứng với phần nền của bạn. Hãy viết phần văn bản tùy ý mà bạn muốn. Để chữ dạng in hoa để làm nổi bật, đặt màu sắc tùy ý. Ở đây mình sẽ viết chữ “FAKER” - tên của nhân vật ở trong phần nền mà mình đã chọn.

Chọn Horizontal Type Tool và chọn phông chữ văn bản hoạt hình

Bước 2: Bây giờ chúng ta cần giãn khoảng cách các chữ cái. Chọn layer văn bản, sau đó đi tới bảng Character và thay đổi Tracking thành 50. Nếu bạn không thể nhìn thấy biểu tượng bảng Character, hãy đi tới Window => Character.

đi tới bảng Character và thay đổi Tracking thành 50

Bước 3: Tiếp theo bạn hãy nhấp chuột phải vào layer văn bản và chọn Warp Text từ menu. Đặt Style thành Arc, chọn Horizontal và đặt Bend thành 20% và Horizontal Distortion thành -20%. Bây giờ nhấn OK để áp dụng các thay đổi. Bạn cũng có thể thiết lập thông số tùy ý sao cho phù hợp nhất với thiết kế của mình.

chọn Horizontal và đặt Bend thành 20% và Horizontal Distortion thành -20%

thiết lập thông số tùy ý sao cho phù hợp nhất

Lúc này chúng ta có được kết quả như hình sau:

kết quả như hình

3. Tạo hiệu ứng văn bản hoạt hình trong Photoshop

Sau khi đã có phần văn bản thì chúng ta hãy cùng tạo hiệu ứng hoạt hình cho nó ngay thôi nào.

Bước 1: Hãy chọn layer chữ Faker và nhấp đúp vào layer này để mở hộp thoại Layer Style. Hãy thêm Stroke với các cài đặt sau:

  • Size: 10 px

  • Position: Outside

  • Blend Mode: Normal

  • Opacity: 100%

  • Fill Type: Gradient

  • Style: Shape Burst

  • Angle: 0°

  • Tick chọn Dither 

  • Set Gradient với 2 điểm màu là:

  • Điểm dừng màu đầu có mã màu #f80000 và Location đặt 45%

  • Điểm dừng màu thứ 2 có mã màu #000000 và Location là 59%

chọn layer chữ Faker và nhấp đúp vào layer này

 thêm Stroke với các cài đặt sau:

Bước 2: Vẫn trong bảng Layer Style, thêm Inner Shadow với các cài đặt sau:

  • Blend Mode: Normal với mã màu #fff000

  • Opacity: 100%

  • Bỏ check Use Global Light trước khi đặt Angle: 180°

  • Distance: 3 px

  • Choke: 100%

  • Size: 0 px

  • Tick chọn Anti-aliased 

thêm Inner Shadow với các cài đặt sau:

Bước 3: Thêm style Satin  với các cài đặt sau:

  • Blend Mode: Normal với mã màu #fff000

  • Opacity: 100%

  • Angle: 90°

  • Distance: 2 px

  • Size: 0 px

  • Tick chọn Anti-aliased 

  • Bỏ chọn Invert 

Thêm style Satin với các cài đặt sau:

Bước 4: Thêm Color Overlay với các cài đặt sau:

  • Blend Mode: Multiply

  • Chọn mã màu #fff000

  • Opacity: 100%

Thêm Color Overlay với các cài đặt sau:

Bước 5: Lúc này chúng ta cần thêm họa tiết cho phần văn bản. Hãy tải pattern chấm đỏ Red Dots về máy. Tạo bảng Layer Style ban nãy, hãy thêm Pattern Overlay với các cài đặt sau:

  • Chọn Pattern và chọn tải lên Red Dots pattern

  • Opacity: 100%

  • Scale: 73%

thêm họa tiết cho phần văn bản

Bước 6: Thêm Outer Glow với các cài đặt sau:

  • Blend Mode: Normal

  • Opacity: 100%

  • Chọn Color of glow là mã màu #fff000

  • Technique: Softer

  • Spread: 94%

  • Size: 11 px

  • Tick chọn Anti-aliased 

Thêm Outer Glow với các cài đặt sau:

Sau cùng bạn hãy nhấn OK. Chúng ta thu được hình ảnh với hiệu ứng chữ như trong hình.

Chúng ta thu được hình ảnh với hiệu ứng chữ như trong hình.

Bạn có thể thêm một vài họa tiết để thiết kế thêm độc đáo hơn. Như vậy là chúng ta đã hoàn thành cách tạo hiệu ứng văn bản hoạt hình trong Photoshop.

thêm một vài họa tiết để thiết kế thêm độc đáo hơn.

Trên đây là các bước tạo hiệu ứng văn bản hoạt hình trong Photoshop. Thực tế thì cách thực hiện không quá khó, bạn chỉ cần tỉ mỉ kết hợp nhiều công cụ lại với nhau là được. Hãy thử nhiều lần để có kết quả tốt nhất nhé. Hy vọng những chia sẻ trên đây có thể giúp ích cho bạn.

Xem thêm:
 
Hotline

0868 33 9999
Hotline
Hotline
Xác nhận Reset Key/ Đổi Máy

Bạn có chắc chắn muốn Reset Key/ Đổi Máy trên Key này không?

Máy tính đã kích hoạt Key này sẽ bị gỡ và bạn dùng Key này để kích hoạt trên máy tính bất kỳ.