Hướng dẫn này lấy cảm hứng từ tất cả các bộ phim khoa học viễn tưởng trong đó các vòng tròn phát sáng bức xạ được mô tả rất chi tiết; vì vậy chúng tôi sẽ làm cho nó thật sống động, hiệu ứng văn bản bóng loáng và cong thực tế với những vòng tròn phát sáng vô cùng đẹp mắt và độc đáo mà không hiệu ứng chữ nào có được. Chúng tôi sẽ làm việc với nhiều cài đặt Đường viền, vì vậy hướng dẫn này dành cho những người dùng nâng cao hơn.

Vậy hãy bắt đầu. Tạo một khung vẽ mới, chúng tôi đang sử dụng 600 x 370 pixel ở đây.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Tô nó với bất kỳ màu nền nào và để có hiệu ứng tốt nhất, hãy tô nó với kết cấu nền. Chỉ cần nhấp đúp vào nền trong Bảng điều khiển Lớp và menu của Layer Style sẽ bật lên. Chuyển đến chế độ Lớp phủ mẫu và tô màu, tốt nhất là hoa văn. Ở đây, chúng tôi đã sử dụng mẫu Damask, rất tiếc là tác giả không còn có thể tải xuống nữa, nhưng bạn có thể nhận được nhiều họa tiết miễn phí hơn tại đây.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Khi bạn hoàn tất, hãy chọn công cụ gõ và gõ chữ của bạn vào giữa, với chữ rất to và màu vàng. Nếu bạn quyết định sử dụng phông chữ hẹp hoặc nhỏ, hiệu ứng đơn giản sẽ không hiển thị. Chúng tôi đã sử dụng phông chữ GEronto Bis, kích thước 236 pt, chính xác như bạn thấy trên khung vẽ bên dưới:

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Bây giờ phép thuật sẽ bắt đầu. Nhấp đúp chuột vào lớp có các chữ cái và bắt đầu áp dụng các kiểu lớp như bạn thấy bên dưới. Đầu tiên, tạo một bóng nhỏ với Gaussian Contour.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Thêm bóng bên trong với màu xám đậm (chúng tôi sử dụng #4f4f4f) và đối với đường viền, chúng tôi có sẵn một đường cong cài đặt sẵn khác có tên là “Half Rounded”. Nếu bạn đang sử dụng phiên bản Photoshop CS2 +, bạn nên tìm thấy nó trong số các đường cong mặc định của mình.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Thêm ánh sáng bên ngoài bằng một màu sẽ bổ sung cho nền của bạn, trong trường hợp của chúng ta, chúng ta có kết cấu gấm hoa màu xanh lam làm nền và chọn màu xanh lam #3c447a làm Màu bên ngoài.

Đối với Đường viền ở đây, chúng tôi sử dụng Ring – Double. Điều này cũng sẽ được cài đặt sẵn vào Photoshop của bạn. Xin lưu ý rằng mọi cài đặt trong hướng dẫn này đều sử dụng các đường cong Đường viền khác nhau, điều này làm cho hiệu ứng của chúng ta trở nên đặc biệt thú vị và hiệu ứng nổi bật. Chiếc nhẫn đôi này chính xác là thứ mang lại những vòng phát sáng bức xạ / vụ nổ đẹp mắt bao bọc văn bản.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Ánh sáng bên trong với màu trắng #ffffff và một lần nữa là Đường viền Gaussian.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Bevel and Emboss sẽ mang lại cho văn bản của chúng ta độ sâu cần thiết. Sử dụng đường viền Ring mặc định để có được hiệu ứng trông như kim loại/nhựa tốt nhất.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Đối với đường viền, hãy sử dụng phần tử Đường viền “Làm nổi bật sắc nét”.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Chúng tôi cũng muốn tạo hiệu ứng Satin sâu và cực chất hơn nhưng lần này, vì không tìm thấy đường viền nào phù hợp với nhu cầu của mình nên chúng tôi đã tạo đường cong của riêng mình…

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Để có được kết quả chính xác như chúng tôi có ở đây, vui lòng sao chép ánh xạ của chúng tôi vào Trình chỉnh sửa đường viền của bạn.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Cuối cùng, thêm nét vào văn bản của bạn, với màu xanh nhạt hơn sẽ bổ sung cho nền của bạn. Vui lòng không sử dụng màu trắng hoặc đen vì những màu này sẽ trông quá tương phản với nền.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Đây là những gì bạn đã có cho đến nay:

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

gradient màu trắng sang trong suốt

Cuối cùng, tải vùng chọn cho phần trên của văn bản. Nếu bạn không biết cách thực hiện, hãy đọc tiếp:

  • Tạo một lớp mới ở trên cùng của văn bản, sau đó giữ phím Ctrl và nhấp vào lớp đó trong bảng điều khiển của lớp để chọn nó.
  • Sử dụng Công cụ chuyển màu Bây giờ, chuyển từ #ffffff sang độ trong suốt.
  • vẽ một gradient từ đầu vùng chọn lên trên, xuống dưới cùng.
  • Sử dụng Công cụ Elliptical, vẽ một vùng chọn từ giữa văn bản đến cuối văn bản và nhấn Delete để chỉ để lại một chút gradient ở trên cùng của các chữ cái.
  • Điều này sẽ tạo ra hiệu ứng lớp phủ bóng dần dần.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

Xong! Hy vọng bạn thích hướng dẫn này và vui lòng tải xuống tệp PSD của hiệu ứng này, tệp có kích thước 600*370, giống như bạn thấy ở đây.

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei

 

Hiệu ứng văn bản kim loại sống động với các vòng tròn bức xạ phát sáng - Hướng dẫn PS Thiết kế web Lorelei