Растровая графика Быкова Юлия Викторовна, преподаватель информатики и ИКТ, Санкт-Петербургский кадетский корпус МО РФ. - презентация

1 Растровая графика Быкова Юлия Викторовна, преподаватель информатики и ИКТ, Санкт-Петербургский кадетский корпус МО РФ

2 Увеличим небольшой фрагмент изображения Растровая графика Гейнсборо Томас Портрет дамы в голубом Гейнсборо Томас Портрет дамы в голубом

3 Растровая графика При увеличении хорошо видны точечные квадраты – пиксели, из которых состоит изображение.

4 Пиксель (pixel) – элементарная частица изображения в растровой графике. Точечный квадратный фрагмент. Понятия и термины

5 Преимущества растровой графики Фотографическое качество изображения Легко печатать на принтерах

6 Сканеры Источники получения растровых изображений

7 Цифровые фотоаппараты Источники получения растровых изображений

8 Цифровые видеокамеры

9 Источники получения растровых изображений Некоторые графические редакторы (MS Paint, Adobe Photoshop и др.)

10 Пространственное разрешение– Количество пикселей на единицу длины Понятия и термины

11 Пространственное разрешение Высокое Низкое

12 Пространственное разрешение Увеличим фрагменты

13 Пространственное разрешение Высокое разрешение: Пиксели малого размера; Больше мелких деталей. Низкое разрешение: Крупные пиксели; Мелкие детали теряются.

14 Размер этой фотографии: Высота 145 пикселей Ширина 180 пикселей Общее количество пикселей: =26100 Количество пикселей

15 Цветовое разрешение – количество возможных при данном способе кодирования цветовых оттенков Глубина цвета (цветовое разрешение)- Количество бит (или байт), используемое для кодирования одного пикселя. Понятия и термины (строгого разграничения между этими терминами нет, они используются как взаимозаменяемые)

16 Модель RGB (Red-Green-Blue) Все разнообразие оттенков формируется сочетанием разного количества красного (Red), зеленого (Green) и синего (Blue) света. Компьютерные мониторы и телевизоры воспроизводят цвет в режиме RGB.

17 Модель RGB (Red-Green-Blue) 256 оттенков красного; Для формирования RGB-цвета используется: = цветов 256 оттенков зелёного; 256 оттенков синего

18 Глубина цвета 1 байт - красный 1 байт - зелёный 1 байт - синий 256=2 8 8 бит=1 байт Глубина цвета составляет 3 байта = 24 бита

19 Глубина цвета В монохромных чёрно-белых изображениях используются оттенки серого цвета Обычная глубина цвета – 8 бит (1 байт) Количество оттенков серого: 2 8 =256

20 Глубина цвета Современные растровые редакторы, например Adobe Photoshop, Corel PHOTOPAINT Поддерживают глубину цвета 16 бит для монохромных изображений 32 бита и 48 бит для цветных

21 Размер файла изображения Размер файла [байт]= =Ширина [пикс.] Высота [пикс.] Глубина цвета [байт]

22 Размер файла изображения При глубине цвета 3 байта (модель RGB) Размер файла = = байт байт 78 Кбайт

23 Для сравнения: 1 печатный знак (буква, цифра и т.п.) занимает 1 байт 1 печатная страница (примерно 3600 знаков) В формате txt (программа Блокнот) занимает 3,6 Кбайт В формате doc ( программа MS Word) Занимает около 26 К байт

24 Подведём итоги: Представление графики в растровом формате: Эффективно для хранения и обработки: Фотографий Репродукций живописи Рисунков

25 Подведём итоги: Недостатки растровых форматов: Снижение качества при изменении масштаба

26 Подведём итоги: Недостатки растровых форматов: Для хранения изображений требуется большой объём памяти Размер файла = = байт

27 Программы для работы с растровой графикой MS Paint >> >> Adobe Photoshop>>>> Adobe ImageReady >> >> Corel PHOTO-PAINT>>>> Corel Painter >> >>

28 Литература Н.Д. Угринович Информатика и ИКТ, М, Бином 2010 Компьютерная графика. Учебник+CD – М.Н. Петров. В.П. Молочков, СПб.: Питер, 2002, ISBN X С. Пономарев Пиксел и вектор. Принципы цифровой графики – СПб.: БХВ-Петербург, 2002 ISBN

29 Источники изображений: Залогова Л.А. Компьютерная графика, М., Бином, 2009 (примеры с диска- приложения : цветок, фото девочки) ru (сканер); (сканер); (фотоаппараты); (видеокамера); (видеокамера); (крокодильчик); (репродукция, RGB); no_risunki_zhenshhinskikh_tel/ http://spamsoftoban.ucoz.de/blog/kak_narisovat_loshad_karandashom_poehtap no_risunki_zhenshhinskikh_tel/ ;