1. Design & Illustration
  2. Typography

Cách tạo chữ ấn tượng với hiệu ứng lửa trong Photoshop

Scroll to top
Read Time: 13 min
This post is part of a series called Photoshop Tutorials for Beginners.
Design a Glossy Download Icon
Create a Wavy Blackberry Style Wallpaper Design

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Lửa đặc biệt rất khó tả trong Photoshop, nhưng trong hướng dẫn này, tôi sẽ chỉ cho bạn cách sử dụng một bức ảnh lửa để thiết lập chữ cho phù hợp. Chúng ta sẽ thể hiện cái nhìn này trên một nền tối thật đẹp với một hiệu ứng chữ tuyệt vời để hoàn thành hình ảnh này.

Đây là phần thứ hai trong loạt bài gồm năm phần của chúng ta về Photoshop Typography. Nếu bạn bỏ lỡ tuần trước, hãy ghé thăm Create a Spectacular Grass Text Effect.


Phần 1 - Hình nền

Tạo một tài liệu mới trong Photoshop có độ phân giải 1920px rộng x 1200px cao, và với Gradient Tool (G), vẽ một đường tròn xuyên tâm màu nâu (#5c3d09 đến #1f1409) để có một hình giống như hình được hiển thị bên dưới.

Lưu ý rằng gradient này khôngcăn giữa theo chiều dọc mà nằm ở phía trên cùng. Trong hình ảnh này, chúng ta sẽ muốn phần trên cùng của chữ có lửa, vì vậy phần trên cùng của hình ảnh này sẽ sáng hơn một chút.


Bước 2

Như trong hướng dẫn chữ cỏ, một lần nữa, chúng ta sẽ có một hình nền có kết cấu. Nhưng thay vì bắt đầu từ đầu, tôi chỉ sao chép hình nền từ hướng dẫn trước, hợp nhất tất cả các layer và không bão hòa để có được những gì bạn nhìn thấy bên dưới.

Nếu bạn cần làm điều này từ đầu, trước tiên hãy ghé thăm Bittbox để lấy các kết cấu giấy gốc và sau đó làm theo các bước của hướng dẫn trước.


Bước 3

Bây giờ chúng ta sẽ thiết lập layer này là Overlay và trộn kết cấu này vào hình nền và thế là xong!


Bước 4

Chỉ cần thêm một chút kết cấu nữa, hãy chạy bộ lọc Texturizer. Để làm điều này, hãy tạo một layer mới và tô màu nó với màu nâu/màu be — #66500f. Sau đó vào Filter > Texture > Texturizer và sử dụng kết cấu Canvas với 80% Scaling và Relief cài đặt thành 4.


Bước 5

Sau khi bạn có layer kết cấu của bạn, thiết lập với Overlay. Điều này sẽ thêm một số chi tiết tinh tế nữa vào kết cấu của chúng ta, điều này rất tốt vì chúng ta sẽ làm việc trên một bản vẽ như vậy.


Bước 6

Tiếp theo, chúng ta sẽ áp dụng một layer để giảm bão hòa nửa dưới của hình ảnh này. Điều này là để phần trên cùng trông như nó có một ánh sáng ấm hơn nơi ngọn lửa bốc cháy, trong khi phía dưới sẽ trông lạnh hơn một chút.

Vì vậy, tạo một layer mới và tô nó với màu #4b4f3b. Sau đó, thêm một layer mask với gradient để che phần trên và mờ dần xuống dưới (như vậy bạn sẽ có được hiệu ứng như hiển thị).

Bây giờ thiết lập layer này với Color và 45% Opacity.


Phần 2 — Chữ+ánh sáng = Tuyệt vời

OK, bây giờ chúng ta đã có một hình nền đẹp! Hãy thêm chữ. Tôi đã sử dụng font chữ Trajan vì đó là một phông chữ trông rất ấn tượng. Ở đây tôi đã thiết lập chữ này với màu #cb9328, sau đó đặt nó thành Linear Dodge (Add) với Opacity là 8%.

Điều chúng ta sẽ làm với chữ của chúng ta là làm cho nó trông giống như nửa trên của chữ hiện trên nền và cháy đỏ rực với ngọn lửa bập bùng. Điều này có nghĩa là chúng ta sẽ chạy rất nhiều hiệu ứng và áp dụng layer mask cho chúng để chỉ thấy nửa trên trong khi nửa chữ dưới lại mờ dần như chúng ta hiện đang có.


Bước 8

Vì vậy, trước tiên hãy tạo một nhóm layer mới để đặt tất cả các layer chữ vào trong đó — bởi vì sẽ có nhiều layer chữ.

Sau đó lặp lại layer chữ và đặt màu của chữ nhân đôi là#5e3f1c.


Bước 9

Bây giờ thiết lập layer chữ mới nhất là Overlay và Opacity 70%. Nó trông có kiểu hơi đỏ (như hình dưới).


Bước 10

Bây giờ, nhân đôi chữ một lần nữa và thiết lập bản sao mới nhất thành màu vàng— #cb9328. Sau đó thiết lập nó là Linear Dodge (Add) và Opacity 30%.

Tiếp theo chúng ta thêm một layer mask và vẽ một gradient để layer chữ mới nhất sẽ mờ dần như hình dưới đây, và bên dưới bạn có thể thấy sự kết hợp màu đỏ của hai layer chữ dưới cùng.



Bước 11

Tiếp theo chúng ta nhân đôi layer chữ một lần nữa, nhưng đặt layer này ở phía dưới. Thiết lập màu là màu đen— #000000. Sau đó, vào Filter > Blur > Gaussian Blur và nó sẽ yêu cầu bạn rasterize chữ, nhấp chuột vào yes, và sau đó đặt Radius khoảng 4px.

Sau đó, Ctrl-nhấp chuột vào bất kỳ layer chữ nào khác và quay trở lại layer màu đen và nhấn delete để bạn chỉ để lại với một kiểu bóng đổ. Sau đó nhân đôi layer này và hợp nhất nó với layer đầu tiên để có hiệu ứng mạnh hơn. Bạn sẽ có một điều gì đó trông giống như ảnh chụp màn hình dưới đây.


Bước 12

Một lần nữa, thêm một layer mask để bóng đổ mờ dần như được hiển thị. Điều này làm cho nó trông như chữ sắp hiện trên trang.


Bước 13

Bây giờ lặp lại layer màu đen của chúng ta một lần nữa và sử dụng Smudge Tool (R) và một cọ mềm lớn mà bạn muốn để tạo vết bẩn xug quanh bóng đổ để nó trông giống như vết cháy.


Bước 14

Đây là cách chữ của chúng ta đang thể hiện cho đến lúc này. Tôi thực sự tạo ra hai bộ dấu "vết cháy", và sau đó là bốn bộ của layer bóng đổ cho mỗi chỗ mờ nhiều hơn một chút so với layer cuối cùng và mờ dần.


Bước 15

Bây giờ là lúc thực hiện phần trên cùng của ánh sáng của chữ. Vì vậy, trước hết, nhân đôi layer chữ một lần nữa và đặt layer này ở trên cùng và đặt nó thành màu vàng— #dc9a08.

Sau đó thực hiện Filter > Blur > Gaussian Blur lên trên nó với Radius là 8px. Sau đó lấy một cọ tẩy mềm lớn và chỉ xóa các phần ở phía dưới để nó không đồng đều.


Bước 16

Thiết lập layer ánh sáng đầu tiên của chúng ta thành Soft Light. Bạn có thể muốn lặp lại quá trình này, thậm chí là xóa nhiều hơn để phần trên cùng sáng hơn.


Bước 17

Bây giờ nhân đôi layer chữ một lần nữa và đặt nó ở trên cùng. Điều này nên được thực hiện một lần nữa cùng một màu vàng (#dc9a08).

Sau đó vào Layer > Rasterize > Type và biến chữ đó thành một hình phẳng. Sau đó Ctrl-nhấp chuột vào layer và vào Select > Modify > Contract và sử dụng giá trị 1px. Sau đó nhấn Delete để xóa mọi thứ ngoại trừ đường viền 1px đó.


Bước 18

Bây giờ thiết lập layer 1px là Overlay, và bạn sẽ có một điều gì đó giống như hình dưới đây.


Bước 19

Bây giờ, ánh sáng 1px của chúng ta thêm một layer mask để làm mờ nó xuống phần dưới cùng như chúng ta đã làm với các layer khác.

Sau đó nhân đôi layer, và chạy Filter > Blur > Gaussian Blur đặt thành 1px. Sau đó, nhân đôi layer này một lần nữa và làm mờ nó với 2px. Sau đó, nhân đôi layer đó một lần nữa và làm mờ nó bằng 4px.

Sau đó Ctrl- nhấp chuột vào bất kỳ layer chữ nào, nhấn Ctrl+Shift+I để đảo ngược vùng chọn và đi qua từng layer ánh sáng và nhấn Delete để xóa bất kỳ mờ nào đã bị xóa khỏi ranh giới của chữ.

Ý tưởng là chúng ta muốn các cạnh của chữ trông nóng đỏ khi nó mờ dần thành ánh sáng nóng tổng thể trên chữ.


Bước 20

Tiếp theo chúng ta nhân đôi tất cả bốn layer ánh sáng và hợp nhất chúng lại với nhau. Thao tác này sẽ có được một layer ở trên cùng, có màu vàng tươi sáng ban đầu.

Lấy Smudge Tool và áp dụng cho chữ, làm bẩn chữ để trông như sóng nhiệt sắp tắt ở trên chữ, như được hiển thị.

Bước 21

Bây giờ thiết lập layer mới nhất này là Overlay và bạn sẽ có một hình trông như thế này!


Bước 22

Bây giờ chúng ta đã hoàn thành khá nhiều cho chữ của mình. Tôi đã sử dụng và nhân đôi một số layer ánh sáng để làm cho nó trông thậm chí còn bốc lửa hơn. Hãy thử nghiệm để có được một diện mạo ánh sáng đỏ nóng thực sự.


Bước 23

Tiếp theo, để giữ hình nền cuối cùng tôi đã tiếp tục và thêm một trích dẫn bên dưới chữ chính của tôi. Điều này cung cấp một sự chỉnh trang đẹp cho trang. Hãy thử sử dụng các màu sắc phù hợp với layer hình nền và layer chữ để nó không nổi bật quá nhiều, bởi vì chúng ta thực sự muốn đây là phần phụ cho chữ chính. Tôi đã sử dụng Swiss Light Condensed làm phông chữ của tôi và bố cục nó giống như trong hướng dẫn Grass Text trước đây.


Phần 3 - Ngọn lửa

Cuối cùng, với tất cả công việc chuẩn bị của chúng ta đã thực hiện xong, đã đến lúc thêm những ngọn lửa thực sự! Với điều này, chúng ta cần một số hình ảnh của lửa nổi bật nền đen. Một bức ảnh đẹp rất khó tìm, và dù cố gắng, tôi vẫn không thể tìm thấy một bức ảnh miễn phí thực sự tuyệt vời. Vì vậy, cuối cùng tôi đã sử dụng hình ảnh này từ Fotolia mà bạn có thể mua bằng cách sử dụng liên kết dưới đây. Ngoài ra còn có một bức ảnh OK từ Flickr mà tôi cũng đã liên kết và tôi đã sử dụng cho chữ "E". Vì vậy, bạn có thể sẽ muốn có nó.

AcheroN—Fotolia.com
Peasap—Flickr.com

Bây giờ kỹ thuật sao chép ngọn lửa trên thực sự rất đơn giản. Tôi thực sự chỉ học được kỹ thuật này gần đây khi đọc một trong những hướng dẫn của Nik Ainley của tạp chí DigitalArts có tên là Create Amazing Photomontages, mà tác giả đã làm nó với nước.

Những gì bạn cần làm là:

  1. Mở hình ảnh ngọn lửa trong Photoshop
  2. Chuyển đến tab Channels và tìm kênh có độ tương phản cao nhất, các hình ảnh lửa sẽ là Red Channel và nhấp chuột vào đó.
  3. Thao tác này sẽ làm cho hình ảnh của bạn xuất hiện với màu đen và trắng, và bởi vì chúng ta đang ở trên layer có độ tương phản cao nhất, nó sẽ có vẻ thực sự trắng sáng. Bây giờ Ctrl-nhấp chuột vào kênh này và nó sẽ chọn tất cả các điểm ảnh trong kênh đó.
  4. Nhấp chuột lại vào kênh RGB và sao chép các pixel đã chọn
  5. Bây giờ bạn có thể dán ngọn lửa vào khung chính của bạn!

Đây thực sự là một kỹ thuật thực sự hữu ích để sao chép một thứ gì đó trong mờ như lửa cháy trên một nền phẳng. Và như bạn thấy bằng cách truy cập vào hướng dẫn của Nik, nó cũng rất tuyệt vời cho việc sao chép nước!


Bước 25

Vậy là, chúng ta đã dán các ngọn lửa vào khung vẽ chính của chúng ta. (Để rõ ràng, tôi cũng tạm thời tắt các layer chữ). Như bạn có thể thấy, chúng ta đã có lửa mà không có nền đen và nó trong suốt một phần, có nghĩa là nó sẽ trông rất đẹp mắt ở trên chữ của chúng ta.


Bước 26

Bây giờ điều tiếp theo cần làm là cắt lửa thành vài phần. Chỉ cần sao chép layer đó và tắt layer như một bản sao lưu trước tiên. Sau đó, sử dụng Pen Tool, cắt ngọn lửa để bạn thực hiện với các đường nét của ngọn lửa để nó trông tự nhiên. Ở đây bạn có thể thấy tôi đã tạo ra bốn phần lửa từ một hình ảnh. Bạn cũng có thể thử lật bit xung quanh để làm cho chúng có vẻ ngẫu nhiên hơn.

Đặt các layer này thành Chế độ Công cụ Pen sao cho các phần màu đen còn lại hoàn toàn biến mất và thậm chí còn trong suốt hơn.


Bước 27

Bây giờ vì chữ của tôi chỉ là bốn chữ cái, tôi cần bốn phần lửa riêng biệt. Đối với phần thứ tư (ở trên cùng của chữ E) tôi đã thực sự sử dụng bức ảnh đó và lặp đi lặp lại quá trình tương tự như trước đó để tạo ra một ngọn lửa khác. Ngoài ra ngọn lửa trên chữ cái I đã bị đè bẹp một chút cũng để làm cho nó trông ngẫu nhiên hơn.


Bước 28

Áp dụng lửa như thật dễ dàng như di chuyển ngọn lửa trên chữ. Bạn có thể thử để lừa phù hợp hình dạng của chữ cái để nó có vẻ như chúng đang nhảy múa khỏi các chữ cái.


Bước 29

Ở đây tôi đã đặt tất cả bốn bit ngọn lửa ở trên cùng. Nó trông không tệ, nhưng bạn có thể thấy rằng chữ I và R có cùng ngọn lửa và tất cả ngọn lửa đều không cao lắm.


Bước 30

Vì vậy, ở đây tôi đã đi qua từng ngọn lửa và sử dụng Transform Tool để kéo dài chúng theo chiều dọc. Ngoài ra tôi đã bôi xóa một cách khéo léo để làm cho ngọn lửa trên chữ I trông độc đáo hơn một chút.


Bước 31

Bây giờ để làm cho chúng trông sáng hơn, nhân đôi từng layer ngọn lửa, chạy Filter > Blur > Gaussian Blur với Radius là 3px và thiết lập Opacity 15% cho layer đó để cung cấp một chút ánh sáng xung quanh các cạnh của ngọn lửa.


Bước 32

Chúng ta đã sắp xong rồi! Đây là cách bố cục này thể hiện.


Bước 33

Cuối cùng, chúng ta sẽ thêm một điểm nổi bật cuối cùng. Tạo một layer mới phía trên tất cả các layer khác và vẽ một gradient xuyên tâm màu trắng sang đen như được hiển thị. Đặt layer này thành Overlay và Opacity 40%.


Hoàn thành!

Và chúng ta đã xong, một chữ với hiệu ứng lửa! Trong hướng dẫn tiếp theo của loạt bài này, chúng ta sẽ tạo hình ảnh Không khí, tuy nhiên nó sẽ được đăng trong hai tuần nữa thay vì một tuần - vì tôi đang đi nghỉ vài ngày!

Nếu bạn quan tâm đến việc tạo ra ngọn lửa từ đầu trong Photoshop, bạn cũng có thể sẽ muốn tham khảo hướng dẫn cổ điển này vì nó cũng tình cờ sử dụng cùng một kiểu chữ! Đó là một hướng dẫn Photoshop 6, và tôi vẫn nhớ đã đọc nó lâu như một nửa thập kỷ trước, nhưng nó vẫn còn rất liên quan, ngay cả khi các ảnh chụp màn hình có đặc điểm như một giao diện Mac siêu retro.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads