Растрова графіка складається з пікселів — маленьких кольорових квадратиків, тому фотографія чи малюнок втрачають чіткість, якщо їх сильно збільшити. Векторна графіка будується на математичних формулах — лініях і кривих, тому логотип чи іконку можна збільшити хоч на білборд, і краї залишаться ідеально чіткими. Це не два варіанти на вибір, а два різні інструменти для різних задач.
Коли потрібен растр (Photoshop)
Растрова графіка — це фотографії, цифрове малювання, ретуш, колаж, реалістичні текстури. Все, де важлива робота зі світлом, тінями і плавними переходами кольору. Colір моделі RGB (для екрана) і CMYK (для друку) — це теж растрова історія: перше заняття курсу графіки якраз пояснює цю різницю, бо колір на екрані та колір на надрукованій сторінці — це фізично різні речі.
Коли потрібен вектор (Illustrator)
Векторна графіка — це логотипи, іконки, шрифтові написи, схеми, все, що має однаково добре виглядати і на візитці, і на банері. Вектор будується кривими Безьє — лініями, які дитина вчиться контролювати вручну, це один із перших навичок в Illustrator-частині курсу.
Чому дитині варто вчити обидва інструменти, а не один
Реальні дизайн-проєкти рідко обходяться одним типом графіки. Брендбук поєднує векторний логотип і растрові фотографії в макетах. Мобільна гра — це векторні кнопки й меню поверх растрового фону. Курс «Графіка та анімація» саме тому будується послідовно: спочатку Photoshop (растр), потім Illustrator (вектор), а фінальні проєкти вимагають вміння поєднувати обидва.
Як зрозуміти різницю на практиці, а не в теорії
Найпростіший спосіб — спробувати збільшити зображення в обох форматах. Фото, збільшене вдесятеро, розпадається на квадратики-пікселі. Векторний логотип, збільшений так само, залишається чітким. Саме з цього наочного прикладу зазвичай і починається пояснення на першому занятті.
Часті питання про растрову і векторну графіку
З чого краще почати дитині — з растру чи з вектору?
З растру. Photoshop інтуїтивніше сприймається на старті — малювання, фотографії, ефекти дають швидкий видимий результат. Вектор із кривими Безьє вимагає трохи більше точності руки й терпіння, тому логічніше йде другим етапом.
Чи можна перетворити растрове зображення у векторне і навпаки?
Так, обидва напрямки можливі — конвертація растр↔вектор і трасування зображень входять до програми курсу окремою темою.
Який формат файлу для чого використовують?
Растрові формати — JPEG, PNG, GIF, для фотографій і зображень з екрана. Векторні — SVG та формати Illustrator, для логотипів і друкованих макетів, де важлива чіткість у будь-якому розмірі.
Детальніше про сам курс — Як створити портфоліо дизайнера на Behance, Dribbble та Pinterest, а про вибір напрямку в дизайні загалом — Який напрямок дизайну обрати: поради для початківців.
Обидва інструменти викладаються послідовно на курсі «Графіка та анімація».