›11:24:22 30-10-2023 | Lượt xem: 298
Hãy xem Hiệu ứng ánh sáng neon tuyệt đẹp này cũng như các Hiệu ứng neon khác dành cho Photoshop trên Envato Elements. Thay vì tạo hiệu ứng văn bản neon từ đầu, bạn có thể sử dụng giải pháp đơn giản, có sẵn này.
Nếu không, hướng dẫn Photoshop ánh sáng neon toàn diện này sẽ cho bạn thấy một quy trình làm việc chuyên nghiệp hoàn chỉnh.
Bước đầu tiên trong việc học cách tạo văn bản neon trong Photoshop là nền. Tạo một tài liệu mới có kích thước 1500 x 950 px và đặt Độ phân giải thành 300.
Đi tới File > Place Embedded và mở hình nền kết cấu tường gạch màu xám grunge. Thay đổi kích thước nó theo ý muốn, sau đó nhấn phím Return để chấp nhận thay đổi.
Nhấp vào biểu tượng Create new fill or adjustment layer ở cuối bảng Layers và chọn Levels.
Nhấp vào biểu tượng Clip adjustment to layer ở cuối bảng Properties, sau đó thay đổi giá trị Shadows thành 85.
Nhấp lại vào biểu tượng Create new fill or adjustment layer và chọn Hue/Saturation. Nhấp vào biểu tượng Clip adjustment to layer ở cuối bảng Properties, sau đó thay đổi Saturation thành 11 và Lightness thành -83.
Bây giờ chúng ta sẽ tạo các chữ cái neon trong Photoshop! Tạo chữ ở dạng All Caps sử dụng font Beon Medium. Màu sắc #a33e88và Kích thước là 103 pt.
Nhân đôi layer văn bản và làm cho nó ẩn đi bằng cách nhấp vào biểu tượng con mắt bên cạnh nó. Sau đó nhấp chuột phải vào bản sao và chọn Rasterize Type.
Những gì chúng ta sẽ làm tiếp theo là tách các phần dọc và chéo của các chữ cái văn bản neon khỏi các phần nằm ngang. Điều này là để chúng ta có thể áp dụng các hiệu ứng bằng cách sử dụng các giá trị Góc khác nhau.
Chọn Công cụ Rectangular Marquee (hoặc bất kỳ công cụ chọn nào bạn thích), nhấp vào biểu tượng Thêm vào vùng chọn trong thanh Tùy chọn và chọn tất cả các phần nằm ngang của các chữ cái hiệu ứng văn bản neon Photoshop mà bạn có.
Đi tới Chỉnh sửa > Cắt và sau đó Chỉnh sửa > Dán Đặc biệt > Dán tại chỗ. Điều này sẽ đặt các phần được chọn trong một layer riêng biệt. Đổi tên các layer thành Vertical và Horizontal.
Thay đổi cả giá trị Fill của các layer Vertical và Horizontal thành 0.
Nhân đôi mỗi layer Dọc và Ngang hai lần, sau đó đặt từng bộ layer vào một nhóm có tên của nó (Dọc/Ngang).
Đặt nhóm Horizontal bên dưới nhóm Vertical.
Chúng ta đã có văn bản sẵn sàng, vì vậy bây giờ chúng ta nên thêm một số đèn neon trong Photoshop. Bấm đúp vào layer Ngang ban đầu để áp dụng kiểu layer sau:
Thêm Bevel and Emboss với các cài đặt sau:
Kích thước: 10
Bỏ chọn hộp Sử dụng Global Light
Góc: 0
Độ cao: 70
Chọn Anti-aliased box
Chế độ nổi bật: Linear Light
Chế độ đổ bóng - Độ mờ: 0%
Thêm Đường viền với các cài đặt sau:
Chọn Anti-aliased box.
Thêm Inner Shadow vào văn bản đèn neon với các cài đặt sau:
Blend Mode: Màn hình
Màu sắc:#e658d4
Góc: 30
Khoảng cách: 0
Ở đây chúng ta sẽ thêm Inner Glow vào văn bản neon trong Photoshop. Sử dụng các cài đặt sau:
Độ mờ: 85%
Màu sắc:#fe66f1
Nguồn: Trung tâm
Kích thước: 18
Thêm Drop Shadow với các cài đặt sau:
Khoảng cách: 13
Kích thước: 7
Điều này sẽ tạo kiểu cho layer đầu tiên của phần nằm ngang.
Học cách tạo văn bản neon trong Photoshop là làm việc trên tất cả các layer. Nhấp đúp vào bản sao đầu tiên Lớp ngang để áp dụng kiểu layer sau:
Thêm Bevel and Emboss với các cài đặt sau:
Kích thước: 16
Bỏ chọn hộp Sử dụng Global Light
Góc: -36
Độ cao: 42
Đường viền: Cove - Sâu
Chọn Anti-aliased box
Chế độ nổi bật: Ánh sáng sống động
Chế độ đổ bóng - Độ mờ: 0%
Thêm Đường viền với các cài đặt sau:
Đường viền: Nón - Ngược
Chọn Anti-aliased box
Điều này sẽ thêm độ bóng cho văn bản có đèn neon.
Các chữ cái neon trong Photoshop đang kết hợp với nhau. Bây giờ bấm đúp vào bản sao thứ hai Lớp ngang để áp dụng kiểu layer sau:
Thêm Bevel and Emboss vào hiệu ứng văn bản neon trong Photoshop với các cài đặt sau:
Kích thước: 16
Bỏ chọn hộp Sử dụng Global Light
Góc: 18
Độ cao: 58
Đường viền: Nửa vòng
Chọn Anti-aliased box
Chế độ nổi bật: Ánh sáng sống động
Chế độ đổ bóng - Độ mờ: 0%
Thêm Đường viền với các cài đặt sau:
Đường viền: Răng cưa 2
Chọn Anti-aliased box
Thêm Inner Glow với các cài đặt sau:
Blend Mode: Linear Light
Tiếng ồn: 5%
Màu sắc:#ffdcfa
Nguồn: Trung tâm
Kích thước: 38
Thêm Outer Glow với các cài đặt sau:
Màu sắc:#7f2d65
Kích thước: 15
Điều này sẽ tạo kiểu cho layer ngang cuối cùng, tăng thêm độ bóng và sáng.
Hãy làm việc trên layer tiếp theo của thiết kế Photoshop bảng hiệu đèn neon của chúng ta. Nhấp chuột phải vào layer Horizontal ban đầu , chọn Copy Layer Style, sau đó nhấp chuột phải vào layer Vertical ban đầu và chọn Paste Layer Style.
Nhấp đúp vào layer Vertical ban đầu để điều chỉnh các giá trị Angle và Altitude của Bevel and Emboss, bằng cách thay đổi chúng thành 90 và 74.
Đối với Inner Glow, chỉ cần thay đổi Size thành 15.
Điều này sẽ điều chỉnh hiệu ứng cho phù hợp với các phần dọc và chéo.
Bây giờ chúng ta sẽ chuyển sang layer tiếp theo của thiết kế Photoshop bảng hiệu đèn neon. Sao chép và dán bản sao đầu tiên Style layer của layer Ngang sang bản sao đầu tiên Lớp dọc, sau đó nhấp đúp vào layer sao chép Dọc để thay đổi Góc của hiệu ứng Bevel and Emboss thành -76 và Độ cao của nó thành 53.
Thế là xong cho layer sao chép đầu tiên.
Hãy chờ nhé - thiết kế Photoshop ánh đèn neon đang rất phù hợp! Sao chép và dán bản sao thứ hai Kiểu layer của layer Ngang sang bản sao thứ hai layer dọc, sau đó nhấp đúp vào layer Bản sao dọc 2 để thay đổi Góc của hiệu ứng Bevel and Emboss thành -82 và Độ cao của nó thành 53.
Điều đó kết thúc việc tạo kiểu cho cả hai phần của hiệu ứng văn bản neon trong Photoshop.
Bây giờ chúng ta sẽ thêm những nét hoàn thiện vào thiết kế Photoshop bảng hiệu đèn neon. Tạo một layer mới bên dưới layer văn bản vô hình ban đầu, gọi nó là Ánh sáng nền và thay đổi Blend Mode thành Linear Light.
Đặt màu Foreground thành #98338b, chọn Brush Tool và chọn một đầu tròn rất to, mềm. Sau đó nhấp một lần để thêm các điểm màu phía sau văn bản (không nhấp và kéo - chỉ chấm màu).
Cho đến nay tác phẩm của chúng ta trông giống như một phông chữ có đèn neon trên nền họa tiết. Trong bước tiếp theo, chúng ta sẽ nâng hiệu ứng lên một tầm cao mới bằng cách thêm cáp.
Tạo một layer mới khác bên dưới layer Background Light và gọi nó là Cable. Chọn Pen tool và chọn tùy chọn Đường dẫn trong thanh Tùy chọn.
Điều bạn cần làm tiếp theo là tạo đường dẫn mà bạn muốn thêm cáp. Bạn có thể nhấp để thêm các điểm neo ở góc cũng như nhấp và kéo để tạo đường cong. Hãy nhớ rằng đường dẫn được tạo không nhất thiết phải hoàn hảo, vì bạn có thể chọn Direct Selection Tool bất kỳ lúc nào sau đó để điều chỉnh các điểm neo hoặc bộ điều khiển hướng.
Để tách các đường dẫn, hãy nhấn và giữ phím Command, đồng thời nhấp vào bên ngoài đường dẫn bạn đã tạo xong để nó không được kết nối với đường dẫn bạn tạo sau đó.
Hãy dành thời gian của bạn với bước này để có được một kết quả gọn gàng.
Chọn công cụ Brush Tool, sau đó mở bảng Brush (Window > Brush) và chọn một đầu tròn cứng 7 px với Spacing được đặt thành 1.
Đặt màu Foreground thành #252525, chọn Direct Selection Tool, nhấp chuột phải vào đường dẫn và chọn Stroke Path.
Chọn Brush từ menu thả xuống Tool và bỏ chọn hộp Simulate Pressure.
Điều này sẽ vuốt đường dẫn. Nhấn phím Return để thoát khỏi đường dẫn công việc.
Bấm đúp vào layer Capble để áp dụng kiểu layer sau:
Thêm Bevel and Emboss với các cài đặt sau:
Chọn Anti-aliased box
Chế độ nổi bật: Vivid Light
Màu sắc:#ec6ab7
Độ mờ: 24%
Thêm Đường viền với các cài đặt sau:
Chọn Anti-aliased box.
Thêm Pattern Overlay với các cài đặt sau:
Blend Mode: Multiply
Thêm Drop Shadow với các cài đặt sau:
Độ mờ: 60%
Khoảng cách: 13
Kích thước: 10
Điều này sẽ tạo kiểu cho dây cáp của văn bản neon trong Photoshop.
Văn bản neon Photoshop gần như đã hoàn tất! Chọn công cụ Rectangle Tool và tạo một hình chữ nhật có kích thước 11 x 15 px.
Chọn công cụ Add Anchor Point Tool và nhấp để thêm hai điểm ở giữa cả hai cạnh thẳng đứng của hình chữ nhật.
Chọn Direct Selection Tool, nhấp và kéo để chọn các điểm trung tâm bạn đã thêm, sau đó nhấn Phím Mũi tên Trái một lần để di chuyển chúng 1 px sang trái.
Nhân đôi layer rectangle và sau đó vào Chỉnh sửa > Biến đổi > Xoay 90° theo chiều kim đồng hồ. Đổi tên các layer Hình chữ nhật thành H (cho chiều ngang) và V (cho chiều dọc).
Nhấp đúp vào layer H để áp dụng kiểu layer văn bản đèn neon sau:
Thêm Gradient Overlay với các cài đặt sau:
Độ mờ: 42%
Nhấp vào hộp Gradient để tạo dải màu bằng cách sử dụng các màu #151515ở bên trái, #6d6d6dở giữa và #161616bên phải.
Thêm Drop Shadow với các cài đặt sau:
Độ mờ: 60%
Khoảng cách: 13
Kích thước: 10
Điều này sẽ tạo kiểu cho clip ngang.
Sao chép và dán kiểu layer của layer H vào layer V, sau đó nhấp đúp vào layer V để thay đổi giá trị Angle của Layer Overlay thành 0.
Tiếp theo, sao chép và đặt các layer clip vào bất cứ nơi nào bạn muốn thêm clip vào cáp bạn đã tạo.
Nhấp vào biểu tượng Create new fill or adjustment layer và chọn Solid Color. Sử dụng màu sắc #a34799, đặt layer điều chỉnh bên dưới layer Capble và thay đổi Blend Mode của nó thành Vivid Light. Điều này sẽ áp dụng màu sắc cho các viên gạch phía sau văn bản và tăng cường độ sáng và độ sáng của kết quả cuối cùng.
Trong hướng dẫn Photoshop hiệu ứng văn bản neon này, đã sửa đổi nền kết cấu gạch và làm tối nó một chút. Sau đó, tạo văn bản, rasterize layer của nó và tách các phần ngang khỏi phần dọc và phần chéo.
Sau đó, sao chép và nhóm các layer văn bản riêng biệt và tạo kiểu cho tất cả chúng để đạt được hiệu ứng sáng bóng.
Sau khi văn bản đèn neon chính được tạo và tạo kiểu, thêm một số ánh sáng rực rỡ hơn vào nền và sử dụng Pen Tool để tạo đường dẫn của dây cáp. Vuốt đường path và tạo kiểu cho nó để tạo cho nó một cái nhìn 3D.
Cuối cùng, sử dụng Rectangle Tool để tạo một số kẹp cho dây cáp, sửa đổi và tạo kiểu cho chúng, đồng thời thêm một layer điều chỉnh cuối cùng để tăng cường màu sắc cho hiệu ứng văn bản neon cuối cùng của Photoshop.
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
