Cách nhanh chóng lưu ảnh không có nền ở định dạng PNG trong Photoshop. Cách tạo PNG với độ trong suốt trong Adobe Photoshop (CC và các phiên bản cao hơn)

Một ngày tốt lành, độc giả thân mến. Khả năng tạo ảnh với nền trong suốt là vô cùng cần thiết đối với mọi nhà phát triển, nhà thiết kế trang web mới làm quen và thậm chí là một người bình thường.

Đây là chức năng phổ biến nhất trong Photoshop, và do đó tôi quyết định cho bạn biết càng chi tiết càng tốt không chỉ về bản thân quy trình mà còn về cách lưu ảnh trong Photoshop mà không cần nền.

Nó chỉ ra rằng nhiều người gặp khó khăn với điều này, nhưng không có ấn phẩm nào trên Internet về chủ đề này trên Internet cả. Chỉ có một số chủ đề trên diễn đàn. Nhưng, tôi nhận nhiệm vụ sửa chữa sự bất công này ...

Vì vậy, bây giờ tôi sẽ khoác lên mình bộ giáp hiệp sĩ và xua tan mọi nỗi sợ hãi, nghi ngờ, hiểu lầm và biến những khó khăn của nghệ thuật Photoshop thành một thói quen không nghệ thuật. Tôi cũng sẽ cho bạn biết về tất cả những phức tạp của nghề này. Chuẩn bị. Tôi sẽ “biết” bằng một ngôn ngữ rất đơn giản, để mọi người hiểu rõ ràng, vì vậy tôi xin lỗi những độc giả đang cảm thấy xấu hổ vì sự tỉ mỉ đó và bản thân họ cũng biết rất rõ mọi thứ.

Tôi cảm ơn những người kiên nhẫn hơn cho sự hiểu biết của bạn. Bắt đầu nào.

Những gì bạn cần đạt được để một bức ảnh thực sự trong suốt

Độ trong suốt của hình ảnh thường được hiển thị bằng một bộ kiểm tra như vậy. Nếu bạn nhìn thấy nó trên Google, thì hình ảnh có thể được tải xuống mà không có vấn đề gì và khi đối tượng này được chồng lên nền khác, màu sắc sẽ không thay đổi.

Như bạn có thể thấy, trình kiểm tra như vậy sẽ không được hiển thị nếu hình ảnh trong tìm kiếm được phản ánh thông qua hình thu nhỏ. Bạn cần nhấp vào hình ảnh và thông tin bổ sung sẽ mở ra.

Nghe này, tôi đã sao chép bản vẽ này và dán nó lên bức ảnh của cánh đồng. Tôi sẽ không đi sâu vào chính xác cách tôi đã làm nó, nó không quan trọng bây giờ. Điều quan trọng nhất là bạn có thể nhìn thấy tất cả các phần của cánh đồng, các hình khối dường như đã được cắt và chồng lên bức tranh.

Nếu tôi không tìm thấy một bức ảnh có kiểm tra trong tìm kiếm, hình minh họa sẽ trông hoàn toàn khác. Nền sẽ có màu trắng và hình chữ nhật.

Tại sao vậy? Dấu kiểm này là một dấu hiệu được chấp nhận chung, nếu bạn nhìn thấy nó, thì phần này của hình minh họa không có màu gì cả, và khi chồng lên nhau, bạn sẽ thấy phần dưới của hình. Tương tự như vậy, độ trong suốt được hiển thị và. Nếu bạn cần xóa phông nền khỏi ảnh, thì bạn cần đảm bảo rằng thay vì màu sắc, bạn có thể nhìn thấy mẫu đáng yêu này. Người kiểm tra.

Làm thế nào để lưu trữ hình ảnh trong suốt một cách chính xác

Tất cả chúng ta đều quen với định dạng ảnh như jpeg. Một số người thậm chí không nhận thức được sự tồn tại của những người khác. Tuy nhiên, anh ta không hiểu minh bạch là gì. Để tải và lưu trữ ảnh "chính xác" trên máy tính, bạn cần hiểu và nhớ định dạng mới - png.

