Hiệu ứng chữ neon trong photoshop

Có thể bạn chưa xem

✔ Bạn cũng có thể tải về máy file PDF nội dung tài liệu này tại đây: Tải về file PDF.

Hiệu ứng chữ neon trong photoshop sẽ là bài đầu tiên trong loạt bài hướng dẫn photoshop của web nhé. Hi vọng bài này sẽ giúp ích được cho nhiều bạn muốn và đang nghiên cứu học hỏi môn đồ họa. Đây sẽ là thành quả của chúng ta.

hiệu ứng chữ trong photoshop
hiệu ứng chữ trong photoshop

Trong bài hướng dẫn này, mình sẽ sử dụng font Beon Medium và hình bức tường đá, các bạn có thể sử dụng hình của mình luôn nhé

BrickRound0039_1_M

quangcao

Bây giờ chúng ta bắt đầu bài hướng dẫn nhé.

Bước 1: tạo nền cho hình

Mở luôn tấm hình nền đá, hoặc tạo một file mới như mình kích thước là 1500 x 950 pxResolution300.
Step_01_1

Vào Levels và chọn thông số như bên dưới

 

Step_01_2

các bạn nhớ để ý phần mình khoanh hình tròn màu trắng nhé

 

Step_01_3

 

tiếp tục chọn Hue và thiết lập thông số như trong hình

 

Step_01_4

 

Bước 2: thiết kế chữ

Viết chữ gì bạn tùy thích, ở đây mình viết chữ NEON lưu ý các bạn phải viết hoa hết với màu chữ #a33e88 và font Beon Medium
Step_02_1

nhân đôi lớp Text lên, sau đó nhấn phải chọn Rasterize Type sau đó ẩn lớp text đi.

Step_02_2

Ở đây ta sẽ dùng công cụ chọn và chọn tất cả những đường thẳng nằm ngang (như trong hình) chuột phải chọn Layer Via Cut

Step_02_3

đặt tên cho nó là Horizontal hay tên gì tùy bạn

Step_02_4

phần chữ còn lại đặt tên Vertical. Lưu ý 2 lớp ta sẽ cho Fill bằng 0 nhé

Step_02_5

Ta tạo ra 2 group tương ứng với Vertical và Horizontal. Ta sẽ đưa các layer tương ứng vào và nhân đôi lên 2 lần ( tổng công 3 layer trong 1 group)Step_02_6

ta được như trong hìnhStep_02_7

bắt đầu ta sẽ làm lớp Horizontal trước. Bắt đầu từ lớp Horizontal, sau đó đến copy 1 và copy 2

[sociallocker]

Lớp Horizontal. Ta chỉnh như thông số nhé

  • Size: 10
  • bỏ chọn Use Global Light box
  • Angle: 0
  • Altitude: 70
  • Chọn the Anti-aliased box
  • Highlight Mode: Linear Light
  • Shadow ModeOpacity: 0%

Step_03_1

Step_03_2

  • Blend Mode: Screen
  • Color: #e658d4
  • Angle: 30
  • Distance: 0

Step_03_3

  • Opacity: 85%
  • Color: #fe66f1
  • Source: Center
  • Size: 18

Step_03_4

  • Distance: 13
  • Size: 7

Step_03_5

ta sẽ được kết quả như thế nàyStep_03_6

tiếp theo là lớp Horizontal copy 1

  • Size: 16
  • bỏ chọn Use Global Light box
  • Angle: -36
  • Altitude: 42
  • Contour: Cove – Deep
  • Chọn Anti-aliased box
  • Highlight Mode: Vivid Light
  • Shadow Mode – Opacity: 0%

Step_04_1

Step_04_2

kết quả ta được như sau

Step_04_3

tiếp tục tới lớp copy 2 nhé

  • Size: 16
  • bỏ chọn Use Global Light box
  • Angle: 18
  • Altitude: 58
  • Contour: Half Round
  • Chọn Anti-aliased box
  • Highlight Mode: Vivid Light
  • Shadow Mode – Opacity: 0%

Step_05_1

  • Contour: Sawtooth 2
  • Chọn Anti-aliased box

Step_05_2

  • Blend Mode: Linear Light
  • Noise: 5%
  • Color: #ffdcfa
  • Source: Center
  • Size: 38

Step_05_3

  • Color: #7f2d65
  • Size: 15

Step_05_4

và kết quả cuối cùng của chúng ta

Step_05_5

 

Bây giờ ta sẽ làm cho lớp Vertical.

