Cách Tạo Hiệu ứng Chữ Lửa Cháy Trong Adobe Photoshop

Nỗi ám ảnh về lửa là một nỗi sợ bất thường, âm ỉ. Hướng dẫn này sẽ chỉ bạn cách sử dụng bộ lọc Flame của Photoshop với các texture lửa, khói và tia sáng cũng như các tùy chọn blend màu, filters, và adjustment settings để tạo hiệu ứng chữ rực sáng và bùng cháy. Hãy cùng bắt đầu nào!

Hiệu ứng chữ này được lấy cảm hứng từ nhiều Layer Styles có sẵn trên GraphicRiver.

Nguyên liệu

Những tài nguyên sau được sử dụng trong suốt bài hướng dẫn này:

  • Aller Light font
  • Flames0032 Images
  • Flames0036 Images
  • Flames0043 Images
  • Smoke Images
  • Fireworks0023 Images
  • Fireworks0017 Image 2 - Medium

1. Cách tạo Background và Text Layers

Bước 1

Tạo tài liệu mới với kích thước 1200 x 850 px, click vào biểu tượng Create new fill hoặc adjustment layer ở dưới bảng Layers, chọn Solid Color, và sử dụng Color #1e100c.

Solid ColorSolid ColorSolid Color

Bước 2

Tạo text trong All Caps sử dụng font Aller Light. Thiết lập Size thành 350 pt và Tracking thành 100.

Create the TextCreate the TextCreate the Text

2. Cách tạo Stroke Path và Layer

Bước 1

Right-click vào text layer và chọn Create Work Path.

Create Work PathCreate Work PathCreate Work Path

Bước 2

Ẩn text layer bằng cách click vào biểu tượng con mắt bên cạnh nó và tạo một new layer với tên Stroke Flames.

Stroke Flames LayerStroke Flames LayerStroke Flames Layer

3. Cách sử dụng Flame Filter

Bước 1

Đi tới Filter > Render > Flame, và click OK nếu bạn bạn nhận thông báo rằng đường path dài.

Tiếp theo, bạn sẽ được thao tác với những tùy chọn và các giá trị cài đặt khác vào đường path với những ngọn lửa đến khi có kết quả bạn thích.

Những giá trị được sử dụng dưới dây là:

Basic

  • Flame Type: 2. Multiple Flames Along Path
  • Length: 115
  • Đánh dấu ô Randomize Length 
  • Width: 35
  • Interval: 50
  • Đánh dấu ô Adjust Interval for Loops. 
  • Quality: High (Slow)
Flame Filter BasicFlame Filter BasicFlame Filter Basic

Advanced

  • Turbulent: 35
  • Jag: 20
  • Opacity: 50
  • Flame Lines (Complexity): 29
  • Flame Bottom Alignment: 20
  • Flame Style: 2. Violent
  • Flame Shape: 5. Pointing
  • Đánh dấu Randomize Shapes.

Click vào OK để áp dụng bộ lọc. Nó có thể tốn một ít thời gian, hãy chờ một lúc để nó xuất ra.

Flame Filter AdvancedFlame Filter AdvancedFlame Filter Advanced

Bước 2

Khi có kết quả mà bạn thích, chọn công cụ Direct Selection Tool (A) và nhấn phím Return để thoát work path.

Hide Work PathHide Work PathHide Work Path

4. Cách tạo một Texture Overlay Layer

Bước 1

Tạo một new layer trên Stroke Flames layer, đặt tên Flame Texture, và chọn White.

Đảm bảo thiết lập Foreground và Background Colors thànhBlack vàWhite.

Flame Texture LayerFlame Texture LayerFlame Texture Layer

Bước 2

Right-click vào Flame Texture layer và chọn Convert to Smart Object.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Bước 3

Right-click vào Flame Texture layer một lần nữa và chọn Create Clipping Mask.

Create Clipping MaskCreate Clipping MaskCreate Clipping Mask

Bước 4

Đi tới Filter > Render > Clouds.

Clouds FilterClouds FilterClouds Filter

5. Cách tạo một Texture sử dụng Filters

