Thủ thuật photoshop - Hiệu ứng đèn neon cho chữ



Conclusion Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web
Trong hướng dẫn này, tôi sẽ trình bày cách tạo ra một hiệu ứng ánh sáng tuyệt đẹp trong Pho­to­shop. Chúng ta sẽ sử dụng Layer Styles và Blend Modes để mô phỏng một hiệu ứng Text Neon.


Bước 1

Mở Pho­to­shop và tạo một doc­u­ment mới. Tôi đã tạo một doc­u­ment có kích thước 1920x1200. Sau đó, nhập một tex­ture bằng gạch, tex­ture tôi đã sử dụng là một tex­ture nhã nhặn từ Shut­ter­stock mà bạn có thể down­load nó ở đây.
Step 1 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 2

Với layer tex­ture đã chọn, vào Image>Adjustments>Hue và Sat­u­ra­tion. Sử dụng 0 cho Hue, 45 cho Sat­u­ra­tion và –85 cho Light­ness –85.
Step 2 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 3

Thêm một layer mới và vào Fil­ter> Ren­der Clouds>. Hãy chắc chắn rằng bạn đã có màu đen và trắng cho Fore­ground và Back­ground. Với Eraser Tool (E), Delete các vùng gần Edge và chỉ để lại phần trung tâm của hình ảnh. Sau đó, thay đổi Blend Mode sang Color Dodge.
Step 3 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 4

Nhập Logo bạn muốn sử dụng cho hiệu ứng Neon. Tôi đang sử dụng Logo ZEE mà tôi đã tạo ra một vài tuần trước. Sao chép layer và ẩn nó vì chúng ta sẽ cần sử dụng một vài bản copy trong các bước sau này của hướng dẫn. Chọn layer Logo trực quan và vào Fil­ter> Blur> Gauss­ian Blur. Sử dụng Radius 15 pix­els.
Step 4 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 5

Làm theo các hình ảnh bên dưới đối với các thiết lập của Layer Style. Chúng ta sẽ sử dụng Drop Shadow, Inner Shadow, Outer Glow, Bevel and Emboss và Color Overlay.
Step 5 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web
Step 5.1 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web
Step 5.2 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web
Step 5.3 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web
Step 5.4 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web
Step 5.5 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 6

Đây sẽ là kết quả mà bạn sẽ nhận được sau khi thiết lập layer style.
Step 6 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 7

Sao chép layer với layer style để làm cho hiệu ứng mạnh mẽ hơn một chút, nhưng giảm Opc­ity xuống 50%.
Step 7 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 8

Chúng ta sẽ cần một layer khác có Loge mà không có gắn bất kỳ một layer style nào vào đó. Đặt một Logo mới lên trên cùng các layer khác và vào Fil­ter> Blur> Gauss­ian Blur. Sử dụng Radius 100px. Ngoài ra, thay đổi Blend Mode sang Color Dodge.
Step 8 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 9

Bây giờ, với Brush Tool, chúng ta tạo ra phần nền của Neon, sẽ được gắn trên bức tường. Sử dụng màu đen và đặt phần này đằng sau các layer Neon. Sau đó, vào Layer> Layer Style> Bevel and Emboss. Sử dụng hình ảnh dưới đây để xem các Value của Bevel và Emboss. Đối với chữ “E”, sử dụng góc-160 º và chữ “Z“sử dụng góc 0 º.
Step 9 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Bước 10

Một lần nữa, với Brush Tool (B) và một Brush thật mềm, sử dụng Hard­ness 0, thêm một layer mới đằng sau các layer đã tạo ra trong bước trước. Vì vậy, chỉ cần vẽ một shadow thật mềm mại.
Step 10 Hướng dẫn Photoshop: Hiệu Ứng Chữ Neon   thiết kế web

Kết luận

Các hiệu ứng ánh sáng luôn thật tuyệt vời đối với các hình nền, tôi thực sự say mề với loại hiệu ứng này và trong hướng dẫn này, tôi đã trình bày cách tạo ra hiệu ứng Neon. Về cơ bản, hiệu ứng này, toàn bộ là về layer styles và blend modes. Bây giờ, bạn hãy thử nghiệm. Bạn có thể thử với các màu sắc và các back­ground khác nhau, nhưng kỹ thuật sẽ không thay đổi nhiều.

Dịch và biên tập từ: AbduzeA
do



Responses

2 Respones to "Thủ thuật photoshop - Hiệu ứng đèn neon cho chữ"

Unknown nói...

Bạn xài Pts Cs mấy vậy ạ ?


lúc 14:56 29 tháng 3, 2015
Unknown nói...

Cs3 trên MacOS nha bạn !


lúc 00:40 7 tháng 7, 2015

Đăng nhận xét

Thủ thuật PTS mong các bạn nhận xét ( hoặc có thắc mắc ) một cách " có văn hoá ". Mình sẽ tận tình trả lời hoặc giúp đỡ.
*Note: Đừng Spam nhak' !

 

Nhận xét mới nhất

Tổng số lượt xem trang

Trở về đầu trang Copyright © 2011 | Thủ thuật psd | Bản quyền thuộc về Vagab0ne_r0se