Chữ cắt giấy thành hay bại ở hai điểm: độ dày và mép cắt. Hướng dẫn này đi theo hai lượt — trước tiên nhân đôi lớp chữ, dịch chuyển các bản sao và tô màu từng lớp để chồng lên thành độ dày của giấy, rồi dùng Viền và Bóng đổ bên trong để mô phỏng đường cắt. Thông số Vát và chạm nổi cho bước hoàn thiện nằm ở cuối bài, và bạn có thể đạt đúng độ sâu đó trong Online PS.
Dựng các lớp "độ dày giấy" (phần 3D)
1.1 Nhân đôi lớp chữ và dịch chuyển
- Chọn lớp chữ → Ctrl+J (nhân đôi).
- Chọn bản sao (mặc định tên là
Letter_1) và bấm Ctrl+T để mở Biến đổi tự do (Free Transform). - Trên thanh tùy chọn, nhập
+15px, +15pxcho độ dịch ngang / dọc (dx, dy) — chỉnh theo ý bạn. Bước này thay cho phần "giấy ẩn" phía sau con chữ. - Nhân đôi
Letter_1thêm lần nữa để cóLetter_2, rồi dịch tiếp lên trên và sang trái-15px, -15px(hoặc ngược hướng). Chính hai lớp bóng lệch nhau này tạo cảm giác về độ dày của giấy.
Gợi ý: Muốn chuyển tiếp mịn hơn, cứ tiếp tục nhân đôi và dịch mỗi bản 5–8 px, dựng thành 5–7 lớp để độ dày tăng dần từng bước.
1.2 Tô màu cho từng lớp
| Lớp | Màu | Mục đích |
|---|---|---|
Letter_1 (lớp phía sau) |
#2A2A2A (xám đậm / đen) | Bóng ở mặt sau của giấy |
Letter_2 (lớp phía trước) |
#F2EAE0 (xám nhạt / trắng ngà) | Phần thân chính của mặt trước tờ giấy |
| Lớp chữ gốc (trên cùng) | #D96459 (màu chính) | Màu trên bề mặt giấy — điểm nhấn thị giác |
Mẹo: dùng lớp tô (Lớp → Lớp tô mới → Màu đồng nhất / Layer → New Fill Layer → Solid Color) thay vì đổi màu trực tiếp trên lớp chữ. Như vậy, nếu sau này muốn màu khác, bạn chỉ cần đổi lớp tô — hình dáng con chữ vẫn y nguyên.
Thêm chi tiết "cắt giấy"
2.1 Dùng Viền để mô phỏng đường cắt
- Chọn lớp chữ gốc → Kiểu lớp (fx) → Viền (Layer Style → Stroke).
- Thông số:
- Vị trí (Position): Bên ngoài (Outside)
- Kích thước (Size): 3–5 px (tùy kích thước khung vẽ)
- Màu (Color): đậm hơn màu nền 20% (ví dụ #B0453C)
- Chế độ hòa trộn (Blend Mode): Bình thường (Normal)
- Bật Viền trong (Inner Stroke) và thêm một đường viền 0.5 px nữa lên trên để tạo kết cấu cắt mịn.
2.2 Dùng Bóng đổ bên trong để làm sâu đường cắt
| Thông số | Giá trị ví dụ |
|---|---|
| Góc (Angle) | 135° |
| Khoảng cách (Distance) | 0 px |
| Kích thước (Size) | 4 px |
| Màu (Color) | Đen 50% (#00000080) |
| Chế độ hòa trộn (Blend Mode) | Nhân (Multiply) |
Vì sao hiệu quả: bóng đổ bên trong tạo một vết lõm nhẹ bên trong con chữ, đúng như cách một đường dao cắt thật bắt sáng.
2.3 Thêm Vát và chạm nổi (tùy chọn)
Nếu muốn tờ giấy dày và có khối hơn, lần lượt mở Vát và chạm nổi trên từng lớp giấy (Letter_1, Letter_2):
| Cài đặt | Giá trị đề xuất |
|---|---|
| Kiểu (Style) | Vát trong (Inner Bevel) |
| Kỹ thuật (Technique) | Mịn (Smooth) |
| Độ sâu (Depth) | 100% |
| Hướng (Direction) | Lên (Up) |
| Kích thước (Size) | 5–8 px (tinh chỉnh theo độ dày từng lớp) |
| Màu vùng sáng (Highlight) | Trắng, Sáng (Screen), độ mờ 30% |
| Màu vùng tối (Shadow) | Xám đậm, Nhân (Multiply), độ mờ 40% |
Lưu ý:
- Vát tạo quầng sáng quanh mép chữ, nên tốt nhất hãy để khử răng cưa (anti-aliasing) bật trong khi dùng.
- Khi xong, chạy Làm nét thông minh (Smart Sharpen) một lần trên lớp chữ (
Bộ lọc → Làm nét → Làm nét thông minh) để dọn quầng sáng mờ.
Tài liệu tham khảo
- Tài liệu chính thức của Adobe Photoshop
- HTML5 và các nguyên lý xử lý ảnh hiện đại ở phía giao diện
- Online PS