Bạn thấy đấy, ngoài cờ caro, trong Google, bạn hầu như lúc nào cũng có thể thấy tổ hợp các chữ cái này cùng với các hình ảnh cần thiết.

Sau đó, chọn loại tệp bạn muốn, png, và bạn đã hoàn tất. Nó có sẵn trong bất kỳ phiên bản nào. Nếu bạn không thấy - hãy xem kỹ hơn. Bạn không thể làm mà không có nó. Hãy tin tôi.

Tại sao lại cần phải đưa ra một định dạng khác? Có điều là cái jpeg phổ biến không hiểu minh bạch là gì. Anh ấy đổi nó thành màu trắng thông thường.

Cách loại bỏ nền: một cách đơn giản và khá nhanh chóng mà không phức tạp không cần thiết

Trên blog của tôi, bạn có thể tìm thấy một bài báo trong đó tôi hiển thị 4 công cụ và đưa ra một video trong đó bạn có thể tìm thấy 3 cách để loại bỏ nền trong ảnh (). Bạn có thể đọc nó nếu bạn quan tâm. Bây giờ tôi muốn chỉ cho bạn một kỹ thuật nữa, bởi vì tôi tin rằng nếu không có điều này thì bài viết sẽ không hoàn chỉnh. Bạn không bao giờ biết, ai đó không muốn leo lên blog của tôi. Và ở đây mọi thứ đều ở một nơi.

Vì vậy, chúng ta hãy mở bức tranh.

Tìm công cụ Background Eraser. Nếu bạn không thể tìm thấy nó, hãy giữ chuột bằng nút trái trên phím của một cục tẩy thông thường trong vài giây. Công cụ cần thiết sẽ mở ra. Bạn có thể thêm nó bằng cách nhấp vào nó.

Bạn có thể tăng đường kính của cục tẩy để dễ rửa hơn.

Bây giờ mày mò các yếu tố không cần thiết trong hình. Bạn sẽ thấy cách bộ kiểm tra bắt đầu xuất hiện và màu sắc biến mất!

Tôi hy vọng rằng sau khi bạn hoàn thành, bạn sẽ không có câu hỏi định dạng lưu bản vẽ đã xử lý. Tất nhiên là PNG.

Phương pháp xóa này không phải là tốt nhất cũng không phải là thuận tiện nhất. Vì vậy, tôi khuyên bạn vẫn nên chú ý đến bài viết trước của tôi, hoàn toàn dành cho chủ đề này.

Và nếu bạn quan tâm đến việc làm việc trong Photoshop, thì tôi khuyên bạn nên bắt đầu kiếm tiền từ nó! Có cầu. Bạn có thể dễ dàng thử, xử lý hình ảnh và làm rất nhiều điều thú vị. Tin tôi đi, điều này thực sự cần thiết. Bạn có thể xác minh bằng cách mở một số trang web làm việc tự do.

Bạn nghĩ rằng bạn sẽ không thành công hay bạn đã quá già để làm việc này? Không đủ thời gian? Tin tôi đi, đây đều là những lời bào chữa vô lý. Tôi là một luật sư và tôi kiếm đủ tiền, nhưng ... bạn có sở thích, sở thích yêu thích nào không? Bạn có đang sống cuộc sống đầy đủ nhất không? Bạn đang thực sự buồn chán?

Bất cứ điều gì bạn biết và bất cứ điều gì bạn quan tâm. Internet mở ra rất nhiều khả năng mới. Mang lại sự thay đổi trong cuộc sống của bạn. Nếu tiền không làm bạn quan tâm, điều đó thậm chí còn tốt hơn. Điều này mang lại cho dự án của bạn cơ hội trở nên đắt đỏ, hấp dẫn và thành công hơn. Tất cả những người nổi tiếng đều không làm việc vì lợi nhuận, họ làm việc vì họ yêu thích những gì họ làm. Rất ít người trong số họ gọi nó là "công việc".

