Коротко: растровое изображение состоит из пикселей и портится при увеличении — в нём работают с фотографиями и ретушью в 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 рисуют векторными фигурами, а не пикселями, поэтому кнопка или иконка остаётся чёткой на экране любого размера — от маленького телефона до большого монитора. Понимание разницы между растром и вектором, полученное на младшем курсе, напрямую помогает в старшем: подросток, который уже знает, почему логотип не «рассыпается» при увеличении, быстрее понимает, почему иконки в макете рисуют векторами, а не вставляют скриншотами.

Почему это важно именно для печати и сайтов по отдельности

В программе курса подготовка к печати и подготовка для Web стоят отдельными темами — 21 и 22 — и не случайно. Печать требует векторного файла с разрешением, которое не завязано на пиксели: баннер размером на весь дом и визитка получаются из одного и того же логотипа без пересчёта качества. Для сайта или соцсети, наоборот, конечный файл почти всегда растровый — JPEG или PNG, — потому что браузер и телефон показывают именно пиксели, а не математические контуры. Ребёнок, который усвоил разницу в теме 1, в темах 21–22 просто применяет уже знакомое правило к двум разным задачам, а не изучает что-то с нуля во второй раз.

Что из этого попадает в портфолио

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

Как объяснить это ребёнку без терминов

Самая простая аналогия, которая работает даже с шестилетними: растр — это мозаика из мелких квадратиков, которые видны, если поднести очень близко. Вектор — это рисунок по инструкции «поставь точку здесь, проведи линию туда, залей цветом внутри» — компьютер каждый раз рисует его заново, поэтому и не важно, насколько далеко или близко смотреть. Детям, которые уже играли в игры с пикселями вроде ретро-платформеров, растр объяснять легче всего — они уже видели, как картинка рассыпается на квадратики при приближении.

Частые вопросы родителей о растре и векторе

Можно ли перевести фото в вектор? Технически да, существует трассировка изображений — именно эта функция есть в теме 19 курса, — но результат выглядит как упрощённая иллюстрация, а не как фото. Это инструмент для стилизации, а не для «улучшения» качества фотографии.

Портится ли векторное изображение при экспорте в обычный рисунок? Да, в момент экспорта в JPEG или PNG вектор превращается в растр и теряет способность масштабироваться без потерь — это нормально для готовой картинки в соцсети, но не для файла, который ещё будут редактировать.

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

Почему это базовое знание, а не деталь для продвинутых

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

Разница между растром и вектором — не абстрактная теория, а первое практическое решение, которое ребёнок принимает каждый раз, открывая новый файл: рисовать пикселями или контурами. Курс даёт время привыкнуть к обоим вариантам по очереди, а не сразу путать их в одной работе.