14116

КОМПЬЮТЕРНАЯ ГРАФИКА В ИНТЕРНЕТЕ

Конспект урока

Информатика, кибернетика и программирование

УРОК 7 КОМПЬЮТЕРНАЯ ГРАФИКА В ИНТЕРНЕТЕ Растровая графика. Используется измененная презентация Федерации ИнтернетОбразования Графика в Интернете rastr.ppt Даже беглого путешествия по домашним страницам Интернета достаточно чтобы понять что страница офор

Русский

2013-05-21

6.06 MB

23 чел.

УРОК 7

КОМПЬЮТЕРНАЯ ГРАФИКА В ИНТЕРНЕТЕ

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

(Используется измененная презентация Федерации Интернет-Образования

«Графика в Интернете», rastr.ppt)

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

Виды компьютерной графики.

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

В Интернете пока применяются только растровые иллюстрации.

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

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

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

Растровая графика. Разрешение изображения. Разрешение экрана.

Основным элементом растрового изображения является точка (пиксел).

В зависимости от настроек операционной системы на экране компьютера могут размещаться изображения, имеющие 640*480, 800*600, 1024*768 и более пикселей.

Это свойство компьютерной системы называется разрешением экрана.

Разрешение изображения – это свойство самого изображения,  измеряется в точках на дюйм и задается при создании изображения в графическом редакторе или с помощью сканера.

Разрешение изображения тесно связано с его физическим размером

Для печати на бумаге разрешение должно быть намного выше, чем для экранного представления


При использовании растровых изображений приходится учитывать две основные проблемы:

  •  большой объем данных;
  •  невозможность увеличения для рассмотрения деталей, т.к. при сильном увеличении растрового изображения наблюдается эффект пикселизации (см. слайд №3);

Цветовая модель. Цветовое разрешение.

Цветовая модель – это способ разделения цветового оттенка на составляющие компоненты.

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

Цветовая модель RGB (аддитивная) применяется всегда, когда готовится изображение для экранного воспроизведения. Согласно этой модели любой цвет считается состоящим из красного (Red), зеленого (Green) и синего (Blue) компонентов.

Совмещение всех трех оттенков RGB поглощает почти весь падающий свет и выглядит почти черным.

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

Цветовое разрешение определяет метод кодирования информации о цвете.

Для кодирования черно-белого изображения достаточно по одному байту на каждую точку.

1 байт позволяет закодировать 256 оттенков;

2 байта – 65536 оттенков (High Color);

3 байта – 16,5 млн оттенков (True Color).

Средства получения и обработки растровых изображений. Графические форматы.

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

Просматривать графические файлы множества различных форматов очень удобно с помощью программы ACDSee.

Для обработки готовых рисунков с целью улучшения их качества и реализации творческих идей используются специальные растровые графические редакторы. К ним относятся Photostyler, Picture Publisher, Adobe PhotoShop.

Форматы графических файлов

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

Для Web-документов очень важен размер файлов, влияющий на скорость доступа к информации. Поэтому при подготовке Web-страниц используют два вида графических форматов, обеспечивающих наиболее плотное сжатие – JPEG и GIF.

Формат JPEG хорош для хранения многоцветных изображений (фотографий).

Формат GIF – для малоцветных рисованных иллюстраций. Удобно использовать для хранения изображений с эффектом прозрачности фона и анимации.

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


ЗАДАНИЕ

  1.  Исследуйте возможные форматы графических файлов, используя материалы презентации «Графика в Интернет» (слайды № 10-19).
  2.  Ответьте на приведенные ниже вопросы по лекции:
    1.  Какие виды компьютерной графики вы знаете?
    2.  Какой вид стоит применить для обработки цветной фотографии, предназначенной для рекламного буклета?
    3.  В каких единицах измеряют размеры экранных изображений?
    4.  В каких единицах измеряют разрешение экрана, разрешение изображения?
    5.  Назовите наименьший размер растрового изображения.
    6.  Как задается цвет пикселя в режиме TrueColor? Сколько байтов оперативной памяти для этого нужно?
    7.  Назовите основные цвета в аддитивной модели.
  3.  Используя Web-камеру и цифровой фотоаппарат под руководством учителя получить изображения, ввести в память компьютера и сохранить в формате JPEG (расширение .jpg) в своей личной папке.

