Vì sao file pts in ra bị vỡ hình

.PNG là một định dạng ảnh được sử dụng phổ biến trong thiết kế. Tuy nhiên khi tìm kiếm trên Internet và đưa vào Photoshop, thi thoảng bạn sẽ gặp lỗi với định dạng ảnh này. ColorME sẽ hướng dẫn bạn cách khắc phục trong bài viết sau đây nhé!

PNG (Portable Network Graphics) là dạng hình ảnh sử dụng phương pháp nén dữ liệu mới - không làm mất đi dữ liệu gốc. Nếu lưu 1 ảnh dưới định dạng .png thì dung lượng cao hơn hẳn khi lưu định dạng .jpg, .jpeg (vì ảnh png giữ nguyên chất lượng còn ảnh jpg được “nén” cho nhẹ, dễ gửi qua lại trên Internet). Do đó các file logo, hình ảnh hay tài nguyên quan trọng thường để định dạng này.

File .Jpg (bên trái) và file .png (bên phải).Khi hiển thị trên Google thì file .png được tự động tạo nền caro.

Lúc đưa vào phần mềm thì nền sẽ trong suốt, chỉ còn xúc xắc.

.PNG hỗ trợ ảnh tách nền (tức nền trong suốt - nền caro) vì thế được dùng rộng rãi trong thiết kế, làm video, làm slide, v.v... 

Bạn hãy tìm dưới đây trường hợp bị lỗi mà bản thân gặp phải để khắc phục nhé!

II. Các lỗi thường gặp và cách xử lý khi đưa file .PNG vào Photoshop

Trong quá trình hỗ trợ học viên ColorME, mình nhận ra có 3 lỗi chính các bạn thường gặp phải khi lấy ảnh .png trên Internet để đưa vào Photoshop.

Trường hợp 1: Ảnh .png đưa vào Photoshop vẫn nguyên nền caro

Đây là lỗi kinh điển đến mức có một “meme” nổi tiếng trên mạng về vấn đề này. Nguyên nhân của “cú lừa” này cũng rất đa dạng: ảnh được lưu dưới dạng .jpg; ảnh được đặt trên nền caro chứ không phải hệ thống tự động hiển thị nền caro; v.v...

Cách khắc phục: 

- Sau khi nhận ra “bị lừa”, bạn có thể tìm ngay tấm hình khác để thử (trên Google.com). Ví dụ từ khóa “mũ giáng sinh png” bạn có thể tìm được nhiều chiếc mũ với kiểu dáng khác nhau.

- Trường hợp không thể tìm được tấm hình nền trong suốt như ý muốn mà chỉ toàn “cú lừa”: bạn đưa vào Photoshop rồi dùng công cụ tách nền như Quick Selection Tool/ Magic Wand Tool/ Pen Tool để tách chủ thể khỏi nền caro giả.

Trường hợp 2: Copy ảnh trên mạng đưa vào Photoshop thấy “đen thui”

Nhiều bạn sử dụng phương pháp làm nhanh khi đưa ảnh từ Internet vào trong phần mềm: chuột phải vào tấm hình, chọn Copy rồi dán vào Photoshop (Ctrl C, Ctrl V). Tuy nhiên thao tác xong thì thấy tấm hình đen thui. 

Mình cũng không biết giải thích sao với trường hợp này, có thể Photoshop đang dạy chúng ta 1 bài học về làm việc chỉn chu, bài bản, bớt “dục tất bất đạt” chẳng hạn…

Cách khắc phục: Photoshop không cho đi đường tắt, thì chúng ta đi đường chính vậy.

Đầu tiên bạn hãy tải ảnh về máy (chuột phải > Save Image). Sau đó bạn đưa ảnh vào Photoshop bằng 2 cách sau đây:

Cách 1: Vào File > Open (phím tắt Ctrl O) > chọn ảnh. Nếu thấy file .png ổn rồi thì bạn kéo ảnh này vào trang giấy đã mở sẵn để thiết kế.

Cách 2: Trong trang giấy mở sẵn, vào File > Place Embedded > chọn ảnh png. Bạn sẽ thấy file png vừa tải về không còn bị đen thui nữa! 

Biểu tượng của 1 Layer Smart Object