Thời gian đã qua khi một người dành phần lớn thời gian của mình bên máy tính hoặc TV. Giờ đây, mọi người đều đang phát triển, cải thiện một số kỹ năng của mình và chia sẻ với mọi người những gì họ biết. Trên thực tế, điều này luôn luôn như vậy, chỉ có điều là quy mô tăng lên.

Nhân tiện, cách đây không lâu, tôi đã đọc được bí quyết trường thọ của những người dân vùng cao Caucasian. Một trong những nguyên tắc là thế hệ trẻ liên tục đến gặp họ để hỏi ý kiến ​​về một số vấn đề quan trọng. Người già cảm thấy cần thiết, và do đó không trải qua bất kỳ cảm xúc tiêu cực nào về tuổi già. Ở Caucasus, đừng sợ trở nên già nua.

Nhân tiện, một thái độ tích cực là một bí mật khác. Những người cao tuổi cho rằng không ai muốn giao tiếp với những người giận dữ, cáu kỉnh và nhàm chán, những người không có sở thích thú vị, và do đó, cách sống như vậy là vô cùng phi lợi nhuận, đặc biệt là ở tuổi già.

Làm một cái gì đó mới. Nếu bạn thích photoshop - hãy chú ý đến khóa học của Zinaida Lukyanova - “ Photoshop từ đầu Và làm chủ nó một cách hoàn hảo. Rất nhanh, bạn sẽ có một thú vui sinh lời. Bạn không đam mê thiết kế? Hãy chú ý đến điều đó và tạo các dự án của bạn.

Nếu bạn thích bài viết này, và ít nhất tôi cũng quan tâm đến bạn - hãy đăng ký nhận bản tin. Không phải bây giờ, mà hãy cho bản thân một cơ hội để làm một điều gì đó mới mẻ. Tôi sẽ gửi cho bạn các ấn phẩm của tôi về cách bạn có thể kiếm tiền trên Internet.

Có lẽ một trong số họ sẽ truyền cảm hứng cho bạn về một điều gì đó mới mẻ và vẫn chưa được biết đến. Bạn sẽ hiểu rằng nó rất thú vị và muốn tự mình thử nó, và sau đó ... ai biết được điều gì sẽ xảy ra tiếp theo?

Sở thích sẽ biến thành một thứ gì đó khác hay bạn sẽ chỉ cho bạn bè xem thành quả lao động của mình để nhận được sự khen ngợi và ngưỡng mộ của họ? Không giống như nhiều người, bạn sẽ bước ra khỏi chiếc ghế dài và làm điều gì đó khiến bạn khác thường. Bạn sẽ cố gắng thay đổi cuộc sống của mình. Đây là điều rất đáng khen ngợi.

Tôi chân thành chúc bạn thành công trong nỗ lực của mình và hy vọng rằng cuộc họp này sẽ không phải là lần cuối cùng của chúng ta.

Xin chào, độc giả thân yêu của blog của tôi!

Gần đây tôi cần gỡ bỏ nền từ bức ảnh, tôi không đặc biệt là bạn với photoshop. Và tôi sẽ nói với bạn rằng tôi thậm chí không có nó trên máy tính của mình. (Nói chung là đúng, tại sao tôi cần thứ gì đó mà tôi không biết làm việc như thế nào).

Nhưng bằng cách nào đó, phần nền của bức ảnh phải được xóa đi, tôi bắt đầu lướt Internet để tìm kiếm giải pháp cho vấn đề của mình. Trên thực tế, có rất nhiều lựa chọn, nhưng tôi đang tìm kiếm thứ gì đó dễ dàng hơn)). Tôi đã tìm thấy một cách rất dễ dàng và đơn giản để xóa nền khỏi ảnh.

Và vì vậy, chúng ta hãy bắt đầu. Chúng tôi sẽ cần photoshop, nhưng tôi không có. Tôi đang sử dụng photoshop trực tuyến. Một điều rất hữu ích, tôi sẽ nói với bạn. Và tất nhiên ảnh nền chúng ta muốn làm trong suốt.

