Коротко: растровая состоит из пикселей и размывается при увеличении — это фото и иллюстрации. Векторная строится формулами и остаётся чёткой в любом размере — это логотипы, иконки, печать.
Растровая графика состоит из пикселей — маленьких цветных квадратиков, поэтому фотография или рисунок теряют чёткость, если их сильно увеличить. Векторная графика строится на математических формулах — линиях и кривых, поэтому логотип или иконку можно увеличить хоть на билборд, и края останутся идеально чёткими. Это не два варианта на выбор, а два разных инструмента для разных задач.
Когда нужен растр (Photoshop)
Растровая графика — это фотографии, цифровое рисование, ретушь, коллаж, реалистичные текстуры. Всё, где важна работа со светом, тенями и плавными переходами цвета. Цветовые модели RGB (для экрана) и CMYK (для печати) — это тоже растровая история: первое занятие курса графики как раз объясняет эту разницу, потому что цвет на экране и цвет на напечатанной странице — это физически разные вещи.
| Растровая | Векторная | |
|---|---|---|
| Из чего состоит | из пикселей | из кривых и формул |
| Что будет при увеличении | размоется | останется чёткой |
| Для чего | фото, иллюстрации, обработка | логотипы, иконки, печать |
| Программы | Photoshop, Procreate | Illustrator, Figma, CorelDRAW |
| С чего начать ребёнку | с растровой: результат нагляднее | после растровой |
Когда нужен вектор (Illustrator)
Векторная графика — это логотипы, иконки, шрифтовые надписи, схемы, всё, что должно одинаково хорошо выглядеть и на визитке, и на баннере. Вектор строится кривыми Безье — линиями, которые ребёнок учится контролировать вручную, это один из первых навыков в Illustrator-части курса.
Почему ребёнку стоит учить оба инструмента, а не один
Реальные дизайн-проекты редко обходятся одним типом графики. Брендбук сочетает векторный логотип и растровые фотографии в макетах. Мобильная игра — это векторные кнопки и меню поверх растрового фона. Курс «Графика и анимация» именно поэтому строится последовательно: сначала Photoshop (растр), потом Illustrator (вектор), а финальные проекты требуют умения сочетать оба.
Как понять разницу на практике, а не в теории
Самый простой способ — попробовать увеличить изображение в обоих форматах. Фото, увеличенное в десять раз, распадается на квадратики-пиксели. Векторный логотип, увеличенный так же, остаётся чётким. Именно с этого наглядного примера обычно и начинается объяснение на первом занятии.
Частые вопросы о растровой и векторной графике
С чего лучше начать ребёнку — с растра или с вектора?
С растра. Photoshop интуитивнее воспринимается на старте — рисование, фотографии, эффекты дают быстрый видимый результат. Вектор с кривыми Безье требует чуть больше точности руки и терпения, поэтому логичнее идёт вторым этапом.
Можно ли преобразовать растровое изображение в векторное и наоборот?
Да, оба направления возможны — конвертация растр↔вектор и трассировка изображений входят в программу курса отдельной темой.
Какой формат файла для чего используют?
Растровые форматы — JPEG, PNG, GIF, для фотографий и изображений с экрана. Векторные — SVG и форматы Illustrator, для логотипов и печатных макетов, где важна чёткость в любом размере.
Подробнее о самом курсе — Как создать портфолио дизайнера на Behance, Dribbble и Pinterest, а о выборе направления в дизайне в целом — Какое направление дизайна выбрать: советы для начинающих.
Оба инструмента преподаются последовательно на курсе «Графика и анимация».
