Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Растровая и векторная графика

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

Самые низкие цены на курсы профессиональной переподготовки и повышения квалификации!

Предлагаем учителям воспользоваться 50% скидкой при обучении по программам профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy


СВИДЕТЕЛЬСТВО СРАЗУ ПОСЛЕ ПРОСМОТРА ВЕБИНАРА

Вебинар «Подростковая лень: причины, способы борьбы»

Просмотр и заказ свидетельств доступен только до 22 января! На свидетельстве будет указано 2 академических часа и данные о наличии образовательной лицензии у организатора, что поможет Вам качественно пополнить собственное портфолио для аттестации.

Получить свидетельство за вебинар - https://infourok.ru/webinar/65.html

  • Информатика

Поделитесь материалом с коллегами:

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

Класс 8

Оборудование: компьютер, проектор, презентация, раздаточный материал.

Цели:

Обучающая: научить отличать векторную графику от растровой, ознакомить с преимуществами и недостатками каждой графики.

Развивающая: развитие навыков и умений работы с графикой.

Воспитательная: воспитание информационной культуры учащихся.

План урока:



Ход урока.

  1. Организационный момент.

Проверка готовности к уроку, наличие необходимых материалов и инструментов.

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


  1. Актуализация знаний.

Цель: актуализировать мыслительные операции, необходимые для проблемного изложения нового знания. В конце урока проведем небольшую самостоятельную работу.

  1. Дайте определение компьютерной графике? (раздел информатики, занимающийся проблемами создания и обработки на компьютере графических объектов).

  2. Что такое пиксель? (точка)

  3. Что такое код пикселя? (информация о цвете пикселя)

  4. Назовите базовые цвета? (красный, зеленый, синий)

  5. Сколько цветов будет содержать палитра, если каждый базовый цвет кодировать 2 битами (4 цвета)


  1. Объяснение нового материала.

Цель: научиться определять вид графики, к каким графическим редакторам они относятся. В конце урока мы заполним таблицу: «Сравнительная характеристика» и пройдем небольшой тест.


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

Векторное изображение


Базовые элементы



Применение



Масштабирование



Программные продукты



Аналоги



Форматы




В компьютерной графике существуют два различных подхода к представлению графической информации. Они называются растровым и векторным.

Растровое изображение

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

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

  • от глубины цвета точек,

  • от размера изображения (в большем размере вмещается больше точек),

  • от разрешения изображения (при большем разрешении на единицу площади изображения приходится больше точек).

Чтобы увеличить изображение, приходится увеличивать размер пикселей-квадратиков. В итоге изображение получается ступенчатым, зернистым. Для уменьшения изображения приходится несколько соседних точек преобразовывать в одну или выбрасывать лишние точки. В результате изображение искажается: его мелкие детали становятся неразборчивыми (или могут вообще исчезнуть), картинка теряет четкость.

Растровое изображение нельзя расчленить. Оно «литое», состоит из массива точек.

Близкими аналогами являются живопись, фотография

Программы для работы с растровой графикой:

Paint, Adobe Photo Shop

Применение:

  • для обработки изображений, требующей высокой точности передачи оттенков цветов и плавного перетекания полутонов. Например, для:

  • ретуширования, реставрирования фотографий;

  • создания и обработки фотомонтажа, коллажей;

  • применения к изображениям различных спецэффектов;

  • после сканирования изображения получаются в растровом виде

Векторное изображение

Базовым элементом изображения является линия. Линия описывается математически как единый объект, и потому объем данных для отображения объекта средствами векторной графики существенно меньше, чем в растровой графике. Линия обладает свойствами: формой (прямая, кривая), толщиной, цветом, начертанием (сплошная, пунктирная). Замкнутые линии приобретают свойство заполнения. Охватываемое ими пространство может быть заполнено другими объектами (текстуры, карты) или выбранным цветом. Простейшая незамкнутая линия ограничена двумя точками, именуемыми узлами. Все прочие объекты векторной графики составляются из линий. Например, куб можно составить из шести связанных прямоугольников, каждый из которых, в свою очередь, образован четырьмя связанными линиями. Возможно, представить куб и как двенадцать связанных линий, образующих ребра.

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

