Cách tạo hiệu ứng chữ phát sáng kết hợp 3D trong Illustrator

Các hiệu ứng phát sáng của ánh đèn neon đang là xu hướng của năm nay, chính vì thế đây là lúc các nhà thiết kế tích hợp phong cách này vào thiết kế của họ. Cách thực hiện cũng không quá khó khăn. Dưới đây là cách thức thực hiện.

Tài liệu chuẩn bị

1. Cách mở tài liệu mới

Khởi chạy Adobe Illustrator và đi đến File > New để mở một tài liệu trống. Nhập tên cho tệp của bạn, thiết lập kích thước và sau đó chọn Pixels cho UnitsRGB cho Color Mode.

diana_toxic_glow_effect_text_effect_image_1-min.jpg


2. Cách tạo nền


Sử dụng Rectangle Tool (M) và chỉ cần kéo nó vừa với khung làm việc hoặc nhập số liệu bằng với kích thước không gian làm việc để tạo nền.

diana_toxic_glow_effect_text_effect_image_2-min.jpg

3. Cách tạo văn bản

Sử dụng Công cụ Type (T) , nhấp vào artboard và viết vào đoạn text bất kỳ bằng Phông chữ GWikiwo, kích thước 170 pt. Và điều chỉnh các thông số như ảnh bên dưới.

diana_toxic_glow_effect_text_effect_image_3-min.jpg

4. Cách tạo diện mạo của văn bản

Bước 1


Với văn bản vẫn được chọn, loại bỏ màu fill hiện có trên thanh công cụ. Nó sẽ làm cho văn bản vô hình, nhưng đây là chính xác những gì chúng ta cần.

diana_toxic_glow_effect_text_effect_image_4-min.jpg

Bước 2

Đảm bảo rằng văn bản vô hình vẫn được chọn và nhấn Add New Fill ở dưới cùng của bảng Appearance (Windows -> Appearance). Sử dụng gradient để fill màu.

Đây là thuộc tính Fill đầu tiên trong bảng điều khiển Appearance và chúng ta sẽ tiếp tục xây dựng hiệu ứng phát sáng.

diana_toxic_glow_effect_text_effect_image_4B-min.jpg

Bước 3

Nhấn Add New Fill lần nữa để thêm thuộc tính Fill thứ hai. Sử dụng gradient để fill màu cho nó (1).

Tiếp theo, đi tới Effect > Sketch > Bas Relief và áp dụng các cài đặt được chỉ định. Đặt Detail thành 1 (tối thiểu), Smoothness thành 15 (tối đa) và Light thành Top Left. Thao tác này sẽ tạo ra hiệu ứng 3D và tạo bóng (2).

diana_toxic_glow_effect_text_effect_image_5-min.jpg


Bước 4


Nhấn Add New Fill lần nữa để thêm thuộc tính Fill thứ ba ở đầu bảng điều khiển Appearance. Sử dụng gradient màu lục sang màu lục nhạt và đặt Angle tới -90 độ . Thay đổi Blending Mode thành Overlay;

diana_toxic_glow_effect_text_effect_image_6-min.jpg


Bước 5

Chọn văn bản và thêm màu fill lần nữa bằng cách nhấp vào Add New Fill. Sử dụng gradient tô màu nó.

Đảm bảo rằng thuộc tính Fill này được chọn, rồi đi tới Effect> Sketch> Chrome. Đặt Detail thành 0 (tối thiểu) và Smoothness thành 10 (tối đa) và nhấn OK. Kết quả là, chúng ta sẽ có được một chút texture trên văn bản.

diana_toxic_glow_effect_text_effect_image_7-min.jpg


Bước 6

Trong khi văn bản và thuộc tính Fill được chọn, hãy đi tới Effect > Sketch > Bas Relief để áp dụng hiệu ứng này. Đặt Detail thành 1Smoothnessthành 15, như trước đây, nhưng đặt Light thành Top.

Cùng với hiệu ứng Chrome , điều này sẽ tạo ra các biến thể bề mặt và mang lại cái nhìn linh hoạt hơn cho hiệu ứng.
diana_toxic_glow_effect_text_effect_image_8-min.jpg

Bước 7

Đảm bảo rằng văn bản được chọn và thay đổi Blending Mode của thuộc tính Fill cuối cùng thành Soft Light . Hai hiệu ứng được áp dụng sẽ hòa trộn với màu bên dưới và tạo hiệu ứng chân thực hơn.
diana_toxic_glow_effect_text_effect_image_9-min.jpg


Bước 8


Trong khi văn bản vẫn được chọn, nhấn Add New Fill lần nữa để thêm màu fill thứ năm. Sử dụng gradient màu xám sang màu xám đậm hơn và đặt Angle thành -90 độ. Di chuyển Fill này vào giữa các thuộc tính Fill thứ ba và thứ tư được tạo trước đó. Đặt Blending Mode thành Color Dodge , và thao tác này sẽ cho chúng ta hiệu ứng phát sáng neon.

diana_toxic_glow_effect_text_effect_image_10-min.jpg


Bước 9


Đã đến lúc thêm shadow. Chọn văn bản và nhấn Add New Fill lần nữa để thêm thuộc tính Fill khác. Sử dụng gradient; sau đó vào Effect> Stylize> Drop Shadow và áp dụng các cài đặt như trong ảnh bên dưới.

diana_toxic_glow_effect_text_effect_image_11-min.jpg


Bước 10


Tạo hiệu ứng phát sáng

Thêm một thuộc tính Fill khác ở dưới cùng của bảng điều khiển và sử dụng cùng một gradient từ bước trước. Tiếp theo, đi tới Effect> Stylize> Outer Glow và áp dụng các cài đặt như bên dưới.

diana_toxic_glow_effect_text_effect_image_12-min.jpg

Bước 11

Trong khi văn bản và thuộc tính Fill cuối cùng được chọn, hãy quay lại Effect> Stylize> Outer Glow và áp dụng hiệu ứng này thêm một lần nữa. Hãy sử dụng các thông số như ảnh dưới.

diana_toxic_glow_effect_text_effect_image_13-min.jpg



Như vậy là đã thành công

diana_toxic_glow_effect_text_effect_image_final-min.jpg


Tham khảo Tutplus.com
 

Đính kèm

  • diana_toxic_glow_effect_text_effect_image_final-min.jpg
    diana_toxic_glow_effect_text_effect_image_final-min.jpg
    63 KB · Lượt xem: 0
Back
Bên trên