Сверь числа и знаки с фото.
• Назовите по одному популярному редактору для растровой и векторной графики. Кратко перечислите по 2–3 ключевые функции каждого.
Мультимедиа: понятия, компоненты и технологии • Дайте определение термина «мультимедиа». Какие типы данных обычно объединяются в мультимедийных продуктах? • Что означает «интерактивность» в контексте мультимедиа? Приведите 2–3 примера интерактивных мультимедийных продуктов. • В чём разница между линейным и нелинейным мультимедиа? Приведите примеры для каждого типа. • Перечислите основные аппаратные компоненты мультимедийного компьютера (минимум 4) и кратко поясните роль каждого в работе с мультимедиа. • Какие форматы файлов используются для хранения звука и видео? Назовите по 2 примера для каждого типа и кратко укажите их назначение (например, потоковое видео, запись голоса и т. п.).
Применение и практические аспекты • Опишите, как мультимедиа используется в образовании. Приведите 1–2 конкретных примера (например, интерактивный урок, тренажёр). • Какие факторы нужно учитывать при подготовке мультимедийной презентации для публичной демонстрации (экран, проектор, аудитория)? Назовите 3–4 ключевых момента. • Как размер и качество медиафайлов влияют на требования к памяти и пропускной способности сети? Приведите простой пример расчёта (например, сколько места займёт 1 минута видео при заданных параметрах). • Назовите 2–3 профессии, где компьютерная графика и мультимедиа являются ключевыми инструментами. Кратко опишите, какие задачи специалисты решают с их помощью.
Ситуационные и аналитические вопросы • Вам нужно разместить фотографию на веб-сайте так, чтобы она быстро загружалась, но оставалась чёткой на современных экранах. Какие параметры и форматы вы выберете и почему? • Вы создаёте логотип для компании, который будет использоваться и на визитках, и на билбордах. Какой тип графики вы предпочтёте и какие аргументы приведёте в пользу своего выбора? • При подготовке учебного видеоролика вы столкнулись с тем, что файл получается слишком большим. Предложите 2–3 способа уменьшить размер без существенной потери качества и кратко обоснуйте каждый.
Контрольные вопросы по теме: Компьютерная графика и мультимедиа
Базовые понятия и виды • Что понимается под термином «компьютерная графика»? Назовите основные задачи, которые она решает. • В чём принципиальное отличие растровой графики от векторной? Приведите по 2–3 примера ситуаций, где каждый тип графики предпочтителен. • Объясните, что такое пиксель и разрешение изображения. Как изменение разрешения влияет на качество и размер файла? • Что такое глубина цвета? Как она связана с количеством отображаемых цветов и объёмом памяти, необходимым для хранения изображения? • Опишите эффект пикселизации: при каких операциях он возникает и почему. • Что представляют собой графические примитивы? В каком виде графики они являются базовыми элементами? • Кратко объясните принцип построения фрактальной графики. Чем она отличается от растровой и векторной?
Цветовые модели и форматы файлов • Назовите основные цветовые модели (RGB, CMYK, HSB) и укажите, для каких целей и устройств каждая из них применяется. • Почему изображение, хорошо выглядящее на экране (RGB), может искажаться при печати (CMYK)? • Перечислите 3–4 распространённых формата растровых изображений (например, JPEG, PNG) и кратко укажите их особенности: сжатие, поддержка прозрачности, назначение. • Перечислите 2–3 формата векторных изображений (например, SVG, EPS) и объясните, в каких случаях их использование наиболее оправдано. • Что значит «сжатие с потерями» и «сжатие без потерь»? Приведите примеры форматов для каждого типа.
Обработка графики и инструменты • Какие основные операции выполняются при редактировании растровых изображений? Назовите 2–3 инструмента, которые обычно для этого используются, и поясните их назначение. • Чем отличаются понятия «масштабирование» и «кадрирование»? Как каждая из этих операций влияет на качество растрового и векторного изображения? • Что такое слои в графических редакторах и зачем они нужны? Приведите пример задачи, где работа со слоями существенно упрощает процесс.
Краткие ответы
Фото 1 — мультимедиа
Редакторы. Растровый — Adobe Photoshop (или GIMP): ретушь, слои, фильтры. Векторный — CorelDRAW (или Inkscape): кривые Безье, точные фигуры, масштаб без потерь.
Мультимедиа — объединение в одном продукте текста, графики, звука, видео и анимации с управлением ими. Данные: текст, изображение, звук, видео, анимация.
Интерактивность — реакция программы на действия пользователя. Примеры: обучающий тренажёр, игра, интерактивная презентация.
Линейное — фиксированный порядок (фильм, ролик). Нелинейное — пользователь сам выбирает маршрут (сайт, электронный учебник, игра).
Аппаратные компоненты: процессор (обработка и сжатие), видеокарта (вывод изображения), звуковая карта (запись и воспроизведение звука), ОЗУ (буфер данных), накопитель (хранение), монитор, микрофон и камера (ввод).
Форматы. Звук: MP3 (сжатый, музыка, подкасты), WAV (без потерь, запись и монтаж). Видео: MP4/H.264 (универсальное, веб и потоковое), AVI (монтаж).
В образовании: интерактивные уроки и тренажёры, виртуальные лаборатории и видеоопыты.
Презентация: крупный шрифт и контраст, формат слайдов под проектор, проверка звука, единое оформление.
Размер и качество. Пример для 1 минуты видео \(1280\times720\), 3 байта на пиксель, 25 кадров/с: \[ 1280\cdot 720\cdot 3\cdot 25\cdot 60 \approx 4{,}1\ \text{ГБ} \] без сжатия; кодек H.264 уменьшает объём в десятки раз, а передача такого потока требует высокой пропускной способности сети.
Профессии: графический и веб-дизайнер (макеты, интерфейсы), видеомонтажёр (съёмка, монтаж), разработчик игр и аниматор.
Фото на сайт: WebP или JPEG, ширина около 1000–1600 px, отдельные версии под 2x-экраны, сжатие качества до ~80 %, отложенная загрузка.
Логотип: векторная графика (SVG, AI, EPS) — резкость на визитке и билборде, малый размер, легко менять цвета.
Уменьшить видео: снизить разрешение и битрейт; взять более эффективный кодек H.265/AV1; уменьшить частоту кадров, длительность или битрейт звука.
Фото 2 — компьютерная графика
Компьютерная графика — создание, обработка и вывод изображений компьютером. Задачи: визуализация данных, моделирование и САПР, дизайн, анимация, обработка фото.
Растр и вектор. Растр — сетка пикселей, зависит от разрешения (фото, сканы, текстуры). Вектор — формулы и примитивы, масштабируется без потерь (логотипы, чертежи, схемы, шрифты).
Пиксель — минимальный элемент растра. Разрешение — число пикселей (ppi, dpi). Чем выше разрешение, тем больше деталей и больше файл.
Глубина цвета — число бит на пиксель. Цветов \(=2^{N}\) (24 бит — 16,7 млн). Память \(= \text{ширина}\cdot\text{высота}\cdot N/8\) байт.
Пикселизация — видны крупные квадраты: при сильном увеличении растра, низком исходном разрешении, сильном сжатии.
Примитивы — точка, линия, прямоугольник, окружность, кривая; базовые элементы векторной графики.
Фрактальная графика — изображение вычисляется по формуле с повторяющимися итерациями, самоподобно; в отличие от растра и вектора, строится уравнением, а при масштабировании не теряет деталей.
Цветовые модели. RGB — экраны, веб, ТВ. CMYK — печать. HSB — удобный подбор цвета в дизайне.
Почему искажается при печати: охват CMYK уже, чем RGB, яркие цвета вне охвата заменяются более тусклыми; нужны цветопроба и ICC-профиль.
Растровые форматы: JPEG (с потерями, без прозрачности, фото), PNG (без потерь, прозрачность, скриншоты), GIF (256 цветов, анимация), TIFF (без потерь, печать и сканирование).
Векторные форматы: SVG (веб, иконки), EPS (полиграфия, обмен), PDF. Оправданы там, где нужен масштаб без потерь и малый размер файла.
Сжатие с потерями — часть данных отбрасывается (JPEG, MP3, H.264). Без потерь — данные восстанавливаются точно (PNG, GIF, TIFF, FLAC).
Операции с растром: кадрирование, масштабирование, цветокоррекция, ретушь, фильтры. Инструменты: кисть (рисование), выделение (ограничить область), штамп (клонирование), уровни (яркость и контраст).
Масштабирование и кадрирование. Масштабирование меняет размер: растр при увеличении теряет резкость, вектор — нет. Кадрирование обрезает края: у растра уменьшает область без потери качества внутри, у вектора меняет границы.
Слои — независимые уровни изображения, правка одного не портит другие. Пример: открытка, где фон, фото и подпись на разных слоях.
Что запомнить
- Растр — пиксели, вектор — формулы; отсюда все различия в масштабировании и размере файла.
- Объём растра: \(W\cdot H\cdot N/8\) байт.
- RGB — экран, CMYK — печать, поэтому цвета при печати тускнеют.