[Chap1: Layer Style trong PS] Phân tích và Ứng dụng (P1)

Bài viết nằm trong loạt bài viết dự kiến gồm 3 chương, gồm Layer Styles, Blending Option và Background Remove.
Với mục đích không nhằm tạo ra những hướng dẫn chi tiết hay cụ thể về cách làm, mà chỉ ra cái nhìn và phân tích về từng chức năng cụ thể.

Bài viết này, Việt mặc định là bạn đã biết cơ bản về cách sử dụng layer styles, vì vậy, mình muốn thử nghiệm những khả năng tùy biến và kết hợp giữa chúng để tạo ra những kiểu chữ độc đáo mà chỉ cần áp dụng các hiệu ứng layer styles trên 1 lớp duy nhất mà thôi, nhằm khai thác tối đa hiệu quả của nó, đó là mục đích của bài tut này.

LAYER STYLE là các hiệu ứng đặc biệt trên đối tượng lớp (layer) trong Photoshop. Các hiệu ứng này có nhiều tùy biến đa dạng cho phép giả lập nhiều kiểu vật liệu khác nhau.
Để sử dụng các hiệu ứng Layer style, ta vào nút f(x) phía dưới bảng Layer hoặc vào menu Layer à Layer Style.

​

Bao gồm các hiệu ứng: Drop Shadow (bóng đổ), Inner Shadow (bóng đổ vào trong), Outer Glow (phát sáng), Inner glow (phát sáng vào trong), Bevel and Emboss (tạo khối và khắc chìm), Satin (óng ánh), Color Overlay (chồng lớp màu), Gradient Overlay (Chồng lớp màu chuyển), Pattern Overlay (Chồng lớp mẫu nền), Stroke (nét viền).​

​

Bản thân Việt chia các hiệu ứng trên làm 3 nhóm theo chức năng.
Nhóm 1: Nhóm hiệu ứng theo viền: Gồm Drop shadow, inner shadow, outer glow, inner glow và stroke.
Nhóm 2: Nhóm hiệu ứng theo nền: Gồm Satin, color overlay, gradient overlay và pattern overlay.

Nhóm 3: Nhóm tạo khối: Bevel and Emboss.

------------------------------------------------------------------​

SOLID ROCK TEXT​

Bài tập mẫu tại đây /click here​

​

​

​

BƯỚC 1: PHÂN TÍCH​

​

Font: Khối đá đặc này được tạo từ một font chữ nét dày, mang lại cảm giác tốt hơn về thị giác, về một khối đá rắn chắc. Điều này là hết sức quan trọng quyết định thành công từ ban đầu ý tưởng của bạn.​

​

Khối: một khối rắn và những nét sắc cạnh với độ tương phản cao và góc chiếu sáng từ trên cao bên trái.​

​

Màu sắc: Màu sắc của đá nên là một màu gần với màu nhớt hoặc xanh rêu.​

​

Vật liệu: Ops! Vật liệu sẽ quyết định cái khối mà bạn sắp tạo ra là cái giống gì! Vật liệu đúng thì khối đúng, ngoài ra thì không gì cả! Ở đây là vật liệu đá granite.​

​

Và khi kết hợp 4 khối này với nhau, bạn sẽ được một thứ gì đó gần giống thế này!​

​

​

BƯỚC 2: THỰC HIỆN​

BLAH, BLAH, … Việt nghĩ là không cần phải nói nhiều lắm. Giờ ta sẽ thiết lập các thông số cần thiết cho 4 thuộc tính trên.

1- FONT: Việt nghĩ là font arial black thì phù hợp ? Bạn có thể đưa ra giải pháp của riêng bạn!

----------------------​

2- KHỐI: Vào f(x) và chọn Bevel and Emboss với thông số sau:


Ở đây, cảm giác về khối đá chủ yếu được tạo bởi technique là chisel hard với soften =2px!

Style: inner bevel nghĩa là tạo 1 khối nổi với đỉnh nhỏ hơn đáy.
Technique: hãy chọn chisel hard khi bạn muốn tạo 1 khối sắc cạnh.
Depth: chiều cao của khối, được thể hiện qua độ tương phản trên thân của khối.
Size và Soften: tùy vào độ lớn của text. Ở đây tôi áp dụng cho font 50pt.
Hightlight mode: độ sáng của vùng được chiếu sáng.
Shadowmode: độ tối của vùng bị chắn sáng.

