Перш ніж перейти до наступного етапу, розглянемо різницю між растровими та векторними зображеннями.

Растрові зображення

Растрові зображення, також відомі як бітмапові зображення, складаються з сітки окремих пікселів (піксельні зображення).

Кожен піксель має свій власний колір, і разом вони формують повне зображення.

• Растрові зображення є залежними від роздільної здатності, тобто їх якість визначається роздільною здатністю (кількість пікселів на дюйм або PPI). Типові роздільні здатності: 72 PPI для веб-графіки та 300 PPI для друкованої графіки;

• При зміні розміру растрового зображення, особливо при збільшенні, воно може втрачати якість і виглядати пікселізованим або розмитим;

• Поширені формати растрових файлів: JPEG, PNG, GIF, BMP та TIFF. Ці формати широко використовуються у цифровій фотографії та веб-графіці; Проблема растрових зображень у тому, що вони не ідеальні для масштабування; великі розміри файлів і також втрачають якість при зміні розміру.

Векторні зображення

Векторні зображення складаються з контурів, визначених математичними рівняннями, які включають точки, лінії, криві та фігури. Кожен контур може мати властивості, такі як колір обведення, колір заливки та товщина.

• Векторні зображення є незалежними від роздільної здатності, тобто їх можна масштабувати до будь-якого розміру без втрати якості. Це робить їх ідеальними для логотипів, іконок, ілюстрацій, шрифтів та інших дизайнів, які потрібно часто змінювати за розміром. Тобто, незалежно від того, наскільки ви збільшуєте чи зменшуєте векторне зображення, воно завжди буде виглядати чітко та ясно;
• Поширені формати векторних файлів: SVG, AI (Adobe Illustrator), EPS та PDF. Ці формати широко використовуються у графічному дизайні та друці; Векторні зображення найкраще редагувати у Adobe Illustrator або подібному векторному програмному забезпеченні. Photoshop має обмежені можливості для редагування векторів;
• Вектори ідеально підходять для дизайнів, які потрібно масштабувати до різних розмірів. Вони також мають менший розмір файлу порівняно з растровими зображеннями; Проблема векторів у тому, що вони обмежені щодо ефектів і деталізації порівняно з растровими зображеннями.

Смарт-об'єкти

Підсумуємо:

• Коли звичайний растровий шар зменшується, а потім знову збільшується, він стає пікселізованим і втрачає деталізацію, оскільки Photoshop видаляє пікселі під час зменшення, які неможливо відновити;
• Перетворення зображення на смарт-об'єкт зберігає всі вихідні дані зображення незалежно від зміни розміру, що гарантує відсутність втрати якості. Ви також можете редагувати зображення всередині смарт-об'єкта без растризації, двічі клацнувши на мініатюрі смарт-об'єкта. Зображення відкриється у окремому вікні, де можна виконати редагування;
• Смарт-об'єкти можуть містити інші смарт-об'єкти, що забезпечує гнучкість для складних проєктів. Однак це може збільшити загальний розмір файлу проєкту.

Додаючи фільтри до смарт-об'єктів, ви можете легко приховувати/показувати їх, редагувати повторно або копіювати та вставляти на будь-який інший смарт-об'єкт, що знову ж таки сприяє недеструктивному робочому процесу.