Тема 2 Сидорова Л В БГУ

Зарегистрируйтесь, чтобы просмотреть полный документ!

Тема 2 © Сидорова Л. В. , БГУ

Принятое сокращение: КГ – компьютерная графика Схема работы Преимущест- Актуальность изучения ва КГ Виды Ключевые понятия компьютерной графики Представление в компьютере Растровая КГ Примеры программ MS Paint Adobe Photoshop СОДЕРЖАНИЕ Составляющие элементы Векторная КГ Представление в компьютере Примеры программ Corel Draw MS Office: панель "Рисование" Анимационная КГ Трёхмерная КГ Создание виртуальных моделей Применение Примеры программ

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

Схема работы над произведением компьютерной графики Файл клипарта РЕДАКТИРОВАНИЕ изображения Файл модели Им пор т МОДЕЛЬ Создание с "нуля" ова нир Ска ние (обрабатываемое изображение) Сох ие нен ра Вы вод ВЫВОД НА ЭКРАН на печ ать Твердые копии Контрольное изображение Содержание

ПРЕИМУЩЕСТВА компьютерной графики (КГ) 1. Человек может постоянно контролировать процесс формирования 1. контролировать изображения на всех этапах его создания и сколь угодно его корректировать, причем моментально, одним щелчком мыши. корректировать 2. Создаваемые информационные сообщения могут быть 2. синтезированными (мультимедийными) – сочетать рисунки, фото, мультимедийными отсканированные изображения, трехмерные модели, анимацию, текст. 3. Создавать традиционно "от руки" красивые рисунки дано не каждому, 3. надо иметь художественные способности. Зато КГ может использовать каждый! Для создания эстетичных и функциональных изображений каждый надо лишь знать, как использовать компьютерную программу. За основу можно взять разные фото, рисунки и видоизменять их на компьютере под стоящие задачи. От вас требуется замыслить, какое примерно изображение следует получить и давать соответствующие команды. Далее за вас всё «нарисует» компьютер! Причем команды программы могут создавать и такие эффекты, которые вы не могли и ожидать. Надо лишь пробовать применять их к своему изображению. Содержание

В растровой Почему изображение плохого качества? Знания о том, как хранятся и описываются изображения на компьютере, помогают понять, почему картинка печатается неправильно, почему занимает много места на диске, почему нет резкости, почему очень тусклая и т. п. , а также как это исправить. Поэтому далее разберём важнейшие принципы компьютерной графики (также см. др. обучающие программы курса). Хорошее качество изображения. Плохое качество изображения. И файл оптимизирован, т. е. фото занимает мало места на диске ПК ( 25 килобайт). И файл неоптимизирован, т. е. фото занимает много места на диске ПК ( 900 килобайт). Содержание

Виды компьютерной графики I. РАСТРОВАЯ графика II. ВЕКТОРНАЯ графика III. ТРЁХМЕРНАЯ 3 D-графика Содержание

I. РАСТРОВАЯ графика (точечная) В растровой графике изображение состоит из мельчайших точек. То есть для компьютера любое точек изображение – это прямоугольная площадь, заполненная мельчайшими разноцветными точками. Поэтому, если растровое изображение сильно увеличить, появится эффект мозаики - станут видны составляющие его цветные точки. При увеличении или уменьшении изображения его качество ухудшается (недостаток растровой графики). Увеличенный фрагмент – видны пиксели Содержание

Примеры компьютерных программ для работы с растровой графикой Ш MS Paint Ш Adobe Photoshop Ш Corel Photo-Paint Ш Micrografix Picture Publisher Ш и другие. Содержание

Растровая программа MS Paint Это программа простая, для начинающих, возможности её ограничены. В ней можно нарисовать простую картинку "с нуля" инструментами типа карандаш (кисть) и геометрическими фигурами. Можно открыть Инструменты готовый рисунок, фото программы Paint и обрезать по краям. Paint входит в перечень стандартных программ операционной системы Windows. Если на компьютере установлена Windows, то нажав Пуск Программы Стандартные, вы откроете программу Paint. деревня. bmp. Палитра цветов программы Paint Так выглядит окно программы Paint. В ней нарисовали рисунок "деревня" Содержание

Растровая программа Adobe Photoshop Это самая популярная профессиональная растровая программа. Она позволяет: ретушировать фото, проводить его цветокоррекцию, создавать коллажи и фотомонтажи, применять к изображениям Инструменты программы художественные спец. эффекты. В ней можно создать настоящие произведения компьютерного творчества. Программа имеет инструменты, соответствующие традиционной технике живописи – инструменты кисть, карандаш, аэрограф, инструмент "размазывания" пальцем, ластик. А также инструменты для проведения разных выделений на общей пощади изображения. Ведь чтобы фрагмент отредактировать, его надо сначала искусственно выделить. А в растровой графике эти операции наиболее трудоёмки, т. к. для компьютера на изображении нет отдельных объектов, оно всё литое, из массива мини-точек. Содержание