Bước 1

Đi tới Filter > Filter Gallery để áp dụng theo Filters:

Sketch > Bas Relief

  • Detail: 13
  • Smoothness: 3
  • Light: Bottom
Bas ReliefBas ReliefBas Relief

Bước 2

Click vào biểu tượng New effect layer ở dưới góc phải để thêm bộ lọc khác và áp dụng Bas Relief cùng giá trị một lần nữa.

New Effect LayerNew Effect LayerNew Effect Layer

Bước 3

Thêm hiệu ứng khác cho layer mới.

Brush Strokes > Spatter

  • Spray Radius: 10
  • Smoothness: 5

Click OK khi hoàn thành.

SpatterSpatterSpatter

6. Cách điều chỉnh Blending Options của Layer

Bước 1

Thay đổi chế độ của Flame Texture layer từ Blend Mode sang Soft Light.

Blend ModeBlend ModeBlend Mode

Bước 2

Double-click vào Flame Texture layer để điều chỉnh Blending Options. Chúng ta sẽ điều chỉnh vào thanh trượt This Layer dưới Blend If.

Nhấn-giữ phím Option và click-kéo thanh trượt bên phải để chia nó ra. Khi di chuyển thanh trượt đến cuối, bạn sẽ thấy cách texture bắt đầu blend tốt hơn với những ngọn lửa.

Thanh trượt này ngăn vùng sáng của texture tác động với nội dung bên dưới.

Blending OptionsBlending OptionsBlending Options

Bước 3

Thử các giá trị khác để có kết quả mà bạn muốn.

Chúng ta quay lại texture ở cuối bài hướng dẫn để làm mờ nó đi, bạn cũng có thể xác định thêm một vài giá trị.

Adjust the ValuesAdjust the ValuesAdjust the Values

7. Cách thêm những ảnh ngọn lửa

Bước 1

Sử dụng ảnh ngọn lửa bất kỳ Flames0032Flames0036, và Flames0043 để thêm vào text.

Cách tốt hơn hết là chuyển ảnh thành các Smart Objects để bạn có thể áp dụng các thay đổi mà không làm hỏng chúng.

Để thực hiện, đi tới File > Place Linked và áp dụng ảnh mà bạn muốn.

Place Flame ImagesPlace Flame ImagesPlace Flame Images

Bước 2

Thay đổi chế độ của image layer từ Blend Mode sang Screen.

Blend ModeBlend ModeBlend Mode

Bước 3

Nhấn Command-T để vào chế độ Free Transform Mode và di chuyển, định dạng lại kích thước và xoay ảnh để đặt lên một phần văn bản.

Nhấn phím Return để lưu thay đổi.

Free Transform ModeFree Transform ModeFree Transform Mode

Bước 4

Đi tới Image > Adjustments > Hue/Saturation,và chọn Hue thành và Saturation thành -35, hoặc giá trị khác bất kỳ trùng với màu của flame và stroke.

HueSaturationHueSaturationHueSaturation

8. Thêm nhiều ngọn lửa hơn

Bước 1

Đặt hình ngọn lửa khác trên một phần khác của văn bản, thay đổi chế độ của layer từ Blend Mode sang Screen và thay đổi khi cần.

Để nhân đôi adjustments, mở rộng danh sách bộ lọc của ảnh ngọn lửa đầu tiên, nhấn-giữ phím Option  click-kéo tab Smart Filters để thêm ảnh layer mới.

Duplicate the Smart FiltersDuplicate the Smart FiltersDuplicate the Smart Filters

Bước 2

Lặp lại các bước để thêm vào nhiều hình ngọn lửa nếu cần vào văn bản.

Add More Flame ImagesAdd More Flame ImagesAdd More Flame Images

Bước 3

Đặt tất cả các layer của ảnh ngọn lửa trong một nhóm và đặt tên Flames.

Flames GroupFlames GroupFlames Group

9. Cách thêm  Light Smoke Images

Bước 1

Thêm ảnh ảnh khói bất kỳ mà bạn thích thành Smart Object, và thay đổi chế độ của layer từ Blend Mode sang Screen.