Lưu ý: khi thực hiện theo cách này, ảnh đưa vào được chuyển thành dạng Smart Object (chống mọi tác động từ bên ngoài để bảo toàn chất lượng ảnh khi phóng to, thu nhỏ layer). Để thực hiện bôi - dán - gạch - xóa lên layer Smart Object, bạn chuột phải vào Layer rồi chọn Rasterize layer là sẽ trở thành bình thường.    

Trên đây là 2 cách chính thống để đưa ảnh vào Photoshop, nếu có tìm hiểu chắc hẳn bạn cũng đã biết! 

Trường hợp 3: Hiện lên bảng báo lỗi “unexpected end-of-file”

Lỗi này đầy đủ là “Could not import the clipboard because an unexpected end-of-file was encountered.” 

Nguyên nhân: Photoshop không “ưa” file bạn vừa đưa vào do có định dạng (đuôi file) được mã hóa mặc dù vẫn ghi là .png

Cách khắc phục: Bạn làm lần lượt các bước sau:

- Mở file ảnh bằng Paint: Bạn click chuột phải vào file ảnh trong máy tính, chọn Edit.

- Lưu file ảnh bằng Paint: File > Save, bạn chọn đuôi .png để chắc chắn ảnh đã được lưu ở định dạng .png

- Sau đó bạn đưa vào Photoshop thử, 90% sẽ ổn còn nếu không được thì đành...tìm file khác vậy. 

III. Lời khuyên để tránh gặp lỗi file .PNG

Lời khuyên 1: Download luôn tốt hơn Copy

Ý mình đang nói đến việc bạn tải hình ảnh về và dùng thao tác Open (Ctrl O) hoặc Place Embedded (đề cập trong trường hợp 2). Cách này có ưu điểm rõ ràng:

- Tránh lỗi import hình png vào bị “đen thui”

- Bảo toàn chất lượng hình ảnh khi đưa vào phần mềm.

Download luôn tốt hơn Copy, ảnh chất lượng cao hơn hẳn

Cách Copy hình ảnh (Ctrl C - Ctrl V) có ưu điểm là: nhanh.

Nhược điểm: 

- File ảnh .png hay bị lỗi đen thui.

- Chất lượng hình ảnh không được tối đa (bạn copy ảnh trên Unsplash so với Download là sẽ thấy ngay sự khác biệt)

Vì vậy khi bạn cần làm demo - trình diễn, không cần ảnh chất lượng cao hoặc chỉ check hình ảnh thì nên dùng Copy, còn nếu không thì cứ Download cho yên tâm nhé!

Lời khuyên 2: Hình ảnh hầu hết là miễn phí nên bạn hãy bỏ thêm công tìm kiếm!

Ảnh tách nền như logo, tài nguyên, v.v...trên mạng có rất nhiều nhưng bạn sẽ thường xuyên thấy những tấm ảnh png còn nguyên nền caro. Vì vậy hãy bỏ thêm công để tìm kiếm và download về để mở thử nhé!

Quy trình để thử 1 tấm ảnh png thật hay không:

Mình đúc rút được 1 quy trình sau thời gian dài làm việc với Photoshop và các file .png, mọi người có thể tham khảo ngay nhé!

Bước 1: Copy ảnh và paste vào Photoshop để kiểm tra xem có phải .png thật hay không (nền trong suốt). Nếu còn nền caro thì tìm file khác.

Bước 2: Nếu thực hiện xong bước 1 mà bị đen thui thì bạn download hình ảnh về rồi đưa vào Photoshop bằng cách Open hoặc Place Embedded.

Bước 3: Nếu vẫn bị nền caro thì bạn cân nhắc tìm file khác hoặc tự tách nền bằng Quick Selection Tool/ Magic Wand Tool/ Pen tool

TẠM KẾT

Trên đây là lỗi mà các bạn học viên thường nhận thấy khi đưa file .png vào phần mềm Photoshop. Hãy đăng ký hệ thống học thiết kế online E-ColorME để được giải đáp mọi thắc mắc, chữa bài tập ngay trong vòng 2 giờ nha! Bạn sẽ tiến bộ nhanh chóng khi tiếp cận lộ trình hợp lý và hỗ trợ tận tình thôi! Muốn học Photoshop, Illustrator, Premiere, After Effects,...chủ động tiến độ thì đừng ngần ngại tham khảo ngay nhé!

Với các bạn Designer mới bước chân vào nghề thì ít nhiều các bạn sẽ phải đối mặt với các tình huống khó xử như: khách hàng lấy file bạn gửi cho họ duyệt để đi in, hay bạn muốn xuất file đi in hiflex nhưng không biết làm như thế nào, tại sao các file thiết kế trên kho ảnh datadesignsb.com lại có chất lượng cao đến như vậy?… Ở bài viết này, Kayac.vn sẽ tổng hợp những tips xuất file ảnh chất lượng cao trong Ps và Ai mà chúng tôi đã tích lũy được trong nhiều năm, nhằm giúp các bạn fresher cũng như những ai chưa có quá nhiều kinh nghiệm tránh được những tình huống khó xử như trên nhé.

1. Khi sử dụng Export cần lưu ý các thông số nào?

Để lưu file thì 2 chức năng Save và Save As thì có lẽ cũng đã quá quen thuộc với nhiều người rồi. Vậy còn để xuất file thì bạn cần sử dụng chức năng gì? Trong Adobe Illustrator, Export được sử dụng tương tự với chức năng Save As của Adobe Photoshop.

Export là công cụ giúp bạn xuất các bản thiết kế của mình sang các định dạng ảnh. Thường dùng nhất vẫn là 2 định dạng .jpg và .png.

Khi xuất file thiết kế sang định dạng ảnh .jpg, bạn cần lưu ý các thông số sau:

• Hệ tùy chọn màu cho ảnh (Color model), có 3 hệ màu chính là RGB, CMYK, và Grayscale. Trong đó: với các thiết bị số thì bạn nên chọn hệ RGB; với việc in ấn thì hãy chọn hệ CMYK. Và cuối cùng là hệ 2 màu đen-trắng (Grayscale), dùng cho các máy in trắng đen là chủ yếu.

• Chất lượng hình ảnh (Quality). Hiện Ai hỗ trợ 4 levels về chất lượng hình ảnh: Thấp – Trung bình – Cao – Maximum. Khuyên các bạn là nên để Maximum nhé.

• Phương pháp nén file (Compress method), với chức năng này thì bạn sử dụng để nén dung lượng file ảnh. Có 2 chế độ là Tiêu chuẩn (Standard) và Tối ưu (Optimize). Với chức năng này thì Kayac.vn khuyên bạn nên để mặc định là Standard nhé.

• Độ phân giải (Resolution), ở đây, bạn cần lưu ý 3 mức độ của nó, bao gồm:

Screen (72 ppi): khi bạn muốn đăng ảnh lên các thiết bị KTS như màn hình máy tính, gửi cho mail cho khách duyệt, đăng facebook, … thì hãy chọn mức phân giải này.  

Medium (150 ppi): bạn có thể xuất file ở chế độ này khi file thiết kế lớn hơn file in từ 50% trở lên.

High (300 ppi): trong trường hợp bạn muốn file thiết kế và file in của bạn có tỉ lệ ngang nhau (1:1) thì hãy chọn mức phân giải này nhé.

Other: Tính năng này cho phép bạn nhập giá trị độ phân giải (ppi – pixel per inch) mà bạn muốn.

2. Chọn tỉ lệ và xuất file theo từng mục đích

Xuất file thì cũng sẽ có nhiều mục đích để xuất file như: gửi mail cho khách, cài hình nền máy tính, đăng ảnh lên fb, để in, … Tuy nhiên, không phải các bạn cứ xuất một file ra là sẽ đạt được hết các mục đích trên. Sẽ có những cách xuất file khác nhau cho từng mục đích sử dụng. Kayac.vn sẽ hướng dẫn các bạn cách xuất file cho từng mục đích nhé.

2.1 Để đăng lên các trang web hoặc fb

Tuy nhiên các dịch vụ thiết kế website chuyên nghiệp có 1 lưu ý cực kỳ quan trọng về Export hình ảnh khi đưa lên web (nhằm tối ưu tốc độ tải trang) tránh tình trạng hình ảnh quá nặng, độ phân giải quá lớn ảnh hưởng đến tốc độ Load của trang web (làm web tải quá chậm) bạn nên tham khảo cách sau:

• Sử dụng chức năng Export của Adobe Illustrator hoặc Save As của Adobe Photoshop. Các trang web và facebook có cùng một yêu cầu về ảnh khi đăng lên là phải nét nhưng dung lượng phải nhỏ nhất có thể để load hình được nhanh. Vậy để đáp ứng được những yêu cầu trên, khi export ảnh, bạn cần lưu ý các thông số như: chọn Hệ màu RGB, Chất lượng từ 6-8 và Độ phân giải ở mức 72 ppi.

• Sử dụng Save for Web. Với chức năng này thì bạn có thể dùng được ở cả 2 phần mềm Ai và Ps. Đây là tính năng được thiết lập để hỗ trợ tự động nén ảnh xuống độ phân giải và chất lượng phù hợp cho các thiết bị KTS.  

2.2 Để gửi mail cho khách duyệt các bản thiết kế

Như đã nói ở đầu bài viết, với các bạn designer mà xui gặp phải trường hợp mình gửi file mẫu nhưng khách hàng lại lấy để sử dụng luôn, và sau đó họ không công nhận các thiết kế của mình. Với các trường hợp này, đầu tiên chúng ta có thể trách là khách hàng quá “chán” J ; nhưng cũng nên trách chúng ta một phần bởi không biết tips xuất file mà khách hàng chỉ có thể xem chứ không thể nào in được. Vậy để làm sao? Chúng ta sẽ có 2 cách đơn giản là:

2.2.1 Xuất file .pdf dung lượng thấp

Để làm được điều này hiệu quả, bạn cần lưu ý các bước sau:

• Thu nhỏ đối tượng trong Ai lại. Tips là thu nhỏ lại vừa một trang A5 thôi nhé.

• Vào File à Save As, chọn định dạng lưu file PDF.

• Ở mục Preset, chọn Smallest File size hoặc Press Quality.

• Bỏ chọn ô Preserve Illustrator Editing Capabilities.

• Chọn vào ô Optimize for Fast Web View.

2.2.2 Xuất file ảnh .jpg chất lượng thấp.

Bên cạnh việc xuất file .pdf phổ biến, thì bạn cũng có thể chọn cách xuất file .jpg với tỉ lệ 1:1 cùng hệ màu RGB, chất lượng ở mức 6-8 (high) và Độ phân giải 150 ppi.

2.3 Xuất file in cỡ lớn (in hiflex)

Để làm file in khổ lớn, thông thường các designer sẽ tiến hành trên Adobe Illustrator. Với các designer lành nghề thì họ cũng có thể thiết kế trên Photoshop nếu biết cách xuất file in.

Nếu bạn làm trên Ai, việc của bạn có thể đơn giản hơn rất nhiều. Bởi bạn chỉ việc convert font rồi gửi trực tiếp file .ai cho đơn vị in để họ scale theo đúng kích thước mà bạn yêu cầu. Hoặc bạn cũng có thể xuất trực tiếp file .tiff hoặc .pdf đều được chấp nhận hết nhé.

• Thiết kế theo tỉ lệ 1:1. Bạn xuất file .jpg, .tiff hoặc .pdf ở hệ màu CMYK, chất lượng ở mức maximum, độ phân giải tầm 72 hoặc 100 ppi.

• Thiết kế theo tỉ lệ 1:2 hoặc 1:xxx. Ở các file thiết kế này thì tùy theo tỉ lệ mà bạn có thể tính toán độ phân giải phù hợp.

2.4 Xuất các file in trên giấy

• In phun màu hoặc in laze màu. Độ phân giải chuẩn của các file thiết kế dùng in ấn là 300 dpi. Khi export, bạn cần quan tâm đến các thông số sau: hệ màu CMYK, chất lượng ở mức Maximum, độ phân giải tầm 300 – 450 ppi.

• In Offset. Với file in này, bạn chỉ cần convert font rồi Save As một bản để in ở hệ màu CMYK. Sau đó chỉ việc gửi cho xưởng in là được.

3. Tóm lại

Kayac.vn hi vọng với những thông tin được đúc kết từ quá trình làm việc của chúng tôi sẽ giúp ích cho các sản phẩm thiết kế của các bạn. Chúc các bạn sức khỏe, đạt được những đỉnh cao trong công việc cũng như học tập nhé.