- •"Томский политехнический университет"
- •Е.В. Молнина растровая графика. Web − анимация
- •Учебное пособие рассмотрено и рекомендовано к изданию методическим семинаром кафедры ис юти тпу 10.04.07.
- •Растровая графика
- •1.1. Визуализация изображений
- •1.2. Растровые изображения и их основные характеристики
- •1.3. Оценка разрешающей способности растра
- •1.4. Примеры изображений для некоторых растровых устройств
- •1.5. Понятие цвета
- •1.6. Формат файлов для хранения растровых изображений
- •2. Графический редактор adobe photoshop
- •2.1. Панель инструментов графического редактора Adobe Photoshop
- •2.2. Панель опций графического редактора Adobe Photoshop
- •2.3. Палитры графического редактора Adobe Photoshop
- •2.3.1. Как пользоваться палитрами
- •2.3.2. Всплывающий ползунок
- •2.3.3. Палитра Layers
- •2.3.4. Палитра Paths
- •2.3.5. Палитра Paragraph
- •2.4. Работа со слоями
- •2.4.1. Текущий слой и прозрачность слоя
- •2.4.2. Корректирующий слой
- •2.4.3. Пикселы
- •2.4.4. Векторные объекты
- •2.4.5. Выделенная область
- •2.4.6. Разрешение
- •2.4.11. Быстрота перерисовки
- •2.5. Методы создания изображения
- •2.5.1. Экономия времени при помощи контекстных меню
- •2.5.2. Перемещение
- •2.5.3. Создание нового слоя
- •2.5.4. Инструменты для работы со слоями
- •2.5.5. Слияние и объединение слоев
- •2.5.6. Основной и фоновый цвет
- •2.5.7. Основные сведения о командах корректировки
- •2.5.8. Инструмент Brush
- •2.5.9. Рисование с помощью инструмента Line
- •2.5.10. Применение градиента в качестве слоя заливки
- •2.5.11. Маскирование слоя градиентной заливки
- •3. Практикум
- •3.1. Практическая работа Обтравка изображения. Работа со слоями
- •3.2. Практическая работа Реставрация фотографии
- •3.3. Практическая работа Обработка растрового изображения. Создание «обоев» рабочего стола
- •4. Web анимация в imageready
- •4.1. Создание анимации с расчетом промежуточных кадров
- •4.2. Создание анимированной Web-страницы
- •Для заметок список рекомендуемой литературы
- •Растровая графика. Web − анимация
1.6. Формат файлов для хранения растровых изображений
К настоящему времени известно много форматов файлов для растровых изображений. Здесь мы рассмотрим один из самых популярных форматов, который обязан своей распространенностью операционной системе Windows — формат BMP.
Общая структура BMP-файла такова:
Заголовок файла BMP называется BITMAPFILEHEADER. В нем помещается общее описание файла. Заголовок имеет следующие поля:
WORD bfType — хранит символы "ВМ". Это код формата.
DWORD bfSize — общий размер файла в байтах.
WORD bfReserved1 — зарезервировано, пока что равно 0.
WORD bfReserved2 — зарезервировано, пока что равно 0.
DWORD bfOffflits — адрес битового массива в данном файле.
Далее в файле следует еще один заголовок— BITMAPINFOHEADER, в котором хранится описание размеров растра и цветового формата пикселов. Здесь имеются такие поля:
DWORD biSize — размер заголовка, равен 40.
LONG biWidth — ширина растра в пикселах.
LONG biHeight — высота растра в пикселах.
WORD biPlanes — должно быть равно 1.
WORD biBitCount — бит на пиксел, может быть 1, 4, 8, 16, 24,32.
DWORD biCompression — равно нулю.
DWORD biSizelmage — размер в байтах битового массива растра.
LONG biXPelsPerMeter — разрешение по X в пикселах на метр.
LONG biYPelsPerMeter — разрешение по Y в пикселах на метр.
DWORD biClrUsed — если равно 0, то используется макс, число цветов.
DWORD biCIrlmportant — равно 0, если biClrUsed = 0.
Затем в файле помещается палитра в виде записей RGBQUAD. Каждая запись содержит четыре поля.
BYTE rgbBlue — цветовая компонента В, от 0 до 255.
BYTE rgbGreen — компонента G.
BYTE rgbRed — компонента R.
BYTE rgbReserved — не используется, равно 0.
Количество записей RGBQUAD равно количеству используемых цветов. Палитра отсутствует, если число бит на пиксел равно 24. Также палитра не нужна и для некоторых цветовых форматов 16 и 32 бит на пиксел.
Здесь приняты такие обозначения для типов полей:
BYTE — однобайтовое целое число без знака. WORD — двухбайтовое целое число без знака. DWORD — четырехбайтовое целое число без знака. LONG — четырехбайтовое целое число со знаком.
После палитры (если она есть) в файле BMP записывается растр в виде битового (а точнее, байтового массива). В битовом массиве последовательно записываются байты строк растра. Количество байт в строке должно быть кратно четырем, поэтому если количество пикселов по горизонтали не соответствует такому условию, то справа в каждую строку дописывается некоторое число битов (выравнивание строк на границу двойного слова).
Сжатие изображений в файлах BMP отсутствует, однако подобный формат (Device Independent Bitmap) описания растровых изображений также используется и для файлов типа DIB, где применяются простейшие алгоритмы сжатия RLE (Run Length Encoding). Алгоритмы RLE также используются и в других популярных растровых графических форматах, например, PCX.
2. Графический редактор adobe photoshop
2.1. Панель инструментов графического редактора Adobe Photoshop
Для того чтобы активизировать инструмент, пиктограмма которого в данный момент видна на экране, щелкните по ней. Рядом с некоторыми пиктограммами расположена маленькая стрелочка. Если по ней щелкнуть, раскроется всплывающая палитра, где можно выбрать инструмент, входящий в ту же группу.
Еще удобнее вызывать инструменты при помощи клавиатуры (запомните буквы, указанные на следующих страницах для каждого инструмента). Если вы забыли клавишную комбинацию, наведите курсор на пиктограмму инструмента, задержите на несколько секунд, и всплывающая подсказка напомнит ее вам. Чтобы попеременно вызывать входящие в какую-либо группу инструменты, пиктограммы которых спрятаны, нажимайте клавишу Shift и соответствующую «горячую» клавишу. Также можно, нажав клавишу Alt, щелкнуть по пиктограмме видимого инструмента.
Для каждого инструмента задаются свои собственные параметры (например, режим смешивания, значение непрозрачности) на панели опций, расположенной вверху экрана (подробнее о панели опций рассказано в разделе «Панель опций» этой главы). Состав параметров на панели опций изменяется в зависимости от того, какой инструмент выбран.
На панели опций с правой стороны расположена пиктограмма активного инструмента. Если щелкнуть по стрелочке рядом с пиктограммой, раскроется выпадающее меню, где вы можете выбрать другой инструмент. Этот список можно редактировать, удалять редко используемые и добавлять часто применяемые инструменты. Установки на панели опций сохраняются для каждого инструмента, если их не изменить или не восстановить принимаемые по умолчанию. Загрузить, добавить и сохранить различные комбинации кнопок, а также восстановить принимаемые по умолчанию характеристики инструмента можно с помощью команд меню выпадающей панели (рис. 2.1.). Для того чтобы восстановить принимаемые по умолчанию значения опций для всех инструментов, там же выберите команду Reset All Tools (Восстановить все инструменты) либо щелкните по кнопке Reset All Tools в окне Edit > Preferences > General (Правка > Установки >Общие).
Рис. 2.1. Панель выбора инструмента
Рядом с названием групп инструментов указана «горячая клавиша» для вызова инструментов, входящих в эту группу.
Нажимайте клавишу Shift и соответствующую «горячую» клавишу, чтобы по очереди вызывать инструменты, расположенные на одной всплывающей палитре и связанные между собой.
Рис. 2.2. Палитра инструментов для выделения области геометрической формы
Рис. 2.3. Палитра инструментов для выделения области произвольной формы
Рис. 2.4. Палитра инструментов для устранения дефектов изображений
Рис. 2.5. Палитра инструментов клонирования
Рис. 2.6. Палитра инструментов стирания
Рис. 2.7. Палитра инструментов, контролирующих четкость границ изображения
Рис. 2.8. Палитра инструментов прямого выделения
Рис.2.9. Палитра инструментов для работы с контурами
Рис. 2.10. Палитра инструментов для создания примечаний
Рис. 2.11. Палитра инструментов для работы с ломтиками
Рис. 2.12. Палитра инструментов рисования
Рис. 2.13. Палитра инструментов для работы с историей создания изображения
Рис. 2.14. Палитра инструментов заливки
Рис. 2.15. Панель инструментов для осветления и затемнения изображений
Рис. 2.6 Панель инструментов для работы с текстом
Рис. 2.17. Панель векторных инструментов рисования
Рис. 2.18. Панель инструментов для работы с цветом, углами и расстояниями
Рис. 2.19. Примечание, созданное с помощью инструмента Notes
Рис. 2.20. Область на панели опций, предназначенная для хранения палитр
Рис. 2.21. Панель опций для инструмента Brush
Рис. 2.22. Панель опций для инструмента Rectangular Marquee