Векторное изображение масштабируется без потери качества: масштабирование изображения происходит при помощи математических операций: параметры примитивов просто умножаются на коэффициент масштабирования.

Изображение может быть преобразовано в любой размер
(от логотипа на визитной карточке до стенда на улице) и при этом его качество не изменится.

Векторное изображение можно расчленить на отдельные элементы (линии или фигуры), и каждый редактировать, трансформировать независимо.

Векторные файлы имеют сравнительно небольшой размер, т.к. компьютер запоминает только начальные и конечные координаты элементов изображения - этого достаточно для описания элементов в виде математических формул. Размер файла как правило не зависит от размера изображаемых объектов, но зависит от сложности изображения: количества объектов на одном рисунке (при большем их числе компьютер должен хранить больше формул для их построения), характера заливки - однотонной или градиентной) и пр. Понятие «разрешение» не применимо к векторным изображениям.

Векторные изображения: более схематичны, менее реалистичны, чем растровые изображения, «не фотографичны».

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

Программы для работы с векторной графикой:

Corel Draw, Adobe Illustrator, AutoCAD

Применение:

  • для создания вывесок, этикеток, логотипов, эмблем и пр. символьных изображений;

  • для построения чертежей, диаграмм, графиков, схем;

  • для рисованных изображений с четкими контурами, не обладающих большим спектром оттенков цветов;

  • для моделирования объектов изображения;

  • для создания 3-х мерных изображений.


Для примера рассмотрим «маленький монитор» с растровой сеткой размером 10х10 и черно-белым изображением. На рисунке 1 одна клетка соответствует пикселю. Приведено изображение буквы «К». Для кодирования изображения в растровой форме на таком экране требуется 100 битов (1 бит на пиксель). На рисунке 2 этот код представлен в виде битовой матрицы, в которой строки и столбцы соответствуют строкам и столбцам растровой сетки (1 закрашенный пиксель, 0 - не закрашенный)


Прямая со стрелкой 2

1

2

3

4

5

6

7

8

9

10

1











2











3











4











5











6











7











8











9











10











Х












0000000000

0001000100

0001001000

0001010000

0001100000

0001010000

0001001000

0001000100

0000000000

0000000000

Рис.1 Рис.2

Y

В векторном представлении буква «К» - это три линии. Всякая линия описывается указанием координат ее концов в таком виде ЛИНИЯ (Х1, Y1, X2, Y2).

Изображение буквы «К» на рис.1 описывается следующим образом:

ЛИНИЯ (4,2,4,8)

ЛИНИЯ (5,5,8,2)

ЛИНИЯ (5,5,8,8)

  1. Самостоятельная работа учащихся

Цель: закрепить полученные на уроке знания.

Провести сравнительный анализ векторной и растровой графики по таблице.

Проверка заполнения таблицы:

Тест (см. Презентация).

Поменяйтесь с соседом работами и проверьте тест. Поставьте оценки.

Критерии оценки:

0 ошибок – «5»

1-2 ошибки – «4»

3-4 ошибок – «3»

Выставление оценок.


  1. Подведение итогов.

Цель: способствовать формированию рефлексии.

Какая была цель урока?

В чем вы испытывали затруднение на уроке?

Домашнее задание: § 21, задание 9 страница 120

Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

Для учителей мы подготовили самые привлекательные условия в русскоязычном интернете:

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

Автор
Дата добавления 27.09.2016
Раздел Информатика
Подраздел Конспекты
Номер материала ДБ-216168
Получить свидетельство о публикации

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

от проекта "Инфоурок" с указанием данных образовательной лицензии, что важно при прохождении аттестации.

Если Вы учитель или воспитатель, то можете прямо сейчас получить документ, подтверждающий Ваши профессиональные компетенции. Выдаваемые дипломы и сертификаты помогут Вам наполнить собственное портфолио и успешно пройти аттестацию.

Список всех тестов можно посмотреть тут - https://infourok.ru/tests


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