Ta copy layer Style của lớp Horizontal cho Vertical tương ứng và chỉnh sửa lại một số thuộc tính sau:

Lớp Vertical

  • Angle: 90
  • Altidue: 74

Step_06_1

ta chỉ đồi Size thành 15.

Step_06_2

và ta được kết quả sau:

Step_06_3

tiếp tục tới lớp copy 1

  • Angle : -76
  • Altitude : 53.

Step_07_1

kết quả của taStep_07_2

và lớp copy 2

  • Angle : -82
  • Altitude : 53.

Step_08_1

và thành quả cuối cùng

Step_08_2

Bước 3: làm phần tỏa sáng cho bóng đèn và làm phần dây điện

Tạo lớp mới đặt tên là Background Light, trong phần Blend Mode chọn Linear Light. Thiết lập cọ Brush lớn nhất và mềm mại và click tô màu cho layer vừa tạo với mã màu là #98338b. Các bạn nhớ là click chứ không rê chuột nhé.

Step_09_1

tạo layer mới phía dưới Background light và đặt tên là Cabel. Sau đó dùng công cụ Path Tool để vẽ các đường dây điện.

Step_09_2b

chúng ta cứ vẽ ra bên ngoài tấm hình luôn nhé

Step_09_3

bước này chúng ta vẽ càng đẹp càng tốt nha các bạn, và đây là kết quả sau khi vẽ xongStep_09_4

mở hộp thoại cọ Brush và chỉnh thông số như trong hình

Step_09_5

áp cọ Brush mới tạo vào các đường path dây điện vừa vẽ. cho màu Foreground là màu #252525

Step_09_6

trong hộp thoại nhớ bọ chọn Simulate Pressure

Step_09_7

và ta được kết quả như sau

Step_09_8

tiếp theo sẽ là chỉnh style cho các sợi dây điện của ta nhé

  • Chọn Anti-aliased box
  • Highlight Mode: Vivid Light
  • Color: #ec6ab7
  • Opacity: 24%

Step_10_1

Step_10_2

  • Blend Mode: Multiply
  • Pattern: 8
  • mẫu pattern bạn tải tại đây

Step_10_3

  • Opacity: 60%
  • Distance: 13
  • Size: 10

Step_10_4

xong cho lớp Cable nhé

Step_10_5

tiếp theo ta sẽ làm móc đính dây điện vào tường nhé

vẽ ra hình chữ nhật nhỏ

Step_11_1

thêm 2 node vào hai bên hình chữ nhậtStep_11_2

chọn 2 node mới thêm và bẻ cong nó

Step_11_3

nhân đôi hình chữ nhật vừa vẽ và xoay 90 độ. Sau đó đổi tên lại cho nó. H cho Horizontal và V cho VerticalStep_11_4

áp các style cho đối tượng lớp H

  • Opacity: 42%
  • Gradient chọn từ màu #151515 ở bên trái, #6d6d6d ở giữa, và #161616 cho bên phải

Step_12_1

  • Opacity: 60%
  • Distance: 13
  • Size: 10

Step_12_2

ta được như sauStep_12_3

[/sociallocker]

Copy Style từ lớp H sang lớp V và chỉnh lại các thông số sau

  • Gradient Overlay‘s Angle value sang 0

Step_12_4

cuối cùng ta nhân đôi và di chuyển đến các vị trí mà ta mong muốn.Step_12_5

Tạo lớp Solid Color bên dưới lớp Cable và cho màu #a34799, trong Blend Mode chọn Vivid Light

Step_13

và ta đã xong bài hướng dẫn này, kết quả cuối cùng của ta

hiệu ứng chữ trong photoshop
hiệu ứng chữ trong photoshop

các bạn thấy hay thì like hoặc g+ cho bài Hiệu ứng chữ neon trong photoshop nhé. Đừng quên theo dõi hoặc để lại email để cập nhật các bài khác từ học photoshop online nhé các bạn.

Nếu bạn muốn cảm ơn, vui lòng sử dụng các icon Facebook phía dưới cùng để chia sẻ cho bạn bè mình. Đó là cách để giới thiệu cũng như giúp chúng tôi phát triển.

Check Also

Cach tao hieu ung chuyen dong nhanh trong Photoshop

Cách Tạo Hiệu Ứng Chuyển Động Nhanh Trong Photoshop

Trong hướng dẫn Photoshop này, bạn sẽ học cách bạn có thể tạo hiệu ứng …

Đánh giá Hiệu ứng chữ neon trong photoshop 9/10 dựa trên 1303 đánh giá.
Bạn có thích không?

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *