Презентация к уроку "Растровая графика"

Проверка домашнего задания

Отец фрактальной геометрии

• Бенуа Мандельброт (при рождении Мандельбройт; 20 ноября 1924 — 14 октября 2010) — французский и американский математик, создатель фрактальной геометрии.

Очередная скучная формула? Z [ i +1] = Z [ i ] * Z[ i ] + C , где Z i и C - комплексные переменные

Древовидный фрактал

Какие существуют виды двухмерной компьютерной графики?

Виды двухмерной компьютерной графики: 1) Фракталы 2) Растровая графика 3) Векторная графика

О каком процессе идет речь?

Т

Дискретизация

(от непрерывного к дискретному)

Т

Чем отличается то, что мы видим вокруг, от изображения в экране телефона?

Что общего между фотографией и процессом, о котором недавно шла речь в презентации?

О какой графике идет речь?

Тема урока: Растровая графика

Растровая графика Что мы должны узнать? Чему должны научиться?

Растровая графика Что мы должны узнать: 1) Как формируется изображение? 2) Что такое растр и пиксель? 3) Область применения растровой графики; 4) Форматы и редакторы; Чему должны научиться: 1) Создавать и редактировать растровые изображения;

Пиксель

• Пиксель (от англ. picture element — элемент изображения) — минимальный дискретный элемент цифрового изображения или дисплея, его структурная единица.

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

• Растр – совокупность пикселей, образующих строки и столбцы.

Как формируется растровое изображение?

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

Монохромное изображение

(«1» и «0»)

0

0

0

1

0

0

0

1

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

1

0

0

0

1

1

0

0

0

0

0

0

0

1

0

0

0

0

0

0

0

0

0

0

0

1

0

1

0

0

0

1

0

0

1

0

0

0

0

0

0

0

0

0

0

0

0

Монохромное изображение

(«1» и «0»)

Оттенки серого

1 px это число от 0 до 255

Число, которым кодируется цвет, будем называть показателем интенсивности.

Оттенки серого

(255 – белый цвет, 0 – черный цвет)

0

0

0

255

0

0

0

255

0

0

100

0

0

0

100

50

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

100

0

255

0

0

0

255

255

0

0

0

0

0

100

0

255

0

0

0

100

0

0

100

0

0

0

0

255

0

255

0

0

0

255

0

0

255

0

50

0

0

0

0

0

0

0

0

0

0

Динамическая пауза

Цветное изображение

1 px это триада чисел от 0 до 255

Цветное изображение

Светодиоды пикселя горят с заданной интенсивностью, что позволяет управлять цветом каждого пикселя независимо от других.

Пиксель монитора (на данный момент) состоит из трех диодов, интенсивность «свечения» которых и задается триадой чисел: RGB = (0..255, 0..255, 0..255).

От чего зависит качество изображения?

Разрешение – это количество пикселей на единице длины изображения. Единица измерения разрешения – ppi (пикселей на дюйм). Если разрешение изображения 72 пикселя на дюйм, то получаем 72 пикселя × 72 пикселя = 5184 пикселя на квадратный дюйм.

Где применяется растровая графика?

Форматы растровых изображений и способы их редактирования

JPEG, PNG, WEBP, GIF, RAW, TIFF, PSD

Paint,

GIMP,

Inkscape,

CorelDraw и др.

Умеем ли мы создавать и редактировать растровые изображения?

Итоги урока

• Какие виды компьютерной (двухмерной) графики существуют?
• Какой вид компьютерной графики мы изучили?
• Как формируется растровое изображение?
• С помощью каких редакторов мы можем изменять изображения данного вида?
• Каким образом происходит создание растрового рисунка?
• - - -
• Была ли достигнута цель нашего занятия?

Домашнее задание (обратите внимание на оборот карточек) Инструкция по выполнению приложена