Hướng dẫn vẽ bút lông chim trong Photoshop

Chiếc bút lông chim trông rối cho đến khi bạn chia nó thành bốn phần: một nền chuyển màu, một thân bút dựng từ hình elip cộng công cụ Bút, kết cấu lông từ một cọ tự tạo, và vùng sáng tối từ kiểu lớp. Làm đúng thứ tự thì rất thẳng đường, và bạn chạy được toàn bộ trong Online PS.

1. 1

   Tạo nền và dải chuyển màu đen trắng

   1️⃣ Khung vẽ mới (gợi ý 800 × 800 px), nền đặt là đen.

   2️⃣ Trong bảng Lớp, nhấp chuột phải vào lớp → Lớp tô mới → Chuyển màu.

   3️⃣ Chọn một dải chuyển màu tuyến tính đen sang trắng, đặt chế độ thành Tùy chỉnh và góc 90°; kéo dải chuyển màu ra để nó nhạt dần từ trái sang phải.

   4️⃣ Đổi chế độ hòa trộn của lớp chuyển màu thành Phủ (Overlay) và độ mờ khoảng 30% để có nền mềm, mờ ảo.

2. 2

   Vẽ đường viền chiếc lông

   1. ① Vẽ thân lông bằng công cụ Elip
      • Trên thanh công cụ chọn công cụ Elip (U) → vẽ một hình elip cỡ xấp xỉ chiếc lông.
      • Dùng công cụ Thêm điểm neo (Shift+P) chỉnh hai đầu trên dưới cho nhọn hơn hoặc rộng hơn.
      • Nhấn Ctrl+Enter (Mac ⌘+Enter) để biến hình khối thành vùng chọn.
      • Đặt màu tiền cảnh là trắng và chọn Chỉnh sửa → Tô (hoặc Alt+Delete) để tô trắng.
      • Vùng chọn → Chọn → Sửa → Làm mềm, bán kính khoảng 5 px, rồi Ctrl+D để bỏ chọn.
   2. ② Vẽ phần lông ống (trục giữa) bằng công cụ Bút tự do
      • Trên thanh công cụ chọn công cụ Bút (P) → chuyển sang Bút tự do (trên thanh tùy chọn, đổi “Hình dạng” thành “Đường dẫn”).
      • Nhấp hai lần để vẽ một đường thẳng mảnh, bắt đầu từ đáy hình elip và kết thúc vượt qua mép khoảng một phần ba.
      • Nhấn Ctrl+Enter lần nữa để chuyển thành vùng chọn rồi tô trắng.
      • Vùng chọn → Chỉnh sửa → Tô; xong thì gộp hai lớp (Ctrl+E) thành Lớp 1.
   3. ③ Vẽ các rãnh lông bằng công cụ Bút
      • Chọn lại Lớp 1 và dùng công cụ Bút vẽ những đường nhánh không đều men theo mép ngoài của chiếc lông.
      • Sau mỗi đoạn, trước tiên thêm một điểm neo trên đường dẫn (Alt+nhấp) để đóng đường dẫn con.
      • Ctrl+Enter → Chọn → Đảo ngược → Delete để bỏ phần bên trong.
      • Xong thì nhấn Ctrl+T để thoát vùng chọn.
      • Lặp lại cho tới khi xong hết các “sợi” của chiếc lông.
3. 3

   Tạo cọ tự tạo (kết cấu lông vũ)

   1️⃣ Tạo một lớp mới 5 × 5 px với nền trong suốt.

   2️⃣ Chọn công cụ Bút chì (B) với màu đen và chấm vài điểm ảnh như hình dưới (sắp xếp thế nào cũng được — bạn cần vẻ sần sùi).

   3️⃣ Xong thì chọn Chỉnh sửa → Định nghĩa cọ và đặt tên FeatherDust.

   4️⃣ Chọn cọ trên Lớp 1, đặt cỡ khoảng 30%–45%, độ cứng 0 và lưu lượng 20%, rồi quét nhẹ dọc mép và đầu chiếc lông để giả kết cấu tơ mịn tự nhiên.

4. 4

   Thêm kiểu lớp cho Lớp 1

   Chọn Lớp 1 → fx (kiểu lớp) → Vát và chạm nổi và đặt:

   Kiểu: Vát trong
   Kỹ thuật: Mượt
   Độ sâu: 100%
   Hướng: Lên
   Cỡ: 5 px
   Làm mềm: 0 px
   Chế độ sáng: Sáng (Screen), màu trắng
   Chế độ tối: Nhân (Multiply), màu đen
                   

   Sau đó bấm Phát sáng ngoài:

   Màu: #fff
   Chế độ hòa trộn: Phủ (Overlay)
   Độ mờ: 75%
   Cỡ: 10 px
   Phạm vi: Bên ngoài
                   

5. 5

   Tạo bóng cho chiếc lông

   1. Nhân đôi Lớp 1 (Ctrl+J) để có Lớp 1 copy.
   2. Với bản sao đang chọn, tô kín chiếc lông bằng màu đen bằng công cụ Xô sơn (G).
   3. Nhấn Ctrl+T và dịch xuống dưới hoặc sang phải một chút (lệch nhẹ để giả hướng sáng), rồi xác nhận.
   4. Sau đó Bộ lọc → Làm mờ → Làm mờ Gaussian với bán kính 2 px.
   5. Đặt độ mờ của lớp 50% để có bóng đổ mềm.
6. 6

   Thêm Phủ chuyển màu và hoàn tất

   Chọn Lớp 1 → fx → Phủ chuyển màu.

   Trong bảng mở ra:

   • Kiểu: Tuyến tính
   • Góc: 90° (chỉnh theo ý)
   • Màu: tùy bạn — vàng ánh kim #f1c40f → #e67e22 hay xanh tím nhạt #8e44ad → #3498db đều đẹp
   • Độ mờ: 100%
   • Chế độ hòa trộn: Phủ (Overlay) hoặc Sáng mềm (Soft Light) (tùy sở thích)

   Xong là bạn có một chiếc bút lông chim có thể kéo đi, nhân bản hay xuất thành PNG.

Tài liệu tham khảo

• Tài liệu chính thức của Adobe Photoshop
• HTML5 và nguyên lý xử lý ảnh phía giao diện hiện đại
• Online PS