Tôi sẽ chỉ cho bạn một ví dụ, đây là một hình ảnh như vậy, chúng tôi sẽ loại bỏ nền trắng

Chúng tôi đi vào photoshop trực tuyến. Tôi đã sử dụng cái này PIXLR

Chúng tôi chọn: Tải hình ảnh từ máy tính.

Bây giờ ở bên phải trong cửa sổ "LỚP" cần mở khóa

Nhấn vào nó 2 lần với nút bên trái chuột, một dấu kiểm sẽ xuất hiện trong hộp.

Bây giờ đi đến bảng điều khiển bên trái, chọn công cụ "Đũa thần" và đặt dung sai thành 21.

Đó là tất cả, nhưng tôi không hoàn toàn hài lòng với bức tranh, vẫn còn những vết tích của nền, tôi lại nhấp vào chỗ mà tôi muốn xóa. Sau đó "chỉnh sửa" ---- "xóa". Và cứ tiếp tục như vậy cho đến khi bạn loại bỏ mọi thứ bạn cần.

Ngày tốt!
Bạn đã bao giờ tự hỏi tệp PNG hoạt động như thế nào chưa? Không? Tôi sẽ nói với bạn anyway.
Định dạng PNG (Đồ họa mạng di động) được phát minh vào năm 1995 để thay thế GIF và vào năm 1996, với việc phát hành phiên bản 1.0, định dạng này đã được W3C đề xuất như một định dạng mạng chính thức. PNG là một trong những định dạng đồ họa web chính hiện nay.

Dưới phần cắt, bạn sẽ tìm thấy mô tả chung về cấu trúc của tệp PNG, một số hình ảnh sơ đồ, chuẩn bị trong trình chỉnh sửa hex và tất nhiên, liên kết đến thông số kỹ thuật.

Cấu trúc chung

Chữ ký tệp

• 89 là một ký tự không phải ASCII. Ngăn không cho PNG được nhận dạng là một tệp văn bản và ngược lại.
• 50 4E 47 - ký hiệu PNG đến ASCII.
• 0D 0A - CRLF (Vận chuyển-trả hàng, Nguồn cấp dữ liệu theo dòng), Nguồn cấp dữ liệu theo kiểu DOS.
• 1A - dừng xuất tệp ở chế độ DOS (cuối tệp) để bạn không nhận được hình ảnh nhiều kilobyte ở dạng văn bản.
• 0A - LF, nguồn cấp dữ liệu dòng kiểu Unix.

Miếng, mảnh nhỏ

Chiều dài

Tên loại)

• Trường hợp của ký tự đầu tiên xác định xem đoạn này là quan trọng (chữ hoa) hay bổ trợ (chữ thường). Các phần quan trọng phải được nhận dạng bởi mọi bộ giải mã. Nếu bộ giải mã gặp một đoạn quan trọng có loại mà nó không thể nhận ra, nó phải kết thúc bằng lỗi.
• Trường hợp của ký tự thứ hai đặt "công khai" (chữ hoa) hoặc "quyền riêng tư" (chữ thường) của đoạn. Các khối "công khai" là chính thức, được lập thành văn bản, được công nhận bởi hầu hết các nhà giải mã. Nhưng nếu đột nhiên bạn cần mã hóa thông tin cụ thể cho một số nhu cầu của mình, thì chỉ cần làm nhỏ ký tự thứ hai trong tên chunk.
• Sổ đăng ký của nhân vật thứ ba được dành cho những thành tựu trong tương lai. Nó được sử dụng để phân biệt các phiên bản khác nhau của tiêu chuẩn. Đối với phiên bản 1.0 và 1.1, ký tự thứ ba phải lớn. Nếu nó (đột nhiên!) Hóa ra là nhỏ, tất cả các bộ giải mã hiện tại sẽ hoạt động với một đoạn, giống như với bất kỳ bộ giải mã nào khác không được nhận dạng (nghĩa là thoát ra với lỗi nếu đoạn này là quan trọng, hoặc bỏ qua nếu không).
• Đăng ký của ký tự thứ tư có nghĩa là khả năng sao chép đoạn này bởi những người biên tập không thể nhận ra nó. Nếu trường hợp là chữ thường, đoạn này có thể được sao chép, bất kể mức độ sửa đổi tệp, nếu không (chữ hoa), nó chỉ được sao chép nếu không có đoạn quan trọng nào bị ảnh hưởng trong quá trình sửa đổi.

