Основи компʼютерної графіки. Расторві зображення.

Будь-які картинки на екрані монітора

Малюнки, намальовані у Paint

Зображення, створені комп’ютером за допомогою спеціальних програ

Фото, зроблені телефоном і завантажені в комп’ютер

растрову і векторну

двовимірну і тривимірну

кольорову і чорно-білу

анімовану і статичну

піксельну і математичну 

3D графіка завжди виглядає реалістичніше 

У 3D графіці додається координата глибини (Z)

2D не можна анімувати

2D зображення має лише дві координати — X та Y

Ми бачимо світ лише у двох вимірах

Ми бачимо тривимірно завдяки двом очам

Якщо закрити одне око, світ стане двовимірним

Очі сприймають пласке 2D-зображення 

Мозок створює об’ємне 3D-відчуття світу 

Прутики і мензурки

Колбочки і палички 

Крапочки і смужечки

Сенсори і фільтри

Кольорики і сіроїди

Світлові антени і мікролінзи

Зернятка і комірки

Молоточок, коваделко і сідельце

Червоний

Помаранчевий

Жовтий

Зелений

Блакитний

Синій

Фіолетовй

Чорний

Бо з них можна змішати будь-яку фарбу

Бо це кольори веселки

Бо саме на ці кольори реагують колбочки в оці людини

Бо саме їх найчастіше використовують у малюванні

Бо їх найкраще видно на екрані телевізора, монітора або телефона

Пікселів

Крапок фарби

Квадратиків кольору

Ліній і кривих 

Фільм 2015 року з Адамом Сендлером у головній ролі

Точки на екрані, забарвлена певним кольором

Маленькі квадратики на клавіатурі 

Частинки фарби в принтері

Бо від неї залежить чіткість і деталізація зображення

Бо це впливає на передачу кольору на моніторі

Бо це впливає на кількість можливих кольорів в зображенні

Бо тоді зображення займає менше місця на диску

Також з пікселів

Ліній, кривих і фігур, побудованих за математичними формулами

Крапок фарби 

Маленьких кольорових кубиків

Фотографій

Анімацій у форматі .gif

Іконок на робочому столі

Схем і креслень

Шрифтів

Створення логотипів, схем, креслень та ілюстрацій, які потрібно масштабувати

Збереження фотографій

Малювання у Paint

Професійного редагування фотографій

❌ Ні, тому що фото — це растрове зображення, і при перетворенні у вектор втратиться деталізація 

✅ Так, будь-яке фото легко перетворюється у вектор без втрати якості

✅ Так, якщо зберегти у форматі SVG

✅ Так, якщо фото дуже чітке

Синій, жовтий, рожевий

Білий, чорний, сірий

Червоний, зелений, синій

Червоний, синій, жовтий

1️⃣

2️⃣

3️⃣

4️⃣

5️⃣

Роздільна здатність (DPI, кількість пікселів на квадратний дюйм)

Розмір зображення у пікселях

Тип принтера

Формат файлу (JPEG, PNG, BMP)

Кількість кольорів у зображенні

Назва файлу

BMP

GIF

PNG

JPG

PNG

GIF

JPG

BMP

PNG

BMP

JPG

GIF

Маленький піксель, що з’являється під мікроскопом

Одна з частин пікселя, яка світиться лише одним кольором (червоним, зеленим або синім)

Помилка на екрані, через яку точка не світиться 

Піксель, який має два кольори одночасно

Кожен піксель відображає лише один із трьох кольорів і швидко їх змінює

Пікселі перемішуються, як фарби на палітрі

Кожен субпіксель світиться з різною яскравістю, а їхнє поєднання створює потрібний колір у кожній точці зображення

Екран покривається фарбою відповідного кольору

1322 + 962 = 2284 пікселі

1322 × 962 = 1 271 764 пікселі

1920 × 1080 = 2 073 600 пікселів

1322 – 962 = 360 пікселів