- •Введение
- •Раздел 1. Основные понятия и средства компьютерной графики § 1. Виды и параметры компьютерной графики
- •Векторная графика
- •Растровая графика
- •Сравнение растровой и векторной графики Достоинства векторной графики
- •Недостатки векторной графики
- •Достоинства растровой графики
- •Недостатки растровой графики
- •§ 2. Цветовые режимы и модели
- •Цветовая модель rgb
- •Цветовая модель cmyk
- •Цветовая модель hsb
- •Цветовая модель Lab
- •Цветовая модель Пантон
- •Преобразование цветовых моделей
- •Цветовые модели
- •§ 3. Обзор основных графических редакторов
- •Основные графические форматы и их сравнение
- •§ 4. Использование графических браузеров
- •§ 5. Сканирование изображений
- •Использование графического браузера Раздел 2. Векторная графика § 6. Знакомство с программой Inkscape
- •Интерфейс редактора векторной графики Inkscape
- •Учимся работать с элементами окна Inkscape
- •§ 7. Инструменты рисования. Рисование геометрических фигур
- •§ 8. Понятие графического объекта. Операции с объектами
- •Создание изображение по образцу (рис. 8.4)
- •§ 9. Заливка объектов, управление заливками
- •Дублирование градиентов
- •Редактирование градиента
- •Повтор градиента
- •Создание простых рисунков
- •Ход работы
- •§ 10. Создание рисунков из кривых и ломаных
- •Использование кривых и ломаных
- •Ход работы
- •§ 11. Порядок следования, выравнивание и группировка объектов Изменение порядка следования объектов
- •Выравнивание и размещение объектов на холсте
- •Группировка объектов
- •§ 12. Применение к объектам эффектов объемности и перетекания § 13. Добавление и форматирование текста Создание текстового объекта
- •Работа с текстом в графических изображениях
- •Ход работы
- •§ 13*. Работа с растровыми изображениями Вставка растровых фрагментов
- •Перевод векторного изображения в растровое
- •Раздел 3. Растровая графика
- •§ 14. Источники и параметры растровых изображений
- •Источники и параметры растровых изображений.
- •Понятие о разрешении и его связь с качеством растровых изображений.
- •Глубина цвета
- •Связь глубины цвета с количеством цветов
- •§ 15. Графический редактор gimp Среда программы gimp
- •Основные инструменты и панели свойств
- •Окно изображения
- •Диалоги и панели
- •Создание новых файлов
- •Открытие файлов
- •Основные приемы работы в среде gimp
- •Ход работы
- •§ 16. Выделение областей на изображениях. Использование масок и каналов Выделение областей на изображениях. Уточнение выделения.
- •Параметры инструментов выделения
- •Инструменты Прямоугольная область и Эллиптическая область
- •Выделить внутреннюю часть рамы (полотно)
- •Выполнение поворота фрагмента изображения
- •Выделение произвольной области изображения
- •Выделение связанных областей изображения
- •Выделение связанных областей изображения (вариант 2)
- •Маски и каналы
- •Сохранение выделений в контуры
- •Выделение областей и их обработка
- •§ 17. Создание коллажей. Работа со слоями на изображениях Работа со слоями на изображениях
- •Основные приемы работы
- •Функции меню
- •§ 18. Рисование и закрашивание
- •Изменение основного и фонового цвета
- •Установка размера и параметров карандаша и создание простого рисунка «от руки»
- •§ 19. Операции над фрагментами, слоями и прочими объектами изображений Инструменты преобразования
- •Инструмент Выравнивание
- •Инструмент Кадрирование
- •Прочие инструменты трансформации
- •Выполнение кадрирования изображения
- •Выполнение зеркального отображения фрагмента изображения
- •Выполнение поворота фрагмента изображения
- •§ 20. Управление цветом Инструменты цвета
- •Инструмент Цветовой баланс
- •Инструмент Тон-Насыщенность
- •Инструмент Тонирование
- •Инструмент Яркость-Контраст
- •Инструмент Порог
- •Инструмент Уровни
- •Инструмент Кривые
- •Инструмент Постеризация
- •Инструмент Обесцвечивание
- •Коррекция цвета
- •§ 21. Использование различных цветовых моделей. Работа с каналами Цветовые модели
- •Работа с каналами
- •Кнопки вкладки Каналы
- •Кадрирование
- •Инструмент Размывание/Резкость
- •Устранение эффекта «красных глаз»
- •Обработка многослойных изображений, создания коллажей
- •Ход работы
- •Рисование и закрашивание Ход работы
- •Корректировка цвета и тона Ход работы
- •Обработка цифровых фотографий Ход работы
- •Раздел 4. Конвертация и обмен изображениями § 23. Распространенные форматы графических файлов, их преимущества, недостатки и области применения
- •Методы сжатия информации
- •Метод сжатия rle
- •Метод сжатия lzw
- •Метод сжатия Хаффмана
- •Метод сжатия ccitt
- •Графические форматы файлов Растровый формат
- •Формат pdf
- •Векторный формат
- •Формат ai (Adobe Illustrator)
- •Комплексный формат
- •Коротко о главном
- •Выбор растрового формата
- •Сравнение форматов gif и jpeg
- •§ 24. Импорт и экспорт изображений в редакторах Inkscape и gimp. Преобразование файлов из одного формата в другой
- •Импорт растрового изображения в Inkscape
- •Экспортирование изображения
- •Импорт из Open Clip Library
- •Gimp. Загрузка изображения gimp. Импорт изображения.
- •Экспорт изображения в gimp
- •Экспорт в tiff
- •Экспорт в png
- •Экспорт в jpeg
- •Экспорт в gif
- •Параметры gif
- •Параметры анимированного gif
- •Преобразование файлов из одного формата в другой
- •Преобразование файлов из растрового формата в векторный
- •Преобразование файлов одного векторного формата в другой
- •Преобразование файлов из векторного формата в растровый
- •Преобразование файлов одного растрового формата в другой
- •Коротко о главном
- •Экспортирование векторного изображения в растровый формат
- •Преобразование файлов одного растрового формата в другой
- •§ 25. Растеризация и векторизация изображений
- •Растровые изображения и вектор
- •Ручная векторизация
- •Растеризация
- •Обзор программ, предназначенных для автоматической и полуавтоматической векторизации.
- •Коротко о главном
- •Растеризация и векторизация изображений
- •Ход работы
- •§ 26. Понятие ole объекта. Технология ole-Automation
- •Понятие ole
- •Последовательность действий по внедрению и связыванию объектов
- •Технология автоматизации – ole Automation
- •Достоинства и недостатки
- •Коротко о главном
- •Раздел 5. Создание анимированных изображений
- •§ 27. Технологии компьютерной анимации
- •Технологии компьютерной анимации
- •Понятие о Flash-анимации
- •Понятие о gif-анимации
- •§ 28. Программы для создания gif-анимации. Интерфейс программы. Работа с последовательностью кадров. Параметры gif-анимации
- •Программы для создания gif-анимации
- •Интерфейс программы
- •Создание кадров с использованием графического пакета ms Paint
- •Интерфейс программы. Работа с последовательностью кадров. Сохранение анимации
- •Создание gif анимации в редакторе gimp и оптимизация
- •Создание gif анимации первым способом. Сохранение анимации
- •Создание gif анимации вторым способом (содание анимированного глобуса)
- •Параметры gif-файлов
- •Параметры анимированного gif
- •§ 29. Специальные эффекты. Прозрачный цвет. Создание анимационных изображений и настройки их параметров
- •Воспроизведение
- •Оптимизация и разоптимизация
- •Встроенные фильтры для создание анимации
- •Фильтр Плавный переход
- •Фильтр Выжигание
- •Фильтр Рябь
- •Фильтр Волны
- •Фильтр Эффект дождя
- •Прозрачный цвет. Создание анимационных изображений и настройка их параметров
- •Создание прозрачного фона
- •Прозрачность и оптимизация
- •Создание gif-анимации
- •Ход работы
- •Литература
Создание gif анимации вторым способом (содание анимированного глобуса)
Построим анимацию с использованием фильтра «анимация», позволяющего автоматизировать процесс.
Загружаем редактор и открываем исходное изображение karta:
Рис. 31.13
Для создания эффекта анимации выполняем команду Фильтры ►Анимация ►Вращающийся шар.
В открывшемся окне обратите внимание на следующие параметры:
прозрачный фон — рекомендуем включить данный параметр, если он отключен, что позволит без проблем вставлять анимацию в любой цветовой контекст; при отключенном параметре анимация будет создана на фоне по умолчанию и при дальнейших вставках анимации в другие изображения этот фон будет вставляться месте с анимацией, что не всегда удобно;
работать с копией — также рекомендуется оставлять включенным данный параметр, т.к. в этом случае анимация будет создаваться в отдельном окне; при отключенном параметре анимация будет создаваться в том же окне, что и исходное изображение, которое будет заменяться анимированным изображением, и если вы после этого выполните операцию сохранения файла с тем же имеем и в то же место, то анимированное изображение заменит исходное, что не всегда желательно;
кадры — чем больше значение, тем более плавным будет выглядеть анимация, но и размер анимации будет больше; для нашей задачи подойдет значение, предлагаемое по умолчанию (обычно 10);
индексировать в n цветов — оставляем данный параметр без изменений. Установив параметры, нажмите «ОК» и ждите результата. Должна получится следующая картинка:
Рис. 31.14
Замечание: картинка получается в отдельном окне, если был включен параметр Работать с копией и выглядит как обычное статическое изображение; для просмотра анимационного эффекта надо сохранить изображение как анимацию в виде файла с расширением GIF и затем открыть его, щелкнув по нему дважды левой кнопкой мышки. Тогда вы и увидите анимацию в действии.
Сохраните полученный результат как анимацию. Для этого в окне, в котором получена картинка, в выпадающем меню Файл выберите пункт «Экспортировать», измените название файла, формат файла (поле Тип файла) выберите GIF. После нажатия на кнопку Экспортировать появится окно, в котором задайте параметр Сохранить как анимацию и установите бесконечный цикл. Сохраните файл, нажав кнопку Экспорт. Проверьте анимацию, дважды щелкнув по имени файла.
Итак, мы разобрались с основными принципами создания анимационных gif с помощью GIMP. Вкратце подводя итоги, можно сделать следующие выводы:
Каждый кадр анимации представляет собой отдельный слой изображения.
Каждому кадру можно указать два параметра: время показа в микросекундах и его тип, объединение (combine) или замещение (replacе). Параметры задаются в имени слоя и заключаются в скобки, например: Слой1 (1000ms)(combine).
Оптимизация слоев позволяет заметно уменьшить размеры анимационного изображения.
Параметры gif-файлов
GIF - один из самых распространенных и популярных в интернете форматов изображений. Столь широкое распространение GIF во многом определяется особенностями его формата.
В 1977 году два израильских специалиста по теории информации, Яков Зив и Авраам Лемпель, написали универсальный алгоритм сжатия данных, который получил название LZ (Lempel-Ziv). Позже, в 1984 году, Терри Уэлч, сотрудник фирмы Unisуs (Юнaйсис), изменил этот алгоритм, немного улучшив степень сжатия. Этот метод стал называться LZW (Lempel-Ziv-Welch).
Через семь лет, в 1987 году, фирма CompuServe (Компьюсерв) использовала алгоритм LZW при создании нового формата изображений, предназначенного специально для обмена графикой между компьютерами – GIF (Graphic Interchange Format). Цветовая палитра GIF ограничена 256 цветами. Каждый GIF-файл содержит таблицу индексов цветов, называемую цветовой палитрой. Она определяет, какие цвета используются в изображении и какой индекс соответствует каждому цвету.
В зависимости от способа хранения для индекса требуется до 4 байтов, данных, поэтому изображение с 256 цветами имеет палитру размером до 1024 байта.
В анимированных GIF-файлах используют два типа палитр: глобальную (Global Palette), определяющую цвета каждого изображения анимации по умолчанию, и локальную (Local Palette), уникальную для каждого отдельного кадра анимации.
С развитием Интернет, когда потребность в компактных, быстро передающихся по сети изображениях многократно возросла, формат GIF стал необычайно популярен. Соперничать с ним сейчас может лишь один формат - JPEG (Joint Photographic Expert Group), ориентированный на изображения фотографического качества, в то время как GIF обладает такими недоступными для JPEG свойствами, как прозрачный фон и анимация.
Программа GIMP поддерживает сжатые файлы XCF, открывая их как обычные файлы изображений. Данные XCF сохраняются с помощью простого алгоритма RLE, который поддерживается приложением с использованием gzip или bzip2. Формат XCF, кроме того, является обратно совместимым с предыдущими версиями программы GIMP. В определенных случаях он также обладает прямой совместимостью.
В GIF-файле хранится ряд параметров, определяющих, каким образом и как долго каждое изображение будет демонстрироваться.
Рис. 31.15
Черезстрочность. Выбор этого параметра позволяет показывать изображение на вебсайте постепенно по мере загрузки. Постепенный показ хорош при медленной связи, потому загрузку изображения можно отменить, если оно вас не интересует. Черезстрочность не так полезна сейчас, когда скорость подключения возросла.
Комментарий GIF. Комментарии GIF поддерживают только 7-мибитные символы ASCII. Если вы используете символ вне набора ASCII 7 бит, то GIMP сохранит изображение без комментария, а также уведомит, что комментарий не сохраняется.
