Компьютерная графика

Растровая и векторная компьютерная графика

Фотография и логотип — обе картинки, но внутри компьютера они устроены по-разному. Разберём два главных вида компьютерной графики.

Чему ты научишься. различать растровую и векторную графику и выбирать подходящую для фото, логотипа или схемы.

Что такое компьютерная графика

Компьютерная графика — это и сами графические объекты (рисунки, фото, схемы), созданные на компьютере, и область деятельности, где компьютер — инструмент для их создания и обработки. Хранят графику двумя разными способами.

Растровая и векторная графика

Растр теряет качество при увеличении, вектор — нет
РАСТРОВАЯ графика             ВЕКТОРНАЯ графика
──────────────────────────────┼──────────────────────────────
из пикселей (сетка точек)     из фигур и формул (линии, круги)
хранит цвет каждой точки      хранит «нарисуй круг радиуса R»
фото, сложные картинки        логотипы, схемы, чертежи
при увеличении — «лесенка»    масштабируется без потери качества
  • Растровая графика: изображение — это растр, сетка пикселей. В памяти хранится цвет каждого пикселя. Подходит для фотографий и сложных картинок. Минус: при сильном увеличении видны квадратики («лесенка»), качество теряется.
  • Векторная графика: изображение задаётся геометрическими фигурами и формулами (линиями, кругами). В памяти хранится не каждая точка, а описание фигур. Плюс: можно увеличивать сколько угодно без потери качества. Подходит для логотипов, схем, чертежей.

Формат графического файла — способ записи картинки в файл. Форматы бывают растровые и векторные.

Контрольный вопрос. Графика, которая хранит цвет каждого отдельного пикселя, называется…

Арастровая
Бвекторная

Подсказка: Из сетки точек-пикселей.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Графика, которая задаётся геометрическими фигурами и формулами, называется…

Арастровая
Бвекторная

Подсказка: Хранит описание фигур, а не точки.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Сетка из отдельных точек-пикселей, из которых складывается компьютерное изображение, называется одним словом. Впиши его.

Подсказка: Не путай с одним пикселем — это вся СЕТКА точек целиком, из которых состоит картинка.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Способ записи картинки в файл — растровый или векторный — называется…

Аформат графического файла
Бглубина цвета
Вцветовая модель

Подсказка: У каждого файла с картинкой есть такое расширение (jpg, png, svg…).

Онлайн-проверка ответа появится позже

Контрольный вопрос. Схему метро, где важно масштабировать без потери качества, лучше хранить в… графике. Впиши слово.

Подсказка: Тот вид графики, который увеличивается без потери качества.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Фотография с телефона — сложная цветная сцена со множеством оттенков. Такую картинку лучше хранить в… графике. Впиши слово.

Подсказка: Тот вид графики, который подходит для сложных фото.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Какую графику можно увеличивать сколько угодно без потери качества?

Арастровую
Бвекторную

Подсказка: Фигуры пересчитываются по формулам заново при любом масштабе.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Логотип школьного кружка нужно напечатать и на маленькой визитке, и на огромном баннере — без потери качества в обоих случаях. Какой тип графики выбрать?

Авекторную
Брастровую

Подсказка: Логотип должен одинаково хорошо выглядеть в любом размере.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Дизайнер обрабатывает фотографию заката — тысячи оттенков неба, сложные плавные переходы цвета. Какой тип графики здесь используется?

Арастровую
Бвекторную

Подсказка: Сложная цветная сцена с множеством оттенков — какой тип графики для этого создан?

Онлайн-проверка ответа появится позже

Задание. Проект «Растр или вектор?» Для трёх задач выбери тип графики и объясни почему:
1) фотография с телефона;
2) логотип школьного кружка, который будут печатать и на визитке, и на большом баннере;
3) схема метро.
Ответ пришли текстом. Проверит преподаватель.

Подсказка: Там, где важно увеличивать без потери качества — вектор; где сложные цветные сцены — растр.

Онлайн-проверка ответа появится позже

Готов попробовать сам? В разделе заданий тебя ждёт проект «Растр или вектор?».

Итог. Графику хранят двумя способами. Растровая — это сетка пикселей, подходит для фото, но при увеличении теряет качество. Векторная задаётся фигурами и формулами, подходит для логотипов и схем и увеличивается без потери качества.

Что дальше

Мы знаем, как графика устроена. Осталось разобраться, чем её создают и обрабатывают — графическими редакторами. Следующий урок.

Назад  ·  ↑ В начало урока  ·  ⌂ В начало курса  ·  Вперёд →

Школа Виктора Комлева