CÁCH THAY ĐỔI KÍCH THƯỚC PIXEL ART TRONG PHOTOSHOP
Có cần thiết phải thay đổi kích thước pixel art không? Tìm hiểu cách phóng to tác phẩm nghệ thuật mà vẫn giữ độ sắc nét của chúng với PTS.
Trong bài viết này, chúng ta sẽ học cách làm thế nào để có được kết quả tuyệt vời khi thay đổi kích thước pixel art trong PTS. Pixel art khác với hình ảnh tiêu chuẩn và nó có nhiều thách thức hơn thì thay đổi kích thước. Thông thường khi phóng to hình ảnh và thêm nhiều pixel vào hơn thì PTS sẽ cố gắng làm lộ những pixel được thêm vào bằng cách hòa trộn các pixel lại với nhau và làm mịn chúng.
Nhưng khối và pixel là toàn bộ điểm của pixel art. Vì vậy để thay đổi kích thước pixel art chúng ta cần một cách khác để PTS chỉ thực hiện việc thêm nhiều pixel vào thôi. Thay vì cố gắng làm mịn mọi thứ thì chúng ta cần giữ cho hình dạng và các cạnh của pixel art trông rõ ràng, sắc nét. Mình sẽ chỉ cho bạn cách thực hiện điều đó trong bài viết này.
Cùng với việc thay đổi kích thước pixel art, mình cũng sử dụng cách này để thay đổi kích thước ảnh chụp màn hình (được sử dụng làm ví dụ trong các bài hướng dẫn). Bạn hoàn toàn có thể sử dụng nó để thay đổi kích thước bất kì đồ họa nào cần giữ nguyên các cạnh, độ sắc nét hay ảnh chụp văn bản. Bất kì phiên bản nào của PTS cũng đều thực hiện được thao tác này, tuy nhiên để có kết quả tốt nhất hãy sử dụng Photoshop CC.
Mình sẽ sử dụng ảnh nhân vật bên dưới để làm ví dụ cho bài hướng dẫn này:
Mở ảnh trong PTS. (Nguồn: Adobe Stock)
Làm Sao Để Phóng To Pixel Art Trong PTS?
Đây là ảnh một nhân vật hoạt hình mình lấy từ Adobe Stock, có thể thấy hiện tại nó đang khá nhỏ so với màn hình:
Kích thước thực tế của ảnh khi hiển thị lên màn hình khá nhỏ.
Bước 1: Mở Hộp Thoại Image Size
Cách tốt nhất để phóng to pixel art là sử dụng hộp thoại Image Size. Hãy đi tới menu Image rồi chọn Image Size:
Image > Image Size.
Trong Photoshop CC, hộp thoại Image Size sẽ bao gồm cửa sổ xem trước ở bên trái và tùy chọn thay đổi kích thước ở bên phải:
Hộp thoại Image Size trong Photoshop CC.
Kiểm Tra Kích Thước Hiện Tại
Kích thước hiện tại của hình ảnh nằm ở ngay trên cùng hộp thoại. Ở mục Dimensions cho thấy hình ảnh mình mở có kích thước khá nhỏ, chiều rộng và chiều cao của nó có 500px:
Kích thước hiện tại của pixel art.
Bước 2: Bật Tùy Chọn Resample
Mình cần phải làm cho nhân vật này to hơn, ví dụ để thích hợp làm hình nền máy tính hay in một tấm poster chẳng hạn. Để làm được như thế thì cần phải phóng to nó lên bằng cách thêm nhiều pixel vào hơn.
Trước tiên, hãy bật tùy chọn Resample. Khi tắt tùy chọn này, kích thước pixel sẽ bị khóa và tất cả những gì chúng ta có thể thay đổi là kích thước in. Vì vậy để thêm hoặc xóa pixel thì bắt buộc phải bật Resample:
Bật Resample.
Bước 3: Nhập Tỷ Lệ Phần Trăm Và Mục Width Và Height
Thay vì lấy mẫu lại bằng cách sử dụng một kích thước đo cụ thể thì dùng tỷ lệ phần trăm có vẻ hợp lý hơn. Để tránh biến dạng và giữ cho các khối trong pixel art luôn vuông vắn, không bị bóp méo thì hãy tuân theo tỷ lệ bội số của 100 (200%, 300%, 400% v.v.) Mình sẽ thực hiện việc phóng to hình ảnh này lên mức 400%:
Nâng giá trị Width và Height lên 400%.
Điều này sẽ tăng kích thước pixel đang từ 500 px x 500 px lên thành 2000 px x 2000 px:
Kích thước mới của hình ảnh khi thay đổi kích thước.
Thay Đổi Kích Thước Cửa Sổ Xem Trước
Bằng cách tăng giá trị chiều cao và chiều rộng lên gấp bốn lần, ảnh nghệ thuật (pixel art) giờ đây quá lớn so với với kích thước của cửa sổ xem trước. Hãy mở rộng hộp thoại Image Size để kích thước của cửa sổ xem trước trở nên lớn hơn bằng cách nhấp rồi kéo góc dưới cùng bên phải. Sau đó nhấp và kéo hình ảnh trong cửa sổ xem trước để căn giữa ảnh nghệ thuật trong đó:
Thay đổi kích thước hộp thoại Image Size để mở rộng cửa sổ xem trước.
Vấn Đề Xảy Ra Khi Thay Đổi Kích Thước Pixel Art
Phóng to lên mới thấy có vấn đề khi mà nhân vật này trông không hề sắc nét, giống như bị nhiễu, mờ, vỡ nét:
Nhân vật trong khá mờ sau khi phóng to.
Hãy phóng to bức pixel art này lên 400% bằng cách nhấn vào nút thu phóng ở cuối cửa sổ xem trước, ta có thể thấy rõ các quầng sáng xung quanh những khu vực có độ tương phản cao, đặc biệt là khu vực xung quanh mắt:
Việc phóng to đã làm mờ các cạnh và thêm vào đó các quầng sáng.
Lưu ý khi nhấp giữ vào ảnh bên trong cửa sổ xem trước thì các quầng sáng sẽ biến mất và các cạnh trở nên sắc nét hơn, đó chính là những gì chúng ta muốn:
Ảnh trở nên sắc nét hơn khi nhấn giữ chuột trong cửa sổ xem trước.
Nhưng ngay say khi thả chuột, mọi thứ lại trở về như cũ:
Mọi thứ lại trở về như cũ.
Phương Pháp Nội Suy
Lý do là khi nhấp giữ vào cửa sổ xem trước, nó sẽ hiển thị cho ta thấy hình ảnh khi được PTS áp dụng một phép nội suy nào đó. Đây là cách PTS tính trung bình các pixel với nhau và tạo ra kết quả. Sau khi thả chuột, chúng ta sẽ thấy hình ảnh với phép nội suy hiện đang được áp dụng và đó chính là nguyên nhân tạo ra quầng sáng.
Tùy chọn các phương pháp nội suy nằm ngay cạnh tùy chọn Resample. Nó được đặt thành Automatic theo mặc định:
Tùy chọn phương pháp nội suy.
Bước 4: Chọn phương pháp Nearest Neighbor
Hãy nhấp vào tùy chọn phương pháp nội suy để mwor ra danh sách những phương pháp có thể lựa chọn. Nếu đang sử dụng Photoshop CC thì phương pháp nội suy được chọn chính là Preserve Details. Đối với Photoshop CS6 thì nó là Bicubic Smoother. Tuy nhiên cả hai phương pháp này đều không hoạt động tốt đối với pixel art:
Danh sách các phương pháp.
Trong trường hợp này, phương pháp nội suy chúng ta cần dùng là Nearest Neighbor:
Chọn Nearest Neighbor.
Ngay sau khi chọn Nearest Neighbor, tác phẩm bên trong cửa sổ xem trước để trở nên sắc nét hơn rất nhiều. Và nếu thử nhấp giữ chuột trong cửa sổ xem trước thì lần này không có bất kì sự khác biệt nào xảy ra.
Đó là bởi vì chúng sử dụng cùng một phương pháp nội suy. PTS luôn thêm các pixel ban đầu bằng cách sử dụng Nearest Neighbor. Nhưng khi chúng ta đã chọn nó theo cách thủ công thì PTS sẽ không sử dụng bất kì thứ gì khác khiến cho tác phẩm trở nên xấu hơn:
Phương pháp Nearest Neighbor là một lựa chọn hoàn hảo.
Bước 5: Nhấn OK
Khi đã sẵn sàng cho việc lấy mẫu lại, hãy nhấn OK để xác nhận thay đổi và đóng hộp thoại Image Size:
Nhấn OK để xác nhận thay đổi và đóng hộp thoại Image Size.
Bây giờ hình ảnh nhân vật anh hùng này đã lớn hơn rất nhiều nhưng mọi thứ vẫn được giữ nguyên theo đúng ý chúng ta muốn:
Tác phẩm sau khi thực hiện upsample.
Tóm Tắt Nhanh Cách Phóng To Pixel Art
Giờ hãy cùng tóm tắt nhanh các bước để có kết quả tốt nhất khi phóng to pixel art trong PTS.
- Mở hộp thoại Image Size (Image > Image Size).
- Đặt giá trị Width và Height thành phần trăm, để có kết quả tốt nhất hãy đặt giá trị là bội số của 100 (200%, 300%, 400% v.v.)
- Chọn phương pháp nội suy Nearest Neighbor.
- Nhấn OK.
Cách Thay Đổi Kích Thước Pixel Thành Kích Thước Chính Xác Nhất
Cho đến giờ chúng ta đã học được cách để phóng to pixel art là lấy mẫu lại và sử dụng tỷ lệ phần trăm là bội số của 100. Nhưng điều gì sẽ xảy ra nếu bạn cần phóng to lên với các kích thước pixel cụ thể và chúng ta không thể làm được điều đó bằng cách sử dụng tỷ lệ phần trăm?
Ví dụ: bằng cách upsample cho tác phẩm lên 400%, chúng ta đã phóng to chiều rộng và chiều cao từ 500 px lên 2000 px:
Kích thước sau khi lấy mẫu lại.
Nhưng nếu mình cần hai giá trị Width và Height nhỏ hơn một chút, 1600 px chẳng hạn, thì phải làm sao? Nếu tăng lên ở mức 300% thì kết quả là chiều rộng và chiều cao chỉ còn 1500 px. Như thế lại nhỏ hơn những gì mình muốn. Còn nếu lẫy mẫu lên 400% thì lại khiến nó quá lớn so với mức mình cần. Trong trường hợp này, ta cần thay đổi kích thước pixel art trong hai bước.
Bước 1: Lấy Mẫu Pixel Art Dưới Dạng Tỷ Lệ Phần Trăm
Đầu tiên hãy lấy mẫu pixel art bằng cách sử dụng tỷ lệ phầm trăm là bội số của 100, điều này sẽ khiến bức ảnh được phóng to đến mức bạn cần. Mình sẽ thử lấy mẫu ở mức 400%.
Bước 2: Mở Hộp Thoại Image Size
Sau đó tiếp tục thay đổi kích thước lần thứ hai, lần này là để giảm mẫu về kích thước pixel chính xác. Hãy mở hộp thoại Image Size bằng cách đi tới menu Image chọn Image Size:
Image > Image Size.
Bước 3: Bật Tùy Chọn Resample
Hãy chắc chắn tùy chọn Resample đã bật để có thể thay đổi số lượng pixel:
Bật Resample.
Bước 4: Đặt Đơn Vị Tính Chiều Rộng Và Chiều Cao Bằng Pixel
Nhập kích thước chính xác mà chúng ta cần vào mục Width và Height (tính theo pixel). Mình sẽ đặt cả hai thành 1600 px:
Nhập giá trị mới cho Width và Height.
Bước 5: Đặt Phương Pháp Nội Suy Thành Automatic
Mặc dù phương pháp Nearest Neighbor cho kết quả rất tốt đối với pixel art khi upsample. Nhưng khi thực hiện downsample thì bạn sẽ không muốn sử dụng nó đâu. Thay vào đó, để có kết quả tốt nhất hãy đặt phương pháp nội suy thành Automatic. Thao tác này sẽ để cho PTS có quyền tự chọn phương pháp nội suy khi thực hiện downsample và tất nhiên nó sẽ chọn Bicubic Sharper:
Chọn Automatic.
Sauk hi hoàn tất thay đổi với kích thước chính xác, hãy nhấn OK để đóng hộp thoại:
Nhấn OK để thực hiện việc downsample.
Vậy là xong! Trên đây chính là hướng dẫn để có được kết quả tốt nhất khi thay đổi kích thước hình ảnh của pixel art, ảnh chụp màn hình hay đồ họa trong PTS. Trong bài học tiếp theo, chúng ta hãy cùng xem xét cách tốt nhất để phóng to hình ảnh trong PTS bằng cách sử dụng Preserve Details 2.0 (tính năng hoàn toàn mới).