Đặt hình khói lên một phần text và thay đổi khi cần.

Add a Smoke ImageAdd a Smoke ImageAdd a Smoke Image

Bước 2

Nhấn Command-U để điều chỉnh Hue/Saturation. Đánh dấu Colorize và thay đổi Hue thành 215, Saturation thành 25, và Lightness thành -60.

HueSaturationHueSaturationHueSaturation

Bước 3

Double-click vào smoke image layer để điều chỉnh Blending Options. Lần này, chúng ta sẽ điều chỉnh thanh trượt Underlying Layer dưới Blend If.

Nhấn-giữ phím Option và click-kéo thanh trượt bên phải để chia nó. Khi bạn di chuyển đến cuối thanh trượt, bạn sẽ thấy cách ảnh khói bắt đầu blend màu vào text và background.

Thanh trượt này bảo vệ những vùng sáng hơn của text bằng smoke texture.

Blending OptionsBlending OptionsBlending Options

Bước 4

Right-click vào smoke image layer và chọn Copy Layer Style.

Copy Layer StyleCopy Layer StyleCopy Layer Style

Bước 5

Thêm nhiều smoke images vào text và cho mỗi ảnh mới mà bạn thêm vào, right-click vào layer và chọn Paste Layer Style.

Bạn cũng có thể nhân đôi  Hue/Saturation tương tự như cách bạn nhân đôi chúng cho ảnh các ngọn lửa.

Double-click vào tab Hue/Saturation dưới danh sách Smart Filters để sử dụng các giá trị khác phụ thuộc vào ảnh mà bạn thêm vào và hiệu ứng bạn muốn.

Lặp lại các bước tương tự đến khi có kết quả bạn thích.

Add More Smoke ImagesAdd More Smoke ImagesAdd More Smoke Images

Bước 6

Đặt tất cả các smoke image layer trong một nhóm và đặt tên Smoke và thay đổi Opacity của nhóm thành 85% hoặc giá trị bất kỳ bạn thích.

Smoke GroupSmoke GroupSmoke Group

10. Cách thêm các hình ảnh khói mạnh

Bước 1

Chúng ta sẽ thêm nhiều ảnh khói để tạo chiều sâu hơn.

Thêm ảnh khói mới, thay đổi chế độ của layer từ Blend Mode sang Lighter Color, đặt nó lên một phần text và thay đổi khi cần.

Add a Smoke ImageAdd a Smoke ImageAdd a Smoke Image

Bước 2

Thêm một vài ảnh khói sử dụng giống chế đô Blend Mode, và giữ một ít ảnh có kích thước nhỏ nhiều hơn ảnh ảnh sáng hơn.

Add More Smoke ImagesAdd More Smoke ImagesAdd More Smoke Images

Bước 3

Đặt tất cả các smoke image layer mới trong một nhóm và đặt tên Smoke 02, và thay đổi Opacity sang 50%, hoặc giá trị bất kỳ theo sở thích mà bạn muốn tạo hiệu ứng.

Smoke 02 GroupSmoke 02 GroupSmoke 02 Group

11. Cách thêm các tia sáng

Bước 1

Đặt một trong các ảnh Fireworks0023 lên bất kỳ phần nào của text, thay đổi chế độ của layer từ Blend Mode sang Linear Dodge (Add) và thay đổi khi cần.

Add a Sparks ImageAdd a Sparks ImageAdd a Sparks Image

Bước 2

Lặp lại những bước tương tự để thêm nhiều tia sáng trên text.

Add More Spark ImagesAdd More Spark ImagesAdd More Spark Images

Bước 3

Đặt tất cả các spark image layer trong một nhóm và đặt tên Sparks.

Sparks GroupSparks GroupSparks Group

12. Cách tạo Outer Glow

Bước 1

Nhấn-giữ phím Option và click-kéo  Stroke Flames layer xuống để tạo một bản sao bên dưới bản gốc.

Duplicate the Stroke Flames LayerDuplicate the Stroke Flames LayerDuplicate the Stroke Flames Layer