PAGE  1


 

А также другие работы, которые могут Вас заинтересовать

52115. Акваріум 1.51 MB
  Мета: освітня: закріпити знання студентів про влаштування акваріуму в ДНЗ підбір рибок та правила догляду за ними.html на цій сторінці розміщені поради щодо влаштування акваріуму догляду за ним підбору риб та ін. Саме з посмішкою ви повинні заходити до малят у дитячий садок і нести їм лише позитивні емоції не забувати частіше посміхатись адже посмішка це ключик який відкриває найпотаємніше в дитячих душах Оголошення теми і мети заняття: Сьогодні ми поговоримо про влаштування акваріуму та його мешканців. Чи бачили ви проходячи...
52117. Лицеисты за здоровое будущее 59 KB
  Ведущий 1: Здравствуйте Люди часто говорят друг другу при встрече это хорошее доброе слово Ведущий 2: Они желают друг другу здоровья. Вот и мы обращаемся к Вам здравствуйте дорогие друзья и учителя Гости Ведущий 1: А вы знаете что дороже всего на свете Конечно это жизнь это здоровье. Ведущий 2: Ещё в Древней Руси говорили: Здоровье дороже богатства. Ведущий 1: Здоровье не купишь.
52119. Розвязування раціональних рівнянь 107.5 KB
  Мета: удосконалити вміння розвязувати раціональні рівняння; розвиток уваги і вміння чітко та математично грамотно висловлювати власну думку. Тип уроку: удосконалення знань і вмінь
52120. Означення квадратного рівняння. Неповні квадратні рівняння, їх розвязування 43.5 KB
  Неповні квадратні рівняння їх розвязування Мета: удосконалити знання учнів про означення квадратного рівняння; удосконалити вміння розвязувати неповні квадратні рівняння; розвиток концентрації уваги Тип уроку: удосконалення знань і вмінь Обладнання та наочність: картки для усного рахунку опорна схема правила проведення інтерактивної технології “Робота в парахâ€ Хід уроку І. Актуалізація опорних знань Запитання для фронтального опитування: означення квадратного рівняння; коефіцієнти квадратного рівняння; Опорна схема неповні...
52121. Розвязування тригонометричних рівнянь зведенням до однієї тригонометричної функції 7.06 MB
  Розвязування тригонометричних рівнянь зведенням до однієї тригонометричної функції. Формування в учнів умінь розвязувати тригонометричні рівняння способом зведення до однієї тригонометричної функції алгебраїчний спосіб розвивати логічне мислення уяву пам'ять виховувати інтерес до математики уважність відповідальність культуру математичних записів. Ми ніколи не станемо математиками...
52122. Розкладання многочленів на множники способом винесення спільного множника за дужки та способом групування 60 KB
  Тема: Розкладання многочленів на множники способом винесення спільного множника за дужки та способом групування. Які вирази називаються многочленами Що означає розкласти многочлен на множники Способи розкладання многочлена на множники Як розкласти многочлен на множники способом групування III.
52123. Решение задач с помощью производной 63 KB
  Активизировать познавательную деятельность учащихся путем решения задач с практическим содержанием. Оборудование: Портреты ученых Карточки с заданиями для устных упражнений Таблица Чертежи к задачам математические модели Минизадачники Ход урока В мире не происходит ничего в чем бы ни был виден смысл какогонибудь максимума или минимума Леонард Эйлер I. Выдающиеся ученые: француз Пьер Ферма 16011665 англичанин Исаак Ньютон 16431727 немец Готфрид Лейбниц16461716 француз Жозеф Лагранж 17361813...