Коротко: растрове зображення складається з пікселів і псується при збільшенні — у ньому працюють з фотографіями й ретушшю в Photoshop. Векторне складається з математичних ліній і фігур і масштабується без втрати якості — у ньому малюють логотипи й ілюстрації в Illustrator. На курсі «Графіка та дизайн» школа саме тому вчить у такому порядку: перші десять тем — Photoshop і растр, наступні десять — Illustrator і вектор.

У чому різниця простими словами

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

Де це видно на практиці курсу

Перша тема курсу «Графіка та дизайн» так прямо і називається — знайомство з Photoshop, растрова та векторна графіка: відмінності. Дитина одразу бачить різницю не на словах, а в дії: у Photoshop вона ретушує фотографію, і кожен пензлик малює по пікселях. Ретуш портрета, фотоколаж, корекція кольору — усе це растрові теми, і саме тому їх у програмі рівно десять з тридцяти: растрова робота вимагає більше практики на дрібних деталях.

Тема 11 — вступ до Adobe Illustrator — і починається зовсім інша логіка. Замість пензля дитина працює з кривою Безьє й контурами, а колір заливає не по пікселях, а по замкненому шляху. Логотип, зроблений у темі 28, можна буде надрукувати і на візитці, і на банері завбільшки з будівлю — векторний файл не втратить чіткості в жодному з двох випадків.

Чи можна змішувати растр і вектор в одній роботі

Так, і курс окремо на цьому зупиняється: тема 20 називається «Растрові зображення в Illustrator» — це саме про те, як вставити фотографію в векторний макет, не зіпсувавши решту роботи. На практиці дизайнери майже завжди працюють з обома типами одночасно: фото товару растрове, а логотип і текст на упаковці — векторні. Уміння розрізняти, де який тип потрібен, важливіше за вибір одного інструмента назавжди.

Що краще вчити першим — Photoshop чи Illustrator

У програмі школи відповідь уже закладена в порядок тем: спершу Photoshop, тоді Illustrator. Причина не в складності одного інструмента проти іншого, а в тому, що результат у Photoshop видно одразу — підправив фото, і воно вже виглядає інакше, — а вектор потребує звички мислити контурами й вузлами, яка приходить трохи повільніше. Увесь курс «Графіка та дизайн» триває 18 місяців і складається із 156 занять для дітей 6–12 років у групах до 6 осіб, тож перехід від Photoshop до Illustrator розтягнутий на багато місяців практики, а не стиснутий у кілька занять поспіль. Докладніше про послідовність — у статті «Figma чи Photoshop: що дитині вчити першим у дизайні?».

Чи впливає це на UI/UX-напрямок для підлітків

Так, тільки навпаки: інтерфейси у Figma малюють векторними фігурами, а не пікселями, тому кнопка чи іконка лишається чіткою на екрані будь-якого розміру — від маленького телефону до великого монітора. Розуміння різниці між растром і вектором, отримане на молодшому курсі, напряму допомагає в старшому: підліток, який уже знає, чому логотип не «розсипається» при збільшенні, швидше розуміє, чому іконки в макеті малюють векторами, а не вставляють скріншотами.

Як пояснити це дитині без термінів

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

Часті питання батьків про растр і вектор

Чи можна перевести фото у вектор? Технічно так, існує трасування зображень — саме ця функція є в темі 19 курсу, — але результат виглядає як спрощена ілюстрація, а не як фото. Це інструмент для стилізації, а не для «поліпшення» якості фотографії.

Чи псується векторне зображення при експорті у звичайний малюнок? Так, у момент експорту в JPEG чи PNG вектор перетворюється на растр і втрачає здатність масштабуватися без втрат — це нормально для готової картинки в соцмережі, але не для файлу, який іще редагуватимуть.

Яка програма підходить для дитини, яка любить малювати від руки? Обидві дозволяють малювати цифровим пензлем — тема 8 у Photoshop і намальовані вручну контури в Illustrator, — тож вибір інструмента менше залежить від стилю малювання, ніж від того, який результат потрібен на виході.

Чому це базове знання, а не деталь для просунутих

Плутанина між растром і вектором — одна з найчастіших помилок новачків у будь-якому графічному редакторі: вставили логотип-скріншот у макет, а на друку він розмився. Курс закладає цю різницю в перші заняття не випадково — усе, що йде далі, від брендингу до підготовки до друку в темі 21, спирається на розуміння, який тип графіки для якої задачі підходить. Хто засвоїв це на самому початку, той не витрачає час на переробку робіт через невдалий вибір формату вже під кінець курсу.

Чому це важливо саме для друку й сайтів окремо

У програмі курсу підготовка до друку та підготовка для Web стоять окремими темами — 21 і 22 — і не випадково. Друк вимагає векторного файлу з дозволом, який не зав'язаний на пікселі: банер розміром на весь будинок і візитка виходять з одного й того самого логотипу без перерахунку якості. Для сайту чи соцмережі, навпаки, кінцевий файл майже завжди растровий — JPEG чи PNG, — тому що браузер і телефон показують саме пікселі, а не математичні контури. Дитина, яка засвоїла різницю в темі 1, у темах 21–22 просто застосовує вже знайоме правило до двох різних задач, а не вивчає щось із нуля вдруге.

Що з цього потрапляє в портфоліо

Портфоліо після курсу «Графіка та дизайн» зазвичай містить роботи обох типів — і це навмисно, а не випадковість програми. Ретушоване фото показує технічну акуратність з дрібними деталями, а векторний логотип чи брендинг — вміння працювати з формою й чистими лініями. Замовник чи приймальна комісія художньої школи бачить різні навички одразу в двох робіт, а не тільки одну повторену кілька разів.

Різниця між растром і вектором — не абстрактна теорія, а перше практичне рішення, яке дитина приймає щоразу, відкриваючи новий файл: малювати пікселями чи контурами. Курс дає час звикнути до обох варіантів по черзі, а не одразу плутати їх в одній роботі.