PNG – це один із форматів для зберігання зображень. Він з'явився в 1996 році, щоб скласти конкуренцію GIF. Так, замінити GIF у PNG так і не вийшло — всім відомо, що короткі анімації, що рухаються, називають «гіфками», тобто картинками в GIF-форматі. Але обидва формати популярні, широко застосовуються і знайшли свої ніші користувача.
Розповідаємо, навіщо використовують PNG та в чому його переваги, а також як зробити PNG будь-якої форми у Фотошопі.
PNG для роботи, редагування та зберігання файлів використовують ілюстратори, дизайнери, фотографи. За допомогою нього роблять іконки, графіку, логотипи, оформляють сайти, створюють дизайн-макети / Фото: unsplash.comPNG, на відміну від GIF, спочатку замислювалися як відкритий формат, який можуть використовувати вільно все і скрізь. За задумом, він мав замінити старий і простий GIF, а також більш важкий та складний TIFF, який досі використовують у друкарнях.
- PNG зберігає зображення у стислому вигляді, але не псує його якість, як JPEG.
Через це багато фотографів вважають за краще зберігати готові і навіть проміжні варіанти знімка в PNG-форматі. Мабуть, єдиний мінус у тому, що не всі соцмережі можуть прочитати цей формат, тоді як JPEG – універсальний та повсюдний.
- Палітра кольорів PNG набагато ширша, ніж у GIF. З цього випливає, що він може передавати більше кольорових нюансів та відтінків.
- PNG може зберегти зображення з будь-якою формою та напівпрозорістю. Виходить, ви можете зробити картинку, іконку, напис, логотип будь-якої форми, а не лише прямокутної чи квадратної.
- Картинки в PNG-форматі можна перезберігати щоразу без втрат в якості. При цьому, якщо перезберігати той же JPEG, то вийде типовий “затертий” мем із “Вконтакте”.
Читайте також:
Як зберегти фото у Фотошопі: способи та формати
Щоб з будь-якої фотографії, малюнка чи графіки зробити PNG у Фотошопі, потрібно просто правильно вибрати формат та зберегти зображення. Щоб зберегти зображення у Photoshop, скористайтеся одним із способів: у меню Файл/File Виберіть: Зберегти/Save; Зберегти як / Save as… або Зберегти як копію / Save as a Copy.
Для кожного з трьох способів можна не заходити в меню, скориставшись гарячими клавішами, які на скріншоті написані ліворуч від назви операції.Який із способів ви не вибрали, у вікні виберіть місце, де зберігати картинку, і формат — PNG.
Щоб вибрати формат зображення, натисніть на список «Тип файлу». Тут потрібно знайти формат PNG, а потім кнопку «Зберегти» / Скріншот: Єлизавета ЧечевицяPNG буде в будь-якому з трьох способів збереження. Різниця лише в тому, що кожен з методів має свою кількість форматів на вибір. Найбільше їх буде, якщо вибрати Зберегти як копію / Save as a Copy.
Виберіть швидкість збереження та розмір вихідного зображення.
Як натиснете кнопку «Зберегти» з попереднього кроку, відкриється маленьке віконце. Якщо ви хочете, щоб картинка важила менше, вибирайте останній варіант, але тоді вона довше зберігатиметься. Для любителів поспішати і забувати про дедлайн, підійде перший – найшвидший – варіант. Середній же – золота середина, коли файл і швидко зберігається, і прийнятно важить.Заради експерименту ми перезберегли одну й ту саму фотографію тричі кожним із варіантів. У першому випадку зображення збереглося миттєво, у другому довелося почекати близько 5-8 секунд, а в третьому – 20-23 секунди.
Копія, збережена найшвидше, важила 4,3 МБ, середня – 3,467 МБ, а найменша, що зберігалася майже півхвилини – 3,449 МБ. Найвигідніше за співвідношенням розмір-час зберігати в середньому розмірі / Скріншот: Єлизавета ЧечевицяЯкщо ви використовуєте PNG для зберігання або обміну зображеннями, можна пропустити цей пункт. Але дуже часто до цього формату звертаються, щоб зробити картинку у формі якоїсь фігури, із напівпрозорим фоном або взагалі видалити із зображення фон. Розглянемо на прикладі круглої фотографії, які часто використовують на сайтах, як зробити PNG без фону у Фотошопі.
1. Відкрийте зображення у графічному редакторі.
2. Знайдіть інструмент Овальна область / Elliptical Marquee Tool (Гаряча клавіша M).
Шукайте іконку інструмента або назву, а не запам'ятовуйте розташування – у користувачів може бути налаштована палітра під себе, а інструменти знаходитись у різних частинах / Скриншот: Єлизавета Чечевиця3. Наведіться на фотографію. Затисніть ліву кнопку миші та проведіть рукою з одного кута картинки до іншого.
Одночасно з цим на зображенні з'явиться пунктирне коло – заготівля для круглої картинки.Лайфхак: якщо коло виходить занадто овальним, затисніть Shift – тепер він буде створюватись пропорційним і ідеально круглим. Якщо ж вам не вдається зробити його так, щоб об'єкт був у самому центрі, затисніть Alt. Тепер коло можна створювати з центральної точки, а не рухом “з кута в кут”. Щоб поєднати обидві можливості, натисніть Shift і Alt одночасно.
4. Якщо розташування кола все ще не подобається, перемістіть його. Для цього наведіть курсор на область усередині кола, затисніть ліву кнопку миші та посуньте туди, куди вам подобається. Ще варіант – переміщати заготовку за допомогою стрілок на клавіатурі.
Тепер майбутня іконка на сайт виглядає більш гармонійно, адже обличчя розташовується по центру.Читайте також:
Як намалювати коло: Фотошоп для новачків
5. Минув час видаляти фон для майбутнього PNG-файлу! Для цього натисніть кнопку Виділення та Маска / Select and Mask.
Шукайте кнопку у правому верхньому кутку програми / Скріншот: Єлизавета Чечевиця6. У вікні, що відкрилося, перемістіться поглядом в самий низ. У нижньому лівому куті натисніть на меню, що випадає Висновок у / Output to.
Виберіть Новий шар зі Шаром-маскою / New Layer with Layer Mask та натисніть Ок / Скріншот: Єлизавета Сочевиця7. Ви побачите коло з портретом на полі із сіро-білої клітини. Так у Фотошопі позначається порожнеча. Тепер файл без фону можна зберегти у форматі PNG, або перед цим кадрувати картинку, щоб вона була компактнішого розміру.
Знайдіть інструмент Рамка/Crop Tool і обріжте непотрібний пустий простір. У результаті залишиться мініатюрне кругле зображення / Скріншот: Єлизавета ЧечевицяЧитайте також:
Як обрізати фотографію: кадрування у Photoshop на комп'ютері та онлайн