Dưới đây là danh sách các loại chunk với giải thích ngắn gọn.
Các phần quan trọng

• IHDR- tiêu đề tệp, chứa thông tin cơ bản về hình ảnh. Phải là đoạn đầu tiên.
• PLTE- bảng màu, danh sách các màu.
• IDAT- trên thực tế, có chứa hình ảnh. Hình ảnh có thể được chia thành nhiều phần IDAT để phát trực tuyến. Mỗi tệp phải có ít nhất một đoạn IDAT.
• IEND- đoạn cuối cùng, phải là đoạn cuối cùng trong tệp.

Các khối phụ trợ

• bKGD- đoạn này đặt màu nền chính.
• cHRMđược sử dụng để xác định không gian màu CIE 1931.
• gAMA- xác định âm giai.
• HIST- đoạn này có thể lưu trữ một biểu đồ hoặc tổng nội dung của mỗi màu trong hình ảnh.
• iCCP- Hồ sơ màu ICC
• iTXt- chứa văn bản trong UTF-8, có thể được nén, với thẻ ngôn ngữ tùy chọn. Đoạn mã iTXt với từ khóa "XML: com.adobe.xmp" có thể chứa Nền tảng siêu dữ liệu có thể mở rộng (XMP).
• pHYs- chứa kích thước pixel ước tính và / hoặc tỷ lệ khung hình của hình ảnh.
• sBIT(bit quan trọng) - xác định độ chính xác về màu sắc của hình ảnh (đen trắng, toàn màu, đen trắng với độ trong suốt, v.v.), để giải mã dễ dàng hơn.
• sPLT- cung cấp một bảng màu để sử dụng nếu không có đầy đủ các màu.
• sRGB- cho biết việc sử dụng lược đồ sRGB tiêu chuẩn.
• sTER- chỉ báo của hình ảnh lập thể.
• chữ- có thể chứa văn bản ở định dạng ISO / IEC 8859-1, với một cặp tên = giá trị cho mỗi đoạn.
• thời gian- lưu trữ ngày thay đổi hình ảnh cuối cùng.
• tRNS- chứa thông tin về tính minh bạch.
• zTXt- văn bản nén, với các hạn chế tương tự như tEXt.

CRC

PNG tối thiểu

IHDR

• Chiều rộng, 4 byte
• Chiều cao, 4 byte
• Độ sâu bit, xác định số lượng bit trên mỗi mẫu (không phải pixel), 1 byte
• Loại màu, bao gồm 3 cờ 1 (sử dụng bảng màu), 2 (sử dụng màu, không phải đơn sắc) và 4 (có kênh alpha), 1 byte
• Phương pháp nén. Hiện tại, chỉ có giá trị 0 khả dụng - nén bằng thuật toán deflate. Nếu giá trị khác 0, đoạn này được coi là không được nhận dạng và bộ giải mã sẽ báo lỗi. 1 byte
• Phương pháp lọc. Cũng giống như trường hợp nén, lúc này nó chỉ có thể bằng không. 1 byte
• Phương pháp xen kẽ. Xác định thứ tự truyền dữ liệu. Hiện tại, có 2 giá trị khả dụng: 0 (không xen kẽ) và 1 (xen kẽ Adam7). 1 byte

IEND

IDAT

Do đó, tệp PNG đơn giản nhất (ví dụ) trông như thế này.

Sự kết luận