Программа Adobe Photoshop: разделение рисунка на слои Важнейшая возможность Photoshop - изображение можно разделить на слои. Тогда разные фрагменты (или персонажи) изображения будут находиться на разных слоях. Структура такого рисунка похожа на слоёный пирог, где каждый слой – прозрачная калька с фрагментом изображения. Что это даёт? фрагментом изображения Обычный вид рисунка 1. Поместив фрагмент рисунка на отдельный слой, его можно трансформировать, передвигать, накладывать эффекты, не затрагивая другие части рисунка 2. Слои рисунка можно делать полупрозрачными. Тогда сквозь одни полупрозрачными элементы (или персонажи) рисунка будут просвечиваться др. элементы рисунка, просвечиваться находящиеся на нижних слоях. Так достигают потрясающих художественных эффектов! (см. далее). Структура рисунка, разделенного на слои Содержание

Photoshop: использование эффекта полупрозрачности слоёв Изображение героини полупрозрачно. Сквозь неё просвечивается копия её изображения, но сдвинутая вправо. Рамка картины полупрозрачна, сквозь неё просвечивается контур дерева Содержание

II. ВЕКТОРНАЯ графика (или чертежная, объектно-ориентированная) Векторное изображение состоит из контуров объектов, составляющих из контуров рисунок - прямых, кривых, геометрических фигур. Поэтому его легко редактировать. Чтобы выделить нужную фигуру рисунка для её редактирования, можно одной "волшебной" командой сделать так, что любая составляющая фигура рисунка будут выделяться одним щелчком мыши! Для этого рисунок можно автоматически разгруппировать на отдельные автоматически разгруппировать фигуры (командой "Разгруппировать"). Затем нужную фигуру можно быстро выделять и изменять (сдвигать, менять её форму, цвет). Рисуно к разгр уппиро вали Это достоинство векторной графики (в плане лёгкости выделения фигур для их обработки). После разгруппировки любые фигуры можно выделять и изменять независимо от других – сдвигать, перекрашивать и пр. Содержание

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

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

Примеры компьютерных программ для работы с векторной графикой Ш Corel Draw Version 14 Copyright(c) 2003 Corel Corporation. All reserved. Creating Application Environment. . . Ш Adobe Illustrator Ш Macromedia Free Hand Ш инструменты панели "Рисование" в программах электронного офиса MS Office Векторные программы используют: для создания "с нуля" рисунков художественной тематики (они получаются не фотографичными – гипертрофированно резко, плоско, "мультяшно"), для создания изображений, к которым предъявляется высокая точность формы (логотипы, чертежи, схемы). Содержание

Рисование в программах Microsoft Office (MS Word, Excel, Power Point и пр. ) Если вы создаёте документ в программе Word, Excel, Power Point и т. п. , то документ можно дополнить самостоятельно созданным рисунком. Для этого открывают и используют инструменты панели "Рисование" (см. ниже). Рисунок создан инструментами панели "Рисование" Ш Панель инструментов "Рисование", которая есть в любой программе пакета MS Office Практика работы – см. файл "Рисуем в MS Office" Содержание

Векторная программа Corel Draw Это наиболее популярная векторная программа. Позволяет и начинающим, и профессионалам создавать иллюстрации разной сложности. Version 14 Copyright 2003 Corel Corporation. All reserved. Creating Application Environment. . . Её используют для создания "с нуля" нуля контурных рисунков, логотипов и пр. объектов деловой графики. Программа Corel Draw (как и др. векторные) не имеет инструментов, инструментов соответствующих традиционной технике живописи (кисть, карандаш, аэрограф, как в растровых программах). Зато есть инструменты для быстрого построения стандартных геометрических фигур, есть разнообразные возможности для их видоизменения, перетекания объекта из одного в другой. Есть богатые возможности для создания художественных надписей. Содержание

III. Трёхмерная графика (3 D-графика) С её помощью создаются искусственные предметы и персонажи (т. е. их объёмные изображения). Так создаются виртуальные объёмные модели предметов, виртуальные объёмные модели которые можно "ворочать" на экране, рассматривая с разных сторон и ракурсов, при разном освещении. 3 D-технология позволяет создавать на компьютере "с нуля" изображения высокой реалистичности (в том числе и фантастические миры); затем осуществлять их анимацию (движение). Искусственно, на компьютере созданные 3 D-модели (например, модели динозавров) совмещают с реально заснятыми предметами и ландшафтом. Это используют при создании кинофильмов, рекламы Содержание

Трёхмерная графика (3 D-графика) Трехмерные изображения имеют не только высоту и ширину, но и глубину. 3 D-технология отличается от привычных методов, используемых в "плоской" компьютерной графике. Она и более трудоёмкая и сложная в освоении. Содержание

Области применения 3 D-графики: компьютерные игры, обучающие программы и тренажеры, ТВ-реклама и оформление ТВ-каналов; моделирование интерьеров и архитектурных построек, промышленных узлов и деталей, изделий (системы типа САПР); киноиндустрия (создание виртуальных персонажей и т. п. ). Содержание

Примеры компьютерных программ для работы 3 D-графикой Ш 3 D Studio MAX – программа создания художественных 3 D-моделей Ш Auto. CAD, Archi. CAD – системы автоматизиро ванного проектирования (САПР) и моделирования Ш Ar. Con – пакет программ моделирования интерьеров и архитектуры Ш КОМПАС 3 D LT Содержание

