Hướng dẫn tách icon trong photoshop

Những thủ thuật tách icon nhanh trong photoshop

Bài viết này mình sẽ hướng dẫn một vài thủ thuật giúp dễ dàng tách icon hay các thành phần ra khỏi file PSD một cách dễ dàng và hiệu quả nhất cho front-end developer.

I. Sử dụng Duplicate Layer (Nhân bản layer)

  1. Chọn một Layer hoặc Nhiều Layer mà bạn muốn nhân bản.
  2. Chuột phải chọn Dulicate Layer… 
  3. Hộp Thoại Dulplicate Layer hiện ra, tại trường Documents hãy chọn New để nhân bản chúng ra 1 file khác.

Sau khi tách icon hay các layer mong muốn ra một file mới bạn sẽ thấy artboard sẽ có kích thước lơn bằng file cũ và toàn bộ đều là transparent. Lúc này bạn có thể sắp xếp icon như mong muốn và sau đó chúng ta cần sử lý loại bỏ các phần dư thừa bằng Lệnh TRIM:

Hộp thoại TRIM trong photoshop

  1. Trên thanh Menu bạn chọn Image > Trim… hoặc sử dụng phím tắt Alt + i và sau đó nhấn R
  2. Hộp thoại Trim mở ra tại mục Base On hãy chọn Transparent Picels để remove tất cả các khoảng trắng dư thừa

Hãy yên tâm nếu layer của bạn có sử dụng hiệu ứng shadow mọi thứ cũng sẽ được giữ lại

II. Sử dụng Smart Object

  1. Chọn một hoặc Nhiều Layer mà bạn muốn.
  2. Chuột phải và chọn Covert to Smart Object để tạo 1 Layer Smart Object chứa các Layer đã chọn.
  3. Double click vào Layer Smart Object bạn vừa tạo để bung nó ra 1 của sổ mới.

Trên là 2 cách mình thấy hiệu quả và thường xuyên sử dụng. nếu bạn nào có thủ thuật nào tốt hơn xin chia sẻ và comment bên dưới. Xin trân thành cám ơn đã xem bài viết này.