----------------------​

​

3- MÀU:điều chỉnh thông số Color Overlay như sau:

Color: R=87/G=108/B=92
Blend Mode: Color (để nhuộm màu khối)

Opacity : 100%

----------------------​

​

4- VẬT LIỆU:vật liệu tạo bởi Pattern Overlay, thiết lập Overlay như trong hình:

Riêng mẫu pattern, hãy chọn kiểu Rock pattern rồi chọn mẫu phù hợp.

-> FINISHED!

----------------------

Hãy thử lại với kiểu kim loại này ra sao nhé!

------------------------------------------------------------------​

​

GLASS TEXT​

Bài tập mẫu /click here​

​

BƯỚC 1: PHÂN TÍCH
1.Như tên gọi của nó, thủy tinh để cho ánh sáng xuyên qua, vì vậy khi đặt kiểu text này lên bề mặt vật liệu nào thì nó cũng sẽ mang chi tiết và màu sắc phía sau của nó. Do đó để làm được điều này thuộc tính Fill của đối tượng phải là 0% (phân biệt với thuộc tính Opacity!) để bản thân đối tượng đó hoàn toàn trong suốt (nghĩa là ta hoàn toàn không thấy text!), Tất cả hiệu ứng được tạo ra là do chồng các lớp hiệu ứng layer style mà thành.

2.Font: font chữ để chuyển tải hiệu ứng thủy tinh cần phải có nét dày và tròn, tức có các đường bo xung quanh. Các font thích hợp là font có họ Rounded (bo tròn các góc).

3. Khối: dễ dàng nhận thấy đây là khối có thông số Technical =smooth vì có các đường cong lên mềm mại. Độ bóng bẩy có được do điều khiển thông số glossy thích hợp. Độ gấp gãy trên chính bản thân khối là dấu hiệu của điều khiển Contour (nằm bên dưới Bevel and Emboss).

4. Khúc xạ: đây là một hiện tượng giả lập, bản thân Photoshop không có điều khiển cho thông số này. HIện tượng này phát sinh khi ánh sáng đi qua giữa 2 bề mặt vật liệu khác nhau và đổi hướng, vì vậy ánh sáng đi qua thủy tinh vào không khí trước khi tới mắt mình bị đổi hướng và do đó tại 1 số vị trí ánh sáng tập trung và 1 số vị trí bị phân tán. Ngoài ra còn có hiện tượng phản xạ toàn phần. Để giả lập hiện tượng này, người viết bài sử dụng hiệu ứng Inner Shadow nhằm làm khuất đi một số phần trên khối theo những điều khiển thích hợp.

5. Quầng sáng ở ngoài: có chức năng bổ sung hiệu ứng thị giác, một kiểu “đánh lừa” nhằm nhấn mạnh thêm cảm giác của khối thủy tinh. Quầng sáng ở ngoài dĩ nhiên là được tạo ra từ hiệu ứng Outer Glow với độ gấp gãy Contour thích hợp.



BƯỚC 2: THỰC HIỆN

1. Để cho ánh sáng xuyên qua: điều chỉnh FILL Opacity =0% (điều khiển này làm trong suốt hoàn toàn text gốc nhưng không tác động lên hiệu ứng layer styles).


2. Font: các thông số được chỉnh phù hợp với Font Bauhaus 93 và size 130.


3. Khối: dĩ nhiên là Bevel and Emboss.

Ở điều khiển Glossy Contour, tạo ra kiểu gấp gãy độ bóng như thế này:



Điều khiển Contour (phía dưới Bevel: độ gấp gãy của khối)

Tạo kiểu contour như thế này:


4. Khúc xa: thực chất là Inner Shadow!
Blend Mode: Soft light: tạo sự hòa trộn nhẹ nhàng màu đen xuống khối Bevel and Emboss.



5. Quầng sáng:

Tạo mới kiểu contour như này:



-> XONG!

​

​

-----------------------------------------------------------------​

Bài tiếp theo Việt sẽ trình bày 1 số phân tích về 1 số dạng Layer style tiếp theo, thân chào!