Примеры компьютерных программ для работы 3 D-графикой Посредством этих программ на экране компьютера строят (моделируют) макеты зданий и интерьеры, трёхмерные модели изделий и пр. , которых ещё не существует. Трехмерные модели позволяют без подготовки дорогостоящих макетов получить реалистичное изображение изделия до его изготовления. Ш 3 D Studio MAX – программа создания художественных 3 D-моделей Ш Auto. CAD, Archi. CAD – системы автоматизиро ванного проектирования (САПР) и моделирования Ш Ar. Con – пакет программ моделирования интерьеров и архитектуры 3 D – полностью экранная технология, вытесняющая традиционный метод объёмного макетирования. Ш КОМПАС 3 D LT Содержание

Программа 3 D Studio MAX Это наиболее популярная программа для работы с трёхмерной графикой в области создания художественных объёмных моделей. Её часто используют для создания персонажей, сцен для видео- и мультфильмов. Содержание

Анимационная графика (движущиеся иллюстрации) Слово "анимация" происходит от латинского anima - оживление. Анимированные компьютерные иллюстрации – это последовательность изображений, сменяющих друга с определенной скоростью. Так создаётся иллюзия движения. Содержание

Использование анимации в обучающих программах Правда вы сейчас непроизвольно проследили за полётом бабочки? Анимация приковывает к себе внимание. Поэтому в обучении её используют: для привлечения внимания ученика к важным объектам и моментам кадра; внимания для показа изучаемого явления в движении. Это многократно увеличивает объём и полноту передаваемой о нём информации. Анимация – это одна из возможностей компьютерной графики, которой не обладают традиционные книжные иллюстрации. Содержание

Примеры компьютерных программ для создания анимации По технологии создания выделяют два типа анимации: § Gif-анимация § Flash-анимация. Для создания каждого типа анимации есть свои программы. Ш Adobe Image Ready – эта программа поставляется вместе с Adobe Photoshop (встроена в неё). Её используют для создания gif-анимации, создания карт изображений для web-страниц, для редактирования ранее созданных динамических изображений. Ш MS Gif Animator – наиболее программа простая в освоении, ограничена по возможностям. Ш Macromedia Flash – программа для создания Flash-анимации. Вспомните шуточные мультики "Масяня" – это Flash-анимация. Содержание

Создание анимации в программе Adobe Image Ready Анимация в Image Ready основывается на слоях рисунка. 1 -й способ создания анимации - на основе смены способ слоёв рисунка. Для этого сначала в Photoshop создают рисунок из нескольких слоев. Далее в Image Ready настраивают анимацию на основе смены во времени изображений слоев. Для этого: ▪ в палитре "Анимация" располагают слои в порядке, как они должны сменяться, ▪ назначают, сколько секунд удерживать каждый слой (кадр анимации) на экране, ▪ командуют "Создать кадры из слоев". Пример анимации рисунка в виде надписи "Text" В итоге, из каждого слоя изображения создается свой кадр анимации. Палитра "Анимация". В ней расположили слои, которые должны по порядку сменять друга на экране, чтобы получилась анимация слова "Text". Время удержания каждого слоя на экране назначили 0, 4 сек. Содержание

Создание анимации в программе Adobe Image Ready 2 -й способ создания кадров анимации - способ автоматическое создание компьютером промежуточных кадров. Это ускоряет получение плавных анимаций, т. к. отпадает необходимость создавать каждый кадр вручную. Для этого определяются ключевые кадры. Затем программа автоматически дорисовывает всё, что должно быть в промежутках между ними (чтобы создать иллюзию плавности движения). Чаще это применяется в анимациях с перемещениями объектов и деформациями. Но Image Ready может автоматически строить и такие промежуточные кадры, в которых постепенно изменяется прозрачность, расположение слоев и пр. Пример анимации рисунка в виде надписи "Text" Палитра "Анимация" со слоями (кадрами) анимации Содержание

Тема 1. Векторная и растровая графика – более графика Обучающие программы "Растровая и векторная графика" подробная демонстрация и объяснение "Форматы графических файлов" характеристик, свойств, форматов растровых и векторных изображений. "Цветовые модели изображений для распечатки и для показа на экране" Трёхмерная 3 D-графика – более подробная -графика "Трёхмерная 3 D-графика" демонстрация и объяснение технологии создания трёхмерных изображений. 2. Практика работы с векторной графикой Обучаемся на примере использования инструментов панели "Рисование", встроенной в программы группы MS Office. "Создаём рисунки в программах MS Office" 3. Практика работы с растровой графикой Изучаем программу Adobe Photoshop. Обучаемся различным технологиям обработки и художественного оформления растровых изображений. Серия обучающих программ по технологиям обработки изображений в программе Adobe Photoshop "Настройка изображений, вставленных из галереи Clip Art" "Создание фигурных надписей в программах MS Office" Содержание

Скачать презентацию Тема 2 Сидорова Л В БГУ

58c7fbd686dfeac6d5c9c80b9c4e958f.ppt

Количество слайдов: 31