Bước 2

Đặt lại tên copy layer thành Glowright-click vào nó và chọn Convert to Smart Object.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Bước 3

Đi tới Filter > Blur > Gaussian Blur, và thiết lập Radius thành 25.

Gaussian BlurGaussian BlurGaussian Blur

Bước 4

Thay đổi chế độ của Glow layer từ Blend Mode thành Hard Light và Opacity là 25%.

Blend Mode and OpacityBlend Mode and OpacityBlend Mode and Opacity

13. Cách thêm khói vào Background

Bước 1

Đặt một ảnh khói trên tất cả các layer và thay đổi chế độ của layer từ Blend Mode thành Screen.

Định dạng lại kích thước của ảnh vào một mặt của tài liệu.

Add a Smoke ImageAdd a Smoke ImageAdd a Smoke Image

Bước 2

Nhấn Command-U để điều chỉnh Hue/Saturation. Đánh dấu ô Colorize và thay đổi Hue là 215, Saturation là 25, và Lightness là -83.

Hãy nhớ rằng những giá trị này được sử dụng trong hướng dẫn nhưng bạn luôn có thể tinh chỉnh để phù hợp với công việc và ảnh của bạn.

HueSaturationHueSaturationHueSaturation

Bước 3

Đi tới Filter > Blur > Gaussian Blur và thiết lập Radius thành 6. Mục đích là tạo ra hiệu ứng sương mù quanh text.

Gaussian BlurGaussian BlurGaussian Blur

Bước 4

Lặp lại những bước tương tự để thêm vài ảnh khói.

Add More Foggy SmokeAdd More Foggy SmokeAdd More Foggy Smoke

Bước 5

Bạn cũng có thể thêm khói phía sau text.

Add Smoke Behind the TextAdd Smoke Behind the TextAdd Smoke Behind the Text

14. Cách tạo Background Texture 

Bước 1

Đặt Fireworks0017 - Image 2 texture trên Solid Color layer, và thay đổi chế độ của layer từ Blend Mode sang Linear Dodge (Add) và Opacity là 50%.

Thay đổi texture khi cần để fill background.

Add a Background TextureAdd a Background TextureAdd a Background Texture

Bước 2

Nếu bạn muốn loại bỏ phần bất kỳ của texture, click vào biểu tượng Add layer mask ở dưới bảng Layers và đảm bảo chọn thumbnail của mặt nạ.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

Bước 3

Thiết lập Foreground Color làBlack, chọn công cụ Brush Tool và chọn đầu cọ mềm tròn. Vẽ lên vùng bất kỳ mà bạn muốn xóa.

Erase Unwanted AreasErase Unwanted AreasErase Unwanted Areas

15. Cách áp dụng điều chỉnh cuối cùng

Bước 1

Click vào biểu tượng Create new fill hoặc adjustment layer dưới bảng Layers và chọn Color Lookup.

Chọn FoggyNight.3DL từ trình đơn 3DLUT File và thay đổi Opacity là 10%.

Color LookupColor LookupColor Lookup

Bước 2

Chọn Flame Texture layer và đi tới Filter > Blur > Gaussian Blur và thiết lập Radius thành 3 để texture không thô cứng.

Gaussian BlurGaussian BlurGaussian Blur

Xin chúc mừng! Bạn đã hoàn thành 

Trong bài hướng dẫn này, chúng ta đã tạo ra một văn bản work path và tạo stroke với các ngọn lửa bằng cách sử dụng Flame filter. Sau đó, chúng ta đã thêm lửa, khói và texture ảnh tia lửa để tạo hiệu ứng. Chúng ta cũng đã sử dụng blending option, filter và adjustment để hòa trộn mọi thứ với nhau tốt hơn. Cuối cùng, chúng ta đã thêm background và những chỉnh sửa hiệu ứng hoàn tất.

Đừng ngần ngại để lại bình luận, đề nghị và kết quả bên dưới dưới. 

Final ResultFinal ResultFinal Result

Từ khóa » Viết Chữ Lửa Trong Photoshop