Cách lưu ảnh trong ai

– Quality [chất lượng ảnh]: có 4 cấp độ: Low [thấp], Medium [trung bình], High [cao], Maximum [cao nhất]. Tôi thường để chế độ Maximum.

– Resolution [độ phân giải]: đây là cái quan trọng nhất. Có 3 mức mặc định:

+ Screen [72ppi]: Chọn mức này khi bạn xuất ảnh chỉ để xem trên màn hình. Tôi rất ít khi chọn mức này, ngoại trừ khi kích thước hình ảnh đã đủ lớn. Ví dụ như tôi có ảnh poster kích thước A5, màn hình máy tính là 19 inch, tôi có thể xuất file ảnh ở mức này để xem hoặc gửi mail cho người khác cũng xem trên màn hình. Những chữ ở size 10pt sẽ không thấy rõ.

+ Medium [150ppi]: Chọn mức này nếu bạn muốn file ảnh nhìn trên màn hình đủ rõ để đọc được chữ, thậm chí cũng có thể in. Ví dụ: tôi có poster kích thước A2, có thể xuất file ảnh ở mức này để in ở kích thước A5 mà vẫn đảm bảo chất lượng ảnh tốt. ^ ^

+ High [300ppi]: Chọn mức này khi xuất file ảnh để in, điều kiện là phải file thiết kế và file in phải cùng kích thước hoặc chênh lệch không nhiều. Ví dụ: tôi có poster kích thước A4, gửi ra xưởng in có thể xuất ở mức này, nhưng hình ảnh chỉ chấp nhận được thôi, không đẹp lắm đâu.

Do đó Illustrator mới có thêm mức sau đây:

+ Other: Bạn có thể gõ một con số tùy ý [từ 72 đến 1000]. Ví dụ: với poster A5, để xem trên máy, tôi thường xuất file ảnh ở mức 100ppi và khi in trên giấy Couch thì xuất ở mức 450ppi.

Tại sao ban đầu tôi khuyên các bạn xuất in ở mức 300dpi mà bây giờ tôi lại xuất file ảnh ra mức 450ppi?

Trước hết, tôi khẳng định là không hề có sự nhầm lẫn về đơn vị.

Nếu bạn từng làm việc trong in ấn sẽ thấu hiểu được độ phức tạp về sự pha trộn màu sắc và độ phân giải. ppi [pixels per inch] và dpi [dots per inch] là 2 đơn vị khác nhau. ppi là đơn vị dùng cho ảnh số, nên bạn sẽ thường thấy nó dùng để đo độ phân giải của các loại màn hình hiển thị; còn dpi lại chỉ độ phân giải của các bản in. Máy in tạo ra càng nhiều dot trên một inch vuông thì chất lượng bản in càng cao. Có sự chênh lệch về ppi và dpi khi xuất in. Bạn có thể hiểu nôm na là dpi cao hơn ppi [giống như 1usd ~ 22.000vnđ vậy đó ^ ^], dpi càng cao thì ảnh in ra càng rõ nét. Nhưng Illustrator chỉ có ppi nên nếu đang làm việc trên Illustrator [hoặc cả Photoshop], để xuất in poster A4 [kích thước file thiết kế cũng là A4 luôn] thì nên xuất file ảnh lên mức 450ppi để bảo đảm mẫu in thành phẩm rõ đẹp. Còn xuất file ảnh xem trên máy tính thì dùng ở mức 72 ~ 150ppi là được.

Tại sao phải xuất file ảnh tương đương với kích thước file thiết kế? Ví dụ: file thiết kế *.ai chỉ có 3cm x 4cm, thì dù xem trên máy tính bạn cũng nên xuất file ảnh ở mức >= 150ppi, như vậy mới thấy rõ được.

Đó là trường hợp xuất file ảnh để in và xem trên màn hình. Thế mà, cũng là xem trên màn hình nhưng cách xuất file ảnh cho web và gửi mail lại có những điểm lưu ý khác nhau. [Cái này thuộc về kinh nghiệm, mách nhỏ, lưu ý lớn nhé! ^ ^]

