Đăng nhập

[Photoshop] – Tạo hiệu ứng Text Neon

  • 11/12/2014 - 3:01 PM
  • 1704 Views

Trong hướng dẫn này, chúng ta sẽ tạo hiệu ứng text neon trong Photoshop bằng cách sử dụng Layer Styles và các texture.

Dữ liệu

Dữ liệu sau được sử dụng trong hướng dẫn;

Bước 1

Trước tiên, tạo file PSD mới 1200 x 600 pixels, Resolution 72 Dpi. Mở Texture Brick Wal, sau đó copy và paste nó trên một layer mới trong file PSD của chúng ta. Command/Ctrl-T (transform) texture và Resize (thay đổi kích thước) của nó cho đến khi bạn cảm thấy ok. Làm cho texture Brick wall tối hơn với Levels – Image – Adjustments – Levels or Command/Ctrl – L.

photoshop-tao-hieu-ung-text-neon-1

photoshop-tao-hieu-ung-text-neon-2

Bước 2

Tiếp theo, chúng ta tạo text với font “Impact” với các thiết lập như bên dưới.

photoshop-tao-hieu-ung-text-neon-3

photoshop-tao-hieu-ung-text-neon-4

Bước 3

Áp dụng một vài Layer Styles. Click đúp chuột vào layer text để mở Layer Styles. Chọn Stroke và thiết lập các giá trị như bên dưới.

photoshop-tao-hieu-ung-text-neon-5

Chọn Drop Shadow

photoshop-tao-hieu-ung-text-neon-6

Bước 4

Bước này, chúng ta sẽ tiến hành tạo texture dạng lưới (grill). Tạo một file mới 10 x 10 pixels 72 Dpi. Phóng to file khoảng 3200% bằng cách nhấn Command/Ctrl – +. Sử dụng một Brush cứng 1px để tạo 2 dòng màu đen như hình bên dưới. Save Pattern này bằng cách chọn “Edit – Define Pattern” và đổi tên nó thành Grill Pattern. Close file.

photoshop-tao-hieu-ung-text-neon-7

Bước 5

Copy Layer text, Click chuột phải vào layer text và chọn “Duplicate Layer.” Bây giờ, chúng ta sẽ remove Layer Styles của layer này bằng cách click chuột phải vào layer và chọn “Clear Layer Styles.” Click đúp chuột vào layer text để mở Layer Styles. Sử dụng các thiết lập như bên dưới.

photoshop-tao-hieu-ung-text-neon-8

photoshop-tao-hieu-ung-text-neon-9

photoshop-tao-hieu-ung-text-neon-10

photoshop-tao-hieu-ung-text-neon-11

Bước 6

Để thêm một chút hiệu ứng 3D cho text, chúng ta move layer text thứ hai lên 5 bằng mũi tên trên bàn phím, chọn Move Tool (v).

photoshop-tao-hieu-ung-text-neon-12

Bước 7

Kế tiếp, chúng ta tạo hiệu ứng Neon. Copy Layer text một lần nữa, click chuột phải vào layer text và chọn “Duplicate Layer.” Remove Layer styles của layer này bằng cách click chuột phải vào layer và chọn “Clear Layer Styles.” Thiết lập các giá trị như bên dưới.

photoshop-tao-hieu-ung-text-neon-13

Click OK. Click chuột phải vào biểu tượng “fx” của layer text này và chọn “Create Layer”.

photoshop-tao-hieu-ung-text-neon-14

photoshop-tao-hieu-ung-text-neon-15

Bước 8

Ở bước này, chúng ta sẽ tạo Layer Styles cho Neon. Chúng ta chỉ cần thực hiện như bên dưới.

photoshop-tao-hieu-ung-text-neon-16

photoshop-tao-hieu-ung-text-neon-17

photoshop-tao-hieu-ung-text-neon-18

photoshop-tao-hieu-ung-text-neon-19

photoshop-tao-hieu-ung-text-neon-20

photoshop-tao-hieu-ung-text-neon-21

photoshop-tao-hieu-ung-text-neon-22

Bước 9

Chọn “Eraser Tool” (e) và xóa một số phần của Neon sao cho nó trông thực tế hơn. Bạn có thể vẽ trên Layer này bằng một Brush cứng ở những đường cong.

photoshop-tao-hieu-ung-text-neon-23

Bước 10

Bạn có thể vẽ một số dây điện nếu bạn muốn. Tạo Layer mới (đặt Layer này ở dưới Layer Neon). Sử dụng Brush cứng với size bằng 7 và size bằng 4 để vẽ một số dây điện. Như thiết lập bên dưới:

photoshop-tao-hieu-ung-text-neon-24

photoshop-tao-hieu-ung-text-neon-25

photoshop-tao-hieu-ung-text-neon-26

photoshop-tao-hieu-ung-text-neon-27

Bước 10

Chọn Gradient fill cho Background. Click đúp chuột vào Layer Brick wall và sử dụng các thiết lập như bên dưới:

photoshop-tao-hieu-ung-text-neon-28

Sản phẩm

photoshop-tao-hieu-ung-text-neon-29