Một chủ đề trên Habré về cấu trúc của JPEG: habrahabr.ru/blogs/algorithm/102521
Một chủ đề trên Habré về cấu trúc của GIF: habrahabr.ru/blogs/algorithm/127083

Cảm ơn sự chú ý của bạn, tôi sẽ vui mừng trước bất kỳ lời chỉ trích nào!

Đôi khi bạn cần tải một hình ảnh có chứa các phần tử trong suốt mà qua đó nền gốc sẽ hiển thị. Trong những trường hợp này, sẽ rất tiện lợi khi tải hình ảnh PNG vì chúng có khả năng duy trì độ trong suốt.

Trong bài viết này, chúng tôi sẽ cho bạn biết, cách tạo độ trong suốt trong Photoshop.

Tạo tệp

Bước đầu tiên là tạo một tệp. Để thực hiện việc này, hãy mở Adobe Photoshop và trong menu Tệp ( Tập tin) ở đầu trang, chọn Tạo ( Mới).

Sau đó, trong cửa sổ "Tài liệu mới" xuất hiện ( Tài liệu mới) tạo tệp bạn muốn và đảm bảo tài liệu của bạn ở 72 pixel mỗi inch ( vì tệp được sử dụng cho web). Và bạn cũng đã chọn giá trị "Trong suốt" ( Trong suốt) trong danh sách thả xuống "Nội dung nền" ( Nội dung nền).

* Trước khi tạo PNG có độ trong suốt bằng Photoshop, bạn cần làm rõ rằng trong ví dụ này, chúng tôi đang tạo một hình ảnh để tải lên làm nền cho trang web, vì vậy kích thước tài liệu được đặt như sau: chiều rộng 3000 pixel, chiều cao 1730 pixel, là kích thước được đề xuất cho tải lên hình ảnh HD:

Sau đó, trong bảng điều khiển "Lớp" ( Lớp) đảm bảo rằng bạn đang làm việc trên một lớp trong suốt chứ không phải trên nền:

Các phiên bản Photoshop trước CC 2015:

Bây giờ chúng tôi sẽ nói làm thế nào để làm cho một bức ảnh trong suốt trong Photoshop ra mắt sớm hơn CC 2015. Các phiên bản này sử dụng Save For Web ( Lưu cho Web & Thiết bị) để lưu và tối ưu hóa hình ảnh PNG để sử dụng trên web. Để sử dụng phương pháp này, chỉ cần vào menu Tệp ( Tập tin), và sau đó - "Lưu cho Web" ( Lưu cho Web & Thiết bị):

Phiên bản Photoshop CC 2015:

Trước, làm thế nào để làm cho một bức ảnh trong suốt trong Photoshop, bạn cần biết rằng kể từ CC 2015, "Lưu cho Web" ( Lưu cho Web & Thiết bị) trong menu Tệp ( Tập tin) được đánh dấu là Kế thừa. Và được thay thế bằng một tùy chọn mới "Xuất" ( Xuất khẩu), cung cấp chức năng giống hệt nhau với khả năng lưu nhanh hơn ở kích thước tệp nhỏ hơn và chất lượng tốt hơn. Để sử dụng tùy chọn Xuất, hãy nhấp vào menu Tệp ( Tập tin), và sau đó - " Xuất khẩu như» ( Xuất khẩu như).

Lưu ý: Adobe vẫn cung cấp Save For Web ( Lưu cho Web & Thiết bị) trong Photoshop CC 2015 và nó có sẵn thông qua Tệp> Xuất ( Tệp> Xuất) hoặc sử dụng phím tắt Command + Option + Shift + S (đối với Mac) hoặc Ctrl + Alt + Shift + S (đối với PC):

Nhữn cánh đồng " Kích cỡ hình» ( Kích cỡ hình) và Kích thước Canvas ( Kích thước vải) sẽ tự động điền các giá trị bạn đã chỉ định khi tạo tệp. Nhưng nếu muốn, bạn có thể thay đổi các thông số này trước cách tạo hiệu ứng trong suốt trong Photoshop.