Cắt ảnh panorama thành carousel mà không cắt qua mặt

Phép tính của carousel Instagram liền mạch: ảnh panorama thành bao nhiêu trang, đường nối nằm ở đâu, phần nào bị cắt và cách giữ người tránh xa đường cắt.

Trong bài này

Carousel liền mạch, tức một ảnh rộng chia thành nhiều trang nối liền khi vuốt, là một trong số ít định dạng giúp ảnh panorama trông ổn trên điện thoại. Nó cũng dễ làm sai: một trang lệch vài điểm ảnh sẽ lộ chỗ nhảy ở đường nối, ảnh sai tỉ lệ bị bóp méo, và đường nối chạy qua mặt ai đó sẽ chia đôi người ấy. Bài này đi qua các con số với một ví dụ và công cụ cắt ảnh thành nhiều phần, mọi vị trí cắt bên dưới đều lấy từ công cụ.

Instagram hiển thị mọi trang của một carousel cùng một khung, các lựa chọn phổ biến là vuông (1:1), dọc (4:5, 1080 × 1350 px) và ngang (1,91:1, 1080 × 566 px). Một carousel n trang đặt cạnh nhau vì thế có tỉ lệ n × tỉ lệ một trang:

Số trangVuông 1:1Dọc 4:5
22 : 11,6 : 1
33 : 12,4 : 1
44 : 13,2 : 1
55 : 14 : 1

Ảnh panorama của bạn có tỉ lệ riêng. Nếu nó trùng một ô trong bảng, ảnh chia ra không mất gì. Nếu không, phải cắt bớt, vì cách còn lại là kéo giãn, làm người trong ảnh béo ra hoặc gầy đi, không bao giờ đáng.

Một ví dụ cụ thể

Lấy ảnh panorama 6000 × 2000 px, tỉ lệ 3 : 1.

Ba trang vuông vừa khít: 3 × 1 = 3 : 1. Mỗi trang 2000 × 2000 px, cắt tại x = 2000 và x = 4000, rồi thu về 1080 × 1080 để đăng. Không mất gì.

Các trang dọc 4:5: chế độ "vừa với ảnh" gợi ý 3 / 0,8 = 3,75, làm tròn thành 4 trang, cần tỉ lệ 3,2 : 1. Ảnh hơi hẹp so với tỉ lệ đó, nên giữ nguyên chiều rộng và cắt chiều cao còn 6000 / 3,2 = 1875 px: 125 px, tức 6,25% ảnh, bị cắt ở trên và dưới cộng lại. Mỗi trang 1500 × 1875 px, đường nối ở x = 1500, 3000 và 4500, và mỗi trang được lưu ở 1080 × 1350.

Ba trang 4:5 thì carousel cần 2,4 : 1, nên giữ nguyên chiều cao và cắt chiều rộng còn 2000 × 2,4 = 4800 px: 1200 px, một phần năm bức ảnh, biến mất ở hai bên. Thanh vị trí cắt quyết định bỏ phần năm nào.

Chọn cách nào là quyết định thiết kế, nhưng công cụ cho thấy cái giá của từng cách ngay trên bản xem trước và nói rõ bao nhiêu bị bỏ.

Đường nối chính xác

Carousel chỉ liền mạch khi mép phải mỗi trang đúng là mép trái của trang sau. Hai lỗi phổ biến làm hỏng điều đó:

  • Chồng hoặc sót điểm ảnh. Chia dải 1000 điểm ảnh thành ba bằng cách cho mọi mảnh rộng 333 px là mất một cột; cho 334 là trùng một cột. Công cụ đặt mỗi đường cắt ở điểm ảnh nguyên gần vị trí chính xác nhất, nên 1000 thành 333, 334 và 333, mỗi điểm ảnh dùng đúng một lần.
  • Thu nhỏ từng trang riêng từ các vùng cắt khác nhau. Hãy thu nhỏ sau khi cắt, mọi trang cùng một tỉ lệ, đúng như tùy chọn "đổi về 1080 px": trong ví dụ 4:5, mỗi trang từ rộng 1500 xuống 1080 px, hệ số 0,72.

Giữ khuôn mặt tránh đường cắt

Vị trí đường nối do phép tính cố định, nên tự do duy nhất là đặt bức ảnh ở đâu so với chúng. Vài quy tắc thực tế:

  • Nhìn các đường nối trước khi lưu. Bản xem trước vẽ từng đường và đánh số các trang. Nếu đường nối cắt qua một khuôn mặt, hãy dời vị trí cắt hoặc đổi số trang: trong ví dụ, đường nối ở 1500, 3000, 4500 px (bốn trang) và ở 2000, 4000 px (ba trang vuông) nằm ở những chỗ khác nhau.
  • Chừa lề cho người. Trên điện thoại, hiệu ứng vuốt và góc bo làm vài chục điểm ảnh ngoài cùng mỗi trang khó nhìn. Khuôn mặt hay chữ nằm sát đường nối trông khó chịu dù không bị cắt.
  • Đặt chủ thể trọn trong một trang, đừng vắt qua hai trang. Trang đầu làm phần lớn công việc trên bảng tin, nên phần quan trọng nhất của ảnh nên nằm trọn ở đó.
  • Chữ không bao giờ vắt qua đường nối. Nếu ảnh có biển hiệu hay chú thích, hãy chọn cách chia để chữ nằm trong một trang.

Lưới 3 × 3 trên trang cá nhân

Phép tính tương tự áp dụng cho lưới trên trang cá nhân. Ảnh 3000 × 3000 chia thành chín mảnh 1000 × 1000. Hai điều cần nhớ: bài mới nhất hiện trước, nên hãy đăng các mảnh theo thứ tự ngược (dưới cùng bên phải trước, trên cùng bên trái sau cùng), và lưới có khe nhỏ giữa các ô, nên đường kẻ hay khuôn mặt vắt qua chỗ cắt cũng trông bị đứt.

Những lỗi hay gặp

  • Kéo giãn ảnh cho vừa. Hãy cắt bớt và chủ động chọn phần bỏ.
  • Trộn nhiều khung trong một carousel. Các trang hiển thị theo một khung; trộn lẫn khiến vài trang có viền hoặc bị cắt.
  • Tải lên trang kích thước gốc. Trang 2000 điểm ảnh sẽ bị ứng dụng thu nhỏ; lưu sẵn ở 1080 px tránh một lần thu nhỏ ngoài tầm kiểm soát.
  • Quên thứ tự. Đặt tên tệp để sắp đúng thứ tự đăng; công cụ ghi anh-01, anh-02 và tiếp tục như vậy.

Công thức

  1. Làm thẳng hoặc cắt ảnh panorama trước nếu cần, bằng công cụ cắt ảnh.
  2. Trong công cụ cắt ảnh thành nhiều phần, chọn Các trang carousel và khung trang.
  3. Bắt đầu từ "vừa với ảnh", rồi thử thêm một trang và bớt một trang; để ý đường nối rơi vào đâu.
  4. Trượt vùng cắt để khuôn mặt và chữ tránh xa đường nối.
  5. Giữ bật "đổi mỗi trang về rộng 1080 px" và tải tệp ZIP.

Công cụ được nhắc trong bài

Về trang blog