На чтение: ≈ 24 мин.Область информатики, занимающуюся методами создания и редактирования изображений с помощью компьютеров, называют компьютерной графикой. Люди самых разных профессий применяют компьютерную графику в своей работе. Это – исследователи в различных научных и прикладных областях, художники, конструкторы, специалисты по компьютерной верстке, дизайнеры, разработчики рекламной продукции, создатели Web-страниц, авторы мультимедиапрезентаций, медики, модельеры тканей и одежды, фотографы, специалисты в области теле- и видеомонтажа и др. Основное внимание в курсе «Компьютерная графика» уделяется созданию иллюстраций и редактированию изображений, т.е. векторным и растровым программам. Создание же трехмерных изображений на экране компьютера – достаточно сложная задача, и ее рассмотрению нужно посвятить отдельный курс. Другие области компьютерной графики, несомненно, представляют большой интерес, однако они требуют определенной профессиональной специализации. К примеру, система автоматизации проектирования AutoCAD используется профессиональными архитекторами для проектирования зданий и планировки городов. Программа научной графики Grapher фирмы Golden Software предназначена для графической обработки данных, описываемых функцией одной переменной, которая может быть задана аналитически или таблично.
Пояснительная записка
МЕСТО КУРСА В ОБРАЗОВАТЕЛЬНОМ ПРОЦЕССЕ
Курс «Компьютерная графика» – элективный курс для учащихся старших классов школ, гимназий, колледжей. Курс предназначен для учащихся, обучающихся в естественно-математическом профиле, однако может быть интересен в социально-гуманитарном профиле. Основное требование к предварительному уровню подготовки – освоение «Базового курса» по информатике.
Курс рассчитан на 70 учебных часов.
Цели и задачи курса:
дать глубокое понимание принципов построения и хранения изображений;
изучить форматы графических файлов и целесообразность их использования при работе с различными графическими программами;
рассмотреть применение основ компьютерной графики в различных графических программах;
научить учащихся создавать и редактировать собственные изображения, используя инструменты графических программ;
научить выполнять обмен графическими данными между различными программами.
ОБРАЗОВАТЕЛЬНЫЕ РЕЗУЛЬТАТЫ
Учащиеся должны овладеть основами компьютерной графики, а именно должны знать:
особенности, достоинства и недостатки растровой графики;
особенности, достоинства и недостатки векторной графики;
методы описания цветов в компьютерной графике – цветовые модели;
способы получения цветовых оттенков на экране и принтере;
способы хранения изображений в файлах растрового и векторного формата;
методы сжатия графических данных;
проблемы преобразования форматов графических файлов;
назначение и функции различных графических программ.
В результате освоения практической части курса учащиеся должны уметь:
1) создавать собственные иллюстрации, используя главные инструменты векторной программы GorelDRAW, а именно:
создавать рисунки из простых объектов (линий, дуг, окружностей и т.д.);
выполнять основные операции над объектами (удаление, перемещение, масштабирование, вращение, зеркальное отражение и др.);
формировать собственные цветовые оттенки в различных цветовых моделях;
закрашивать рисунки, используя различные виды заливок;
работать с контурами объектов;
создавать рисунки из кривых;
создавать иллюстрации с использованием методов упорядочения и объединения объектов;
получать объемные изображения;
применять различные графические эффекты (объем, перетекание, фигурная подрезка и др.);
создавать надписи, заголовки, размещать текст по траектории;
2) редактировать изображения в программе Adobe PhotoShop, а именно:
выделять фрагменты изображений с использованием различных инструментов (область, лассо, волшебная палочка и др.);
перемещать, дублировать, вращать выделенные области;
редактировать фотографии с использованием различных средств художественного оформления;
сохранять выделенные области для последующего использования;
монтировать фотографии (создавать многослойные документы);
раскрашивать черно-белые эскизы и фотографии;
применять к тексту различные эффекты;
выполнять тоновую коррекцию фотографий;
выполнять цветовую коррекцию фотографий;
ретушировать фотографии;
3) выполнять обмен файлами между графическими программами.
МЕЖПРЕДМЕТНЫЕ СВЯЗИ
Знания, полученные при изучении курса «Компьютерная графика», учащиеся могут использовать при создании рекламной продукции, для визуализации научных и прикладных исследований в различных областях знаний – физике, химии, биологии и др. Созданное изображение может быть использовано в докладе, статье, мультимедиапрезентации, размещено на Web-странице или импортировано в документ издательской системы. Знания и умения, приобретенные в результате освоения курса «Компьютерная графика», являются фундаментом для дальнейшего совершенствования мастерства в области трехмерного моделирования, анимации, видеомонтажа, создания систем виртуальной реальности.
СОДЕРЖАНИЕ КУРСА
В курсе «Компьютерная графика» рассматриваются:
основные вопросы создания, редактирования и хранения изображений;
особенности работы с изображениями в растровых программах;
методы создания иллюстраций в векторных программах.
Для создания иллюстраций используется векторная программа CorelDRAW, а для редактирования изображений и монтажа фотографий – программа Adobe PhotoShop.
Учебно-методическое обеспечение курса
Учебно-методический комплект «Компьютерная графика» состоит из учебного пособия и практикума.
Цель учебного пособия заключается в том, чтобы:
рассмотреть основные возможности наиболее популярных графических программ.
Кроме того, приобретенные знания и навыки должны стать хорошим фундаментом для дальнейшего совершенствования мастерства.
Практикум по компьютерной графике является дополнением к учебному пособию. Желательно эти две книги изучать параллельно, так как материал практикума полностью соответствует содержанию учебного пособия. Каждый урок практикума содержит ссылки на разделы учебного пособия, которые необходимо изучить, описание основных приемов работы, а также упражнения и проекты для самостоятельного выполнения.
Цель практикума состоит в том, чтобы:
закрепить на практике принципы построения и хранения изображений;
научиться создавать и редактировать изображения, используя векторную программу CorelDRAW и растровую программу Аdobe PhotoShop.
CorelDRAW в настоящее время является одной из наиболее популярных векторных графических программ. Свою популярность программа приобрела благодаря тому, что позволяет начинающим и профессиональным художникам создавать иллюстрации различной сложности. На персональных компьютерах IBM PC CorelDRAW является «королем» программ рисования.
Adobe PhotoShop – самая популярная в мире программа редактирования растровых изображений. Она используется для ретуширования, тоновой, цветовой коррекции, а также с целью построения коллажей, в которых фрагменты различных изображений сливаются вместе для создания интересных и необычных эффектов.
Содержание учебного пособия
Часть 1. Основы изображения
1. Методы представления графических изображений
Растровая графика. Достоинства растровой графики. Недостатки растровой графики. Векторная графика. Достоинства векторной графики. Недостатки векторной графики. Сравнение растровой и векторной графики. Особенности растровых и векторных программ.
2. Цвет в компьютерной графике
Описание цветовых оттенков на экране монитора и на принтере (цветовые модели). Цветовая модель RGB. Формирование собственных цветовых оттенков на экране монитора. Цветовая модель CMYK. Формирование собственных цветовых оттенков при печати изображений. Взаимосвязь цветовых моделей RGB и CMYK. Кодирование цвета в различных графических программах. Цветовая модель HSB (Тон – Насыщенность – Яркость).
3. Форматы графических файлов
Векторные форматы. Растровые форматы. Методы сжатия графических данных. Сохранение изображений в стандартных форматах, а также собственных форматах графических программ. Преобразование файлов из одного формата в другой.
Часть 2. Программы векторной и растровой графики
4. Создание иллюстраций
4.1. Введение в программу CorelDRAW
4.2. Рабочее окно программы CorelDRAW
Особенности меню. Рабочий лист. Организация панели инструментов. Панель свойств. Палитра цветов. Строка состояния.
4.3. Основы работы с объектами
Рисование линий, прямоугольников, квадратов, эллипсов, окружностей, дуг, секторов, многоугольников и звезд. Выделение объектов. Операции над объектами: перемещение, копирование, удаление, зеркальное отражение, вращение, масштабирование. Изменение масштаба просмотра при прорисовке мелких деталей. Особенности создания иллюстраций на компьютере.
4.4. Закраска рисунков
Закраска объекта (заливка). Однородная, градиентная, узорчатая и текстурная заливки. Формирование собственной палитры цветов. Использование встроенных палитр.
4.5. Вспомогательные режимы работы
Инструменты для точного рисования и расположения объектов относительно друг друга: линейки, направляющие, сетка. Режимы вывода объектов на экран: каркасный, нормальный, улучшенный.
4.6. Создание рисунков из кривых
Особенности рисования кривых. Важнейшие элементы кривых: узлы и траектории. Редактирование формы кривой. Рекомендации по созданию рисунков из кривых.
4.7. Методы упорядочения и объединения объектов
Изменение порядка расположения объектов. Выравнивание объектов на рабочем листе и относительно друг друга. Методы объединения объектов: группирование, комбинирование, сваривание. Исключение одного объекта из другого.
4.8. Эффект объема
Метод выдавливания для получения объемных изображений. Перспективные и изометрические изображения. Закраска, вращение, подсветка объемных изображений.
4.9. Перетекание
Создание технических рисунков. Создание выпуклых и вогнутых объектов. Получение художественных эффектов.
4.10. Работа с текстом
Особенности простого и фигурного текста. Оформление текста. Размещение текста вдоль траектории. Создание рельефного текста. Масштабирование, поворот и перемещение отдельных букв текста. Изменение формы символов текста.
4.11. Сохранение и загрузка изображений в CorelDRAW
Особенности работы с рисунками, созданными в различных версиях программы CorelDRAW. Импорт и экспорт изображений в CorelDRAW.
5. Монтаж и улучшение изображений
5.1. Введение в программу Adobe PhotoShop
5.2. Рабочее окно программы Adobe PhotoShop
Особенности меню. Рабочее поле. Организация панели инструментов. Панель свойств. Панели – вспомогательные окна. Просмотр изображения в разном масштабе. Строка состояния.
5.3. Выделение областей
Проблема выделения областей в растровых программах. Использование различных инструментов выделения: Область, Лассо, Волшебная палочка. Перемещение и изменение границы выделения. Преобразования над выделенной областью. Кадрирование изображения.
5.4. Маски и каналы
Режимы для работы с выделенными областями: стандартный и режим быстрой маски. Уточнение предварительно созданного выделения в режиме быстрой маски. Сохранение выделенных областей для повторного использования в каналах.
5.5. Коллаж. Основы работы со слоями
Особенности создания компьютерного коллажа. Понятие слоя. Использование слоев для создания коллажа. Операции над слоями: удаление, перемещение, масштабирование, вращение, зеркальное отражение, объединение.
5.6. Рисование и раскрашивание
Выбор основного и фонового цветов. Использование инструментов рисования: карандаша, кисти, ластика, заливки, градиента. Раскрашивание черно-белых фотографий.
5.7. Тоновая коррекция
Понятие тонового диапазона изображения. График распределения яркостей пикселей (гистограмма). Гистограмма светлого, темного и тусклого изображений. Основная задача тоновой коррекции. Команда тоновой коррекции.
5.8. Цветовая коррекция
Взаимосвязь цветов в изображении. Принцип цветовой коррекции. Команды цветовой коррекции.
5.9. Ретуширование фотографий
Методы устранения дефектов с фотографий. Осветление и затемнение фрагментов изображений вручную. Повышение резкости изображения.
5.10. Работа с контурами
Назначение контуров. Элементы контуров. Редактирование контуров. Обводка контура. Преобразование контура в границу выделения. Использование контуров обрезки для добавления фрагмента фотографии к иллюстрации, созданной в программе рисования.
Содержание практикума
1. Практические занятия по векторной графике
Урок 1. Рабочее окно CorelDRAW
Урок 2. Основы работы с объектами
Урок 3. Закраска рисунков
Урок 4. Закраска рисунков (окончание)
Урок 5. Создание рисунков из кривых
Урок 6. Методы упорядочения и объединения объектов
Урок 7. Эффект объема
Урок 8. Эффект перетекания
Урок 9. Работа с текстом
Урок 10. Сохранение и загрузка изображений в CorelDRAW
2. Практические занятия по растровой графике
Урок 1. Рабочее окно Adobe PhotoShop
Урок 2. Работа с выделенными областями
Урок 3. Маски и каналы
Урок 4. Создание коллажа. Основы работы со слоями
Урок 5. Рисование и раскрашивание
Урок 6. Работа со слоями (продолжение)
Урок 7. Основы коррекции тона
Урок 8. Основы коррекции цвета
Урок 9. Ретуширование фотографий
Урок 10. Работа с контурами
Урок 11. Обмен файлами между графическими программами.
ФРАГМЕНТ ПРАКТИКУМА ПО ВЕКТОРНОЙ ГРАФИКЕ
Тема урока: Создание рисунков из кривых.
В этом уроке:
изменение формы (редактирование) кривой;
рекомендации по созданию рисунков из кривых.
Основные понятия
Важнейшие элементы кривых – узлы и траектории.
Узел – точка, в которой кривая меняет свое направление. Узлы становятся видимыми, если выбрать инструмент Shape (Фигура) и щелкнуть мышью на кривой (рис.1).
В процессе рисования CorelDRAW устанавливает тип каждого узла – сглаженный или острый.
Сглаженный узел – узел, в котором кривая плавно меняет направление.
Острый узел – узел, в котором линия резко меняет направление.
Инструмент Shape (Фигура) используется для редактирования кривых.
Операции над кривой: выделение одного или нескольких узлов; преобразование прямой в кривую и наоборот; изменение типов узлов; добавление узлов; удаление узлов; разрыв кривой; объединение двух открытых траекторий в одну.
Все перечисленные операции выполняются с использованием панели свойств (рис. 2) инструмента Shape (Фигура).
При редактировании кривой CorelDRAW работает с тремя типами узлов: симметрическим, сглаженным, острым.
В симметрическом узле траектории по обе его стороны изменяются зеркально.
В сглаженном узле изменение формы одной траектории влияет на форму другой, но они не изменяются зеркально.
В остром узле изменение формы одной траектории не влияет на форму другой.
Какие разделы учебного пособия изучить: «Создание рисунков из кривых» (раздел 4.6).
Основные приемы работы
ЗАДАНИЕ 1. Изменить форму участка кривой.
а Выделить кривую инструментом Shape (Фигура).
а Установить курсор мыши на узле или траектории кривой.
а Нажать кнопку мыши и, не отпуская ее, перемещать курсор по рабочему полю.
ЗАДАНИЕ 2. Выделить узел.
а Щелкнуть левой кнопкой мыши на узле.
Выделенный узел окраситcя в черный цвет.
Замечание. Важно помнить, что инструмент Pick (Указатель) позволяет выделить один или несколько объектов, а для выделения узлов кривой используется инструмент Shape (Фигура).
ЗАДАНИЕ 3. Выделить группу узлов.
Способ 1
а Выделить первый узел.
а Щелкнуть мышью при одновременно нажатой клавише на втором, третьем узле и т.д.
Способ 2
а Растянуть штриховую рамку вокруг выделяемой группы узлов.
ЗАДАНИЕ 4. Отменить выделение узлов.
а Щелкнуть мышью в любой области экрана.
ЗАДАНИЕ 5. Отменить выделение одного узла из группы выделенных узлов.
а Щелкнуть кнопкой мыши на узле при нажатой клавише .
ЗАДАНИЕ 6. Преобразовать ломаную линию в кривую.
а Нарисовать ломаную.
а Выбрать инструмент Shape (Фигура).
а Щелкнуть на ломаной.
На ломаной линии появятся узлы. У ломаной линии невозможно изменить форму траектории! (Проверьте это: установите курсор на траектории, нажмите кнопку мыши и переместите курсор по рабочему полю).
а Выделить ту часть ломаной, которую необходимо преобразовать в кривую.
а Щелкнуть на кнопке панели свойств.
У кривой можно легко изменить форму траектории.
ЗАДАНИЕ 7. Изменить тип узла.
а Выделить узел.
Кнопка, соответствующая выделенному типу узла на панели свойств, неконтрастна.
а Щелкнуть на одной из контрастных кнопок на панели свойств.
Замечание. Обратите внимание на то, как тип узла влияет на изменение прилегающих к нему траекторий. Поэкспериментируйте со всеми типами узлов.
ЗАДАНИЕ 8. Добавить узел.
а Щелкнуть на том месте кривой, куда должен быть добавлен узел.
ЗАДАНИЕ 9. Удалить узел.
ЗАДАНИЕ 10. Разорвать кривую.
а Выделить узел, в котором произойдет разрыв кривой.
а Щелкнуть на панели свойств на кнопке которая символизирует разъединение узла.
Теперь на месте одного выделенного узла получились два узла, которые можно развести.
ЗАДАНИЕ 11. Объединить две кривые.
а Выделить кривые инструментом Pick (Указатель).
а Выполнить команду Arrange/Combine (Упорядочить/Соединить).
Теперь кривые образуют единый контур.
а Выделить на каждой кривой по одному узлу (именно в этих узлах произойдет объединение кривых).
ЗАДАНИЕ 12. Создать рисунок из кривых (рис. 3,б).
Замечание. Желательно, чтобы эскиз содержал минимально необходимое количество узлов. Этого можно достичь, если создавать эскиз рисунка в виде ломаной, а затем ломаную преобразовывать в кривую (рис. 3).
а Создать эскиз рисунка в виде ломаной.
а Преобразовать ломаную в кривую.
а Отредактировать форму кривой (для более точного редактирования необходимо увеличивать фрагменты изображения с помощью инструментов панели Zoom (Масштаб).
а Воспользоваться различными типами заливок для закрашивания рисунка.
Любовь Залогова, кандидат физико-математических наук, доцент кафедры математического обеспечения вычислительных систем Пермского государственного университета
Продолжение следует
Выбор читателей
Комментарии