Ví dụ, bạn thiết kế mẫu poster và phải gửi mail cho khách hàng xem trước khi tiến hành in. Bạn muốn khách hàng thấy rõ hình ảnh, chữ nghĩa trên đó, nhưng để gửi mail nhanh thì dung lượng phải nhỏ, chất lượng đủ nhìn thôi để tránh việc khách hàng lén đi in mà không thông qua bạn.

Tương tự như vậy, khi xuất ảnh để update trên web, bạn có thể áp dụng độ phân giải trên, nhưng ảnh xuất ra hoặc là dung lượng thấp nhưng quá nhòe hoặc là rõ nhưng dung lượng quá cao. Chúng ta đã biết, ảnh có dung lượng cao sẽ ảnh hưởng đến tốc độ load trang và chiếm dung lượng hosting.

Trong 2 trường hợp này, bạn cần phải xuất file dung lượng thấp nhưng phải hiển thị rõ đẹp. Bạn có thể xem qua hình Doraemon này, rõ đẹp nhưng chỉ có 63.2Kb. ^ ^

Và đây là cách tôi đã làm:

Vẽ hình Doraemon trên Illustrator, hình vector hẳn hoi, phóng to lên 6400% cũng không bị bể [vỡ hạt]. Sau đó export ra *.png với độ phân giải là 150ppi [quá tốt cho 1 ảnh chỉ xem trên web, màn hình]. Nhưng dung lượng lại khá cao >1Mb vì tôi vẽ ở kích thước A2.

Để giảm nhẹ file ảnh, tôi lại xuất 1 lần nữa trong Photoshop [trong blog này, tôi dùng Photoshop CS6].

File > Open: để mở file ảnh vừa xuất trong Illustrator.

Sau đó, vào File > Save for web [Alt + Ctrl + Shift + S]

Trong cửa sổ này, bạn chỉ cần quan tâm cụm tùy chọn góc trên bên phải.

Bạn có thể chọn xuất ra *.jpg, *gif [thường dùng cho ảnh động] hoặc *.png. Ở đây tôi chọn xuất PNG-8 vì mục đích của tôi không muốn ảnh có nền trắng và 1 lí do nữa là… png nhẹ hơn jpg. ^ ^

Sau đó chọn Save là xong. Quá trình này máy tính thực hiện khá nhanh và file ảnh png mới xuất ra cũng “nhẹ” hơn gấp 10 lần file ảnh xuất ra từ Illustrator ban đầu. Quá tuyệt vời nhỉ?!

Nhưng ảnh có nhẹ cũng ở 1 mức độ nào đó thôi, quan trọng vẫn là bảo đảm chất lượng hình ảnh như nhu cầu. Ví dụ: Poster khổ A2 xuất ở mức 72ppi vẫn nhìn rõ nhưng A5 mà xuất ở 72ppi cho nhẹ là không ổn đâu nhé!

Một câu hỏi nữa lại đặt ra, tại sao tôi không dùng lệnh Save for web trong Illustrator mà phải chạy qua Photoshop để xuất 1 lần nữa?

Đối với tôi, Illustrator giống như cấp tiến hóa cao hơn của Corel Draw vậy, có thế mạnh trong việc tạo ra ảnh vector [bằng chứng là tôi vẽ hình Doraemon ở kích thước rất lớn trong Illustrator nhưng dung lượng chưa tới 1Mb]. Nhưng khi bạn xuất ra file ảnh, đã là ảnh bitmap rồi thì Illustrator không thể so với Photoshop được. Bạn có thể tự kiểm chứng bằng cách xuất file ảnh bằng lệnh Save for web của Illustrator và 1 cái nữa xuất lại trong Photoshop theo cách tôi đã nói. Chất lượng và dung lượng sẽ khác hẳn.

Không sợ mất quá nhiều thời gian đâu vì trong Photoshop còn có nhiều lệnh rất hay hỗ trợ giảm nhẹ hàng loạt ảnh bằng palette Actions. Nếu chỉ xuất ảnh nhỏ nhỏ thôi thì vào Image size [Crl + Alt + I] thu nhỏ lại trước khi dùng lệnh Save for web thì ảnh sẽ còn nhẹ hơn nữa. ^ ^ [sẽ hướng dẫn chi tiết vào bài viết khác]

Hiện nay thì có khá nhiều phần mềm hỗ trợ xuất file ảnh nhẹ hơn với dung lượng thấp hơn, nhưng trong blog này, tôi chỉ hướng bạn tới việc áp dụng tương tác qua lại những lệnh trong các phần mềm chuyên nghiệp như của Adobe.

Mặc định, Adobe Illustrator sẽ lưu file dưới định dạng AI, tuy rất hữu ích khi muốn tiếp tục làm việc trên file nhưng khi cần dùng cho các mục đích khác như in, chia sẻ lên mạng xã hội… bạn sẽ cần lưu chúng ở định dạng khác phù hợp hơn.

Trước khi xuất file trong AI sang các định dạng phù hợp, hãy cùng học cách lưu artboard trong Adobe Illustrator.

Artboard giống các trang khác nhau trong tập tin Illustrator. Chúng có thể kết hợp lại thành một tấm hình hoặc lưu riêng rẽ. Hầu hết các cách lưu file đều cho bạn chọn cách lưu các artboard này, và điều đó sẽ ảnh hưởng tới bức ảnh cuối cùng. Dưới đây là cách dùng lệnh Export để lưu.

Lưu các artboard trong Adobe Illustrator thành các tập tin riêng rẽ

• Nếu muốn lưu artboard thành các tập tin riêng rẽ, chọn Use Artboards rồi chọn All để lưu tất cả hoặc chọn số trong Range [ví dụ từ 2-4] để chọn artboard muốn lưu.
• Khi đối tượng nằm ngoài artboard, chọn hộp thoại Use Artboard để ảnh cuối cùng chỉ có phần bên trong artboard chứ không có phần bên ngoài.
• Nếu sản phẩm của bạn đã nằm trong artboard, đừng chọn Use Artboards. Khi đó tấm hình sẽ được cắt cho tới viền ngoài cùng của đối tượng trong hình, các khoảng trắng bên ngoài sẽ bị cắt.

Sự khác biệt khi chọn và không chọn Use Artboard

Lưu ảnh JPEG độ phân giải cao trong Adobe Illustrator

Lưu ảnh AI dưới định dạng JPEG

Tốt nhất bạn nên thiết kế sát với kích thước mình cần nhất. Nếu chưa, hãy tạo file mới, sao chép và dán sản phẩm của mình vào rồi chỉnh sửa lại. Sau đó lưu ảnh dưới định dạng JPEG bằng các bước sau.

• Đi tới File > Export > Export As. Gõ tên file rồi chọn Format là JPEG.
• Chọn cách lưu các artboard rồi chọn Export.
• Tại màn hình JPEG Options, thay đổi Color Model nếu muốn và chọn chất lượng.
• Tại Options, chọn độ phân giải. Screen [72 dpi] sẽ cho ra ảnh kích thước giống file gốc và có thể dùng được trên web. Chọn High [300 dpi] nếu muốn ảnh có độ phân giải cao, thích hợp để in ấn.
• Chọn OK để lưu file.

Lưu ảnh trong Adobe Illustrator sang định dạng PNG

Khi cần dùng ảnh làm logo, icon hay ảnh trong suốt, bạn sẽ cần lưu dưới định dạng PNG. Để hỗ trợ màn hình có độ phân giải chuẩn và cao, nên xuất nhiều kích thước.

Màn hình xuất ảnh PNG có nền trong suốt

• Đi tới File > Export > Export for Screens.
• Chọn tab Artboard. Nếu có nhiều hơn một artboard trong ảnh, chọn các artboard bạn cần.
• Tại Formats, chọn Format là PNG và Scale là 1x.
• Chọn Add Scale để tạo thiết lập cho tấm hình thứ 2. Chọn Scale cho kích thước mới, ví dụ 3x nếu muốn ảnh cao hơn, rộng hơn ảnh cũ 3 lần.
• Xuất thêm nhiều kích thước khác nếu cần.
• Chọn Export Artboard để lưu ảnh.

Lưu ảnh trong Adobe Illustrator sang định dạng SVG

Cách mới hơn để xuất icon, logo là dùng định dạng CVG, viết tắt của Scalable Vector Graphics, thực ra là một ngôn ngữ đánh dấu dạng XML.Bạn có thể vừa xuất file để dẫn tới trang web, vừa lưu ảnh dưới dạng code để dán trực tiếp vào tập tin HTML, chỉnh sửa bằng CSS, rất hữu ích để thêm hiệu ứng cho ảnh.

Định dạng này còn có tác dụng là khá gọn nhẹ, vì là vector nên có thể dễ dàng thay đổi kích thước, không cần ảnh với các kích thước khác nhau cho các màn hình có độ phân giải khác nhau.

Lưu ảnh dưới định dạng SVG mang đến nhiều lợi ích

Có nhiều cách để lưu dưới định dạng SVG. Dùng Save As để tạo file lớn, sau này tiếp tục làm việc. Với ảnh cuối cùng, bạn có thể dùng Export.

• Đi tới File > Export > Export As.
• Chọn Format là SVG và chọn Export.
• Chọn Styling là Internal CSS để đặt các thông tin về kiểu cách trong khối để dễ dàng chỉnh sửa trong CSS.
• Với Font, chọn SVG để có thể chọn được văn bản. Chỉ chọn Outlines nếu bạn dùng font tùy chỉnh. Images để là Preserve.
• Nhớ chọn cả Minify và Responsive để có được khả năng tương thích cao nhất.
• Chọn Show Code để mở code trong khung soạn văn bản. Giờ bạn có thể sao chép, dán vào tập tin HTML hoặc click OK để xuất ảnh.

Lưu ảnh trong Adobe Illustrator sang định dạng PDF

Cách đơn giản nhất để lưu tập tin Illustrator thành định dạng PDF là bằng lựa chọn Save As. Tuy vậy nếu dùng nhiều artboard thì cách này sẽ trộn tất cả vào một tập tin PDF nhiều trang.

Xuất tập tin trong Illustrator thành định dạng PDF

• Đi tới Export > Save for Screens.
• Trong hộp thoại mở ra, chọn tab Artboard và chọn các artboard muốn xuất.
• Ở cột bên phải, chọn Format là PDF và nhấp chọn Export Artboards. Sẽ mất vài giây để xuất các tập tin lớn, phức tạp.
• Khi hoàn thành, mặc định tập tin sẽ được lưu vào thư mục con riêng biệt.

Lưu đối tượng trong Adobe Illustrator Image

Đôi khi bạn muốn lưu hoặc xuất một số đối tượng trong một hình ảnh, ví dụ như thiết kế logo và chỉ muốn xuất phần chữ hoặc phần hình thành các tập tin riêng rẽ.

Biến đối tượng thành Assets để xuất riêng rẽ

• Đi tới Windows > Asset Export.
• Chọn Selection Tool từ thành công cụ hoặc dùng phím tắt V. Kéo đối tượng bạn muốn xuất vào bảng Asset Export.
• Chọn Asset muốn lưu, giữ Ctrl hoặc Cmd để chọn nhiều hơn một.
• Dưới phần Export Settings, chọn Format là PNG, JPEG, SVG hay PDF tùy ý.
• Nếu chọn PNG hay JPEG, bạn có thể xuất dưới nhiều kích thước, chọn Scale và 1x rồi chọn Add Scale và thêm các mức kích thước khác. Có thể dùng cách này để xuất sáng nhiều định dạng.
• Chọn Export và nơi lưu tập tin mới.

Còn có nhiều cách khác để dùng tập tin trong Illustrator sang các phần mềm khác. Photoshop có thể mở file AI Nhưng sẽ chỉ dưới dạng ảnh phẳng, không chỉnh sửa được. Thay vào đó hãy chọn Export As để lưu dưới định dạng PSD để giữ lại các lớp ảnh khi mở trên Photoshop.

Xem thêm:

• 8 mẹo Adobe Illustrator giúp bạn thiết kế nhanh hơn
• Phím tắt Adobe Illustrator thường dùng
• Cách mở file AI không cần Adobe Illustrator

Video liên quan