Плетнёв Александр Николаевич

Актуальность исследования:
1. Изучение компьютерной графики и овладение
навыками работы с ней – это один из шагов к
самоопределению и выбору будущей профессии.
2. Получение возможности участия в краевых
конкурсах
компьютерной графики, проводимых
Пермской городской школой-дизайна «Elena Nova».
3. Демонстрация
нового
«творческого
метода»
(создание электронного графического изображения)
в ряду работ художественной студии ЦДТ «Ритм»,
выполненных в традиционных техниках рисования, новаторство для нашего центра.
Цель проекта:
Создание сложного электронного графического изображения,
средствами векторного редактора CorelDraw.
Задачи исследования:
1. Собрать и проанализировать учебный материал и обучающие
методические пособия по компьютерной графике.
2. Изучить основы компьютерной графики: виды, назначение,
свойства.
3. Выбрать для работы обоснованно подходящий векторный
редактор.
4. Выявить основные технологические операции редактора.
5. Исследовать и оценить технологические возможности редактора в
процессе практической деятельности.
6. Создать с помощью выбранного редактора сложное электронное
графическое изображение.
7. Защитить проект.
Предмет и объект исследования:
• Предметом исследования является изучение технологии
получения сложного графического изображения средствами
векторного редактора CorelDraw.
• Объектом исследования - инструментарий векторного
графического редактора CorelDraw.
Гипотеза исследования:
Гипотезой исследования является предположение о том,
что
технологические
возможности
и
инструментарий
профессионального векторного редактора, использованный в
полной мере, позволит создать уникальное электронное
графическое изображение, не уступающее по сложности и
выразительным возможностям «живому» рисунку на бумаге..
Проверка гипотезы
Планирование работы:
Знакомство с видами, назначением и свойствами
компьютерной графики.
2. Выбор для работы оптимального редактора.
3. Изучение интерфейса редактора и технологии создания
векторного изображения.
4. Изучение основных операций и методов работы с объектами.
5. Овладение основными эффектами над объектами.
6. Знакомство с основными типами заливок объектов.
7. Освоение основных режимов работы с текстом.
8. Выполнение практической части по созданию сложного
изображения.
9. Освоение способов сохранения изображения.
10. Оформление документации и защита проекта.
1.
Компьютерная графика - область
информатики, изучающая методы
и свойства обработки изображений
с помощью программно-аппаратных средств
Под видами компьютерной
графики подразумевается
способ хранения
изображения
Виды компьютерной
графики
отличаются принципами
формирования
изображения
Виды компьютерной графики
растровая
точка
векторная
линия
фрактальная
треугольник
Наименьший элемент
трёхмерная
плоскость
Векторная графика
Векторная графика — это рисунок, созданный с помощью
множества различных графических объектов, которые
можно описать математическими формулами, с каждым
элементом векторного рисунка можно работать отдельно.
Объекты векторной графики
Заливка
Узлы
Линии
Сегменты
Линия - элементарный объект
векторной графики,
характеризующийся формой,
толщиной, цветом, начертанием.
Замкнутые линии приобретают
свойство заполнения.
Векторные редакторы
Для работы над проектом отдаем предпочтение
редактору CorelDRAW, так как он:
1. Является самым популярным на сегодняшний день
векторным редактором.
2. На момент работы уже установлен в компьютерном
классе.
3. Достаточно прост в изучении, потому что
русифицирован и имеет понятный интерфейс.
4. Построен по принципу детского конструктора, в нем
конечное изображение строится путем различных
комбинаций отдельных элементов, но, тем не менее,
располагает достаточными средствами для создания
сложных качественных векторных изображений.
5. Превосходно подходит для создания документов,
сочетающих в себе и картинки, и текстовые
фрагменты.
6. Векторные изображения занимают меньший объём
памяти, что облегчает работу с ними и печать.
Технологические возможности редактора
CorelDraw:
1.
2.
3.
4.
5.
6.
7.
8.
9.
Интерфейс программы.
Основы работы с объектами.
Создание и редактирование кривых.
Операции над объектами.
Цвет в векторной графике.
Редактирование форм объектов.
Получение спецэффектов.
Способы создания текста.
Сохранение изображения на ПК.
Практическая часть проекта
1.
2.
Детальное изучение технологических возможностей векторного
редактора CorelDraw.
Создание в редакторе сложного электронного графического
изображения.
Технологические возможности
Интерфейс программы:
• Освоить интерфейс можно
через назначение инструментов
на Панели Инструментов и
Панели Свойств.
• Запустить программу можно из
Главного меню.
• Научиться верно задавать для
работы размеры, ориентацию и
единицы измерения листа.
• Большинство функций
программы вызывается с
помощью мыши.
Основы работы с объектами:
Основным логическим элементом векторной графики является
геометрический объект.
В качестве объекта принимаются линии, простые геометрические фигуры:
прямоугольник, окружность, эллипс, составные фигуры или фигуры,
построенные из примитивов, цветовые заливки, в том числе градиенты.
Создать объекты можно с помощью Панели Инструментов.
(Указатель) – для выделения объектов;
(Фигура) – для изменения формы объекта;
(Масштаб) – изменение масштаба изображения;
(Кривая) – рисование кривой;
(Умное рисование) – рисование сглаженной кривой;
(Прямоугольник) – рисование прямоугольника (Квадрата);
(Эллипс) – рисование эллипса (Круга);
(Многоугольник) – рисование различных фигур;
(Основные Фигуры) – рисование фигур;
(Текст) – добавление текста;
(Интерактивный переход) – добавление интерактивности;
(Пипетка) – выбор цвета;
(Абрис) – изменение контура;
(Заливка) – закраска объекта;
(Интерактивная заливка)
Создание и редактирование кривых:
•
•
Кривая линия создается инструментами: кривая, ломаная,
карандаш/перо.
Прежде чем начать редактирование кривой, необходимо выбрать
инструмент
Фигура и щелкнуть мышью на кривой.
Этому инструменту при активной кривой можно задать следующие
свойства с Панели Свойств:
Важнейшие элементы кривых являются узлы.
Узел точка, в котором кривая меняет направление.
Редактирование кривой без изменения узлов будет не достаточно
эффективным, поэтому на Панели Свойств расположены 3 типа узлов,
которые на кривую можно добавлять, удалять, преобразовывать:
1 - преобразовать в острый узел;
:
2 – преобразовать в сглаженный узел;
3 – преобразовать в симметричный узел.
1
2
3
Операции над объектами:
• Перемещение, вращение, удаление, масштабирование
перекос, копирование и зеркальное отражение.
• Все операции выполнятся только с активными объектами
либо по контекстному меню на активном объекте, либо с
Панелей Инструментов, либо из Главного Меню.
• Для выделения объектов используем инструмент Указатель достаточно просто кликнуть на объекте левой кнопки мыши.
вращение/копирование
масштабирование
зеркальное отражение/перемещение
Цвет в векторной графике:
Редактор CorelDRAW отдельно выполняет закраску объекта
и его контура.
Инструмент Заливка обеспечивает доступ к различным
категориям заливок:
1. Однородная заливка - закрашивает объект единым цветом
в выбранной цветовой модели.
2. Градиентная заливка - обеспечивает создание цветовых
переходов из заготовок и из 4 типов градиентов, которые
можно настроить по своему усмотрению.
3. Текстурная заливка - предоставляет возможность
использовать художественные особенности растрового
изображения.
4. Узорчатая заливка - закрашивает объект повторяющимся
узором или рисунком.
5. Заливка по сетке - дает возможность закрашивать
объект по сетке, которую можно менять и искажать, создавая
эффект смешения цветов
Редактирование форм объектов:
•
•
•
Разрабатывая любой рисунок практически сразу нельзя придать нужную
форму объектам.
Изменение формы объектов является одной из самых значимых
операций при работе с изображениями в CorelDRAW.
Нож - выполняет 3 функции: разрывает контур, разбивает объект с
замкнутым контуром на части, изменяет форму объекта с произвольным
контуром (замкнутым или разомкнутым).
Размазывающая кисть - делает полностью прозрачной ту область
выбранного объекта, на которую он воздействует.
Грубая кисть - позволяет создавать зубцы на контуре кривой.
Инструмент можно применить только к объектам, образованным из линий
произвольной формы
Спецэффекты:
•
•
•
•
•
•
•
Предназначены для создания сложных изображений.
Вызов эффектов осуществляться командой меню… Эффекты
или с Панели Инструментов:
Интерактивное перетекание - позволяет создавать плавное
перетекание объекта одной формы и цвета в другой через серию
промежуточных форм.
Интерактивный контур - создаёт в векторном объекте эффект
контура.
Интерактивное искажение - создаёт в векторном объекте
эффект искажения контуру.
Интерактивная оболочка - создаёт в векторном объекте эффект
оболочки.
Интерактивное выдавливание - изменяет объект и его
поверхность, трансформируя в трехмерное изображение.
Интерактивная тень - создаёт в векторном объекте эффект
тени от объекта.
Интерактивная прозрачность - предназначен для регулировки
уровня прозрачности.
Режимы создания текста:
Существуют два режима работы с текстом:
• Абзацный текст - применяется для
создания текстовых документов. Средства
форматирования как у любого текстового
редактора. К нему лишь возможно применить
эффект «интерактивной оболочки» и
различные способы заливки цветом.
• Художественный текст - применяется для
коротких надписей и заголовков. С ним
можно работать как с любым объектом и
применять к нему различные эффекты:
Эффект редактирования формы
текста
Текст вдоль заданного пути
Объемный тест
Создание сложного электронного
графического изображения
В качестве сложного изображения рассмотрим
технологический процесс создания электронной
графической композиции «Букет для мамы» к
международному празднику Мам.
Технология создания цветка:
Нарисовать прямоугольник 8*50 мм;
Выполнить операцию
копировать/вставить 3 раза на
прямоугольнике;
3. Повернуть прямоугольники на 60 и 120
град. относительно исходного объекта
4. Выполнить операцию эффекты…создать
границы;
5. Выполнить радиальную заливку контура;
6. Применить эффект интерактивного
искажения при растяжении и сжатии к
контуру;
7. Применить эффект искажение при
кручении для придания цветку более
живой формы:
8. Применить эффект художественное
оформление для придания цветку
законченности и выразительности;
9. Получить цветы различной формы,
задавая различные значения эффекта
интерактивного искажения при
растяжении сжатии.
10. Построение цветов закончено.
1.
2.
Технология создания листа:
Нарисовать вытянутый эллипс произвольного
размера;
2. Преобразовать эллипс в кривую используя
инструмент Форма,
3. Преобразовать две верхние части эллипса в
прямую линию;
4. Выполнить радиальную градиентную заливку для
полученного контура от темно зеленого к светло
зеленому;
5. Удалить черный контур листа;
6. Применить для контура листа эффект интерактивное искажение-зигзаг;
7. Перетащить ромбовидный маркер в верхнюю часть
листа, чтобы зубчики смотрели вверх;
8. Применить к полученному контуру эффект
интерактивного искажения при кручении, для
получения более плавной формы листа;
9. Получить отраженный лист, командой копировать/вставить/отразить.
10. Построение листьев закончено.
1.
Технология создания стебля:
1. Применить режим
художественного текста к
открытой скобке
произвольного шрифта и
начертания;
2. Выполнить для скобки
радиальную градиентную
заливку от черного к
желтому;
3. Применить к полученной
скобке интерактивное
искажение при кручении;
4. Применить к полученному
объекту эффект
художественного
оформления;
5. Построение главного стебля
закончено.
(
Технология создания веток:
1.
2.
3.
4.
5.
6.
7.
Применить режим художественного
текста к цифре 6 произвольного
шрифта и начертания;
Выполнить для цифры 6 радиальную
градиентную заливку от черного к
желтому;
Применить эффект интерактивного
искажения при кручении с заданными
параметрами;
Применить режим художественного
текста к цифрам 8 и 9 произвольного
шрифта и начертания;
Выполнить для цифр 8 и 9 радиальную
градиентную заливку от черного к
желтому;
Применить эффект интерактивного
искажения при кручении с заданными
параметрами;
Применить эффект художественное
оформление для придания объема
объектам.
Построение веток закончено.
6
8и9
Технология создания веток:
1. Применить режим художественного
текста к закрытой скобке
произвольного шрифта и начертания.
2. Выполнить линейную градиентную
заливку, с указанным цветовым
содержанием.
3. .Применить эффект интерактивного
искажения при растяжении/сжатии
4. Применить режим художественного
текста к знаку %произвольного
шрифта и начертания.
5. Выполнить для объекта радиальную
градиентную заливку от черного к
желтому с указанным цветовым
содержанием.
6. Применить эффект интерактивного
искажения при кручении.
Построение веток закончено.
)
%
Технология создания
декоративных элементов:
1.
2.
3.
4.
5.
Применить режим художественного
текста к букве «О» произвольного
шрифта и начертания.
Выполнить радиальную
градиентную заливку от черного к
желтому.
Применить эффект
интерактивного искажения при
кручении.
Применить эффект
художественное оформление для
придания объекту законченности и
выразительности.
Выполнить операцию
копировать/вставить 4 раза,
уменьшая в размере каждую
последующую копию.
«О»
Построение композиции:
«Сводим» композицию к S- образной форме,
так как объекты складываются проще всего в
эту форму, для этого:
1. Выполнить заливку фона в черный цвет
командой макет/фон страницы/сплошной
черный - для придания контрастности
изображению;
2. Поместить в центр листа стебель и вдоль
него располагать последовательно ветки;
3. Поместить в центр композиции самый
большой цветок, он должен быть один
большего размера, а остальные меньшего
размера расположить вдоль веток;
4. Наложить созданные декоративные элементы;
5. Придать законченность и легкость
композиции, используя эффект
художественного оформления;
6. Выполнить операцию группировать для всех
активных объектов композиции.
Векторное изображение построено.
Технология создания
художественной надписи
1.
Выполнить надпись Милой мамочке
в режиме художественного
текста произвольным шрифтом.
2. Применить к тексту однородную
заливку желтого цвета.
3. Нарисовать инструментом кривая
путь для текста в виде кривой
линии.
4. Выполнить команду текст/
расположить вдоль заданного пути,
привязать текст к кривой.
5. Придать тексту объем командой…
эффект скос.
6. Наложить текст на изображение и
сгруппировать все объекты
командой… упорядочитьсгруппировать.
Надпись на изображении выполнена.
Милой мамочке
Результат практической деятельности –
поздравительная открытка
Интерпретация результата:
В процессе выполнения задач поставленных в проекте, мы пришли к выводу о возможности создания
уникальных графических изображений средствами векторного редактора CorelDraw, отличающихся
конструктивной и композиционной оригинальностью, разнообразием элементов, форм и цветов,
объемностью изображения, а также возможностью применения спецэффектов.
Полученные изображения не только органично вписались в ряд выставочных экземпляров художественной
студии, выполненных в традиционных техниках рисования, но и образовали новый для нашего ЦДТ
творческий метод, под названием «компьютерная графика».
При выполнении практической части проекта затруднение вызвало отсутствие навыков работы с
профессиональным графическим векторным редактором, однако нас выручил большой объем обучающей
литературы.
Мы не только освоили технологические возможности и принципы работы программы, но и применили
полученные знания на практике - создали поздравительную открытку к празднику Мам.
Выводы, к которым мы пришли в результате исследования:
1.
Векторные редакторы применяются в том случае, когда основным требованием к изображению является высокая
точность формы.
2.
Основным объектом векторной графики является контур, описанный математической формулой. Из
элементарных контуров создают более сложные. Каждый объект векторной графики обладает свойствами.
Основными свойствами являются обводка и заливка.
3.
Для получения и редактирования изображений существуют векторные редакторы, имеющие очень мощные
инструменты и возможности.
4.
В векторных редакторах можно редактировать отдельные части рисунка не оказывая влияния на остальные.
5.
Векторные редакторы располагают различными средствами для работы с текстами, позволяют представлять
символы компьютерных шрифтов в векторной форме и работать с ними, как с контурами.
6.
Структуру любого векторного изображения можно представить в виде иерархического дерева: самый верхний
иерархический уровень занимает сама картинка, которая объединяет в своем составе: объекты + узлы + линии +
заливки.
7.
Векторное изображение, занимает относительно небольшое место в памяти компьютера, что облегчает работу с
ним, хранение и печать.
Интерпретация результата:
8. Нами так же выяснено, что заниматься векторной графикой могут не
только профессиональные художники-дизайнеры, но и просто
творческие пользователи, вроде нас, при этом результат работы будет
полностью зависеть лишь от терпения автора, от овладения им
инструментарием программы и практическими навыками работы.
9. Не сложную работу графического дизайнера мы сможем выполнить
собственными силами и средствами, не обращаясь за услугами в
рекламные фирмы, потому что сами лично попробовали «поработать»
дизайнером и считаем, что у нас это прекрасно получилось.
10. Мы
овладел ещё одним способом работы с графической
информацией, воспользоваться которым сможем в своих личных целях,
представляя нужную нам информацию в доступной и наглядной форме
для восприятия и использования другими людьми.
11. О профессии графического дизайнера можем судить исходя из
собственного опыта.
За время работы над проектом
для себя я уяснил:
1. Что такое самообразование, потому что мне пришлось много работать
самостоятельно с литературой, чтобы получить нужные знания для
выполнения проекта.
2. Что такое целеполагание и планирование, потому что без целей и
планирования, трудно правильно распределить время и силы для
своевременного выполнения этапов проекта.
3. Что такое сравнительный анализ, потому что CorelDraw – прекрасная
среда для экспериментирования, и мне пришлось аргументировано
выбирать из полученных заготовок лучший.
4. Что векторная графика - это рекламная графика, и эту особенность я
обязательно в дальнейшем сумею использовать в личных целях, так
как любой результат своей деятельности
смогу представить в
графическом виде ярко, красочно, что придаст ему большую
выигрышность, наглядность и простоту для восприятия.
Практическое применение проекта:
Проект знакомит нас с одной из самых популярных профессий – графический
дизайнер - это для нас один из шагов к самоопределению и выбору будущей
профессии.
1. Проект можно использовать, как наглядное учебное пособие на уроках ИКТ в
различных образовательных учреждениях при изучении темы «Векторная
компьютерная графика».
2. Проект можно использовать как пособие при разработке различной рекламной
полиграфической продукции:
• оформление объявлений,
• выпуск информационных листовок и плакатов,
• создание красочных поздравительных открыток или буклетов к праздничным
датам или выставкам,
• оформление авторских web-страничек или логотипов.
Проект учит нас представлять любой результат своей деятельности в
графическом виде, что придает ему большую выигрышность, наглядность и
простоту для восприятия.
Перспективы дальнейшего развития проекта
Сайтостроение – широкое поле деятельности для
графического дизайнера, где его профессиональное
мастерство напрямую связано с привлекательностью
Интернет-пространства, поэтому следующим шагом для меня
станет освоение Web- дизайна и программ, связанных с
сайтостроением.
Оформление результатов проекта:
• Для написания отчета использован текстовый редактор
Microsoft Office Word.
• Для получения векторной иллюстрации использованы
технологические возможности графического редактора
CorelDrawX3.
• Результат проектной деятельности представлен в виде
презентации, выполненный в редакторе Microsoft Power
Point.
Для выполнения проекта необходимы
следующие ресурсы:
Оборудование: компьютерный класс, оборудованный
компьютерами, цветным принтером, мультимедийным
оборудованием (проектор, экран), сеть Internet.
Программное обеспечение: операционная среда не ниже, чем
Windows XP SP3, векторный редактор CorelDrawХ3, пакет
программ Microsoft Office, компакт-диски с обучающими и
информационными программами по основным темам проекта:
«Графика и дизайн», «Дизайн на ПК», «Создание
полиграфических изданий», «Мультимедиа Технологии».
Источники информации
1.
2.
3.
4.
5.
6.
7.
8.
Видеоурок «Режимы работы с текстом». http://www.webmasters.by/videotutorials/viewvideo/511/video-uroki-po-corel-draw/uroki-po-coreldraw-rabotaem-stekstom.html.
Владини М.М. и др. CorelDRAW с нуля: книга + видеокурс. М.: Лучшие книги, 2008.
Жвалевский, А.В. CorelDrRAW. Библиотека пользователя. СПб.: Питер Принт, 2009.
Ковтанюк, О.С. CorelDrRAW: официальная русская версия. М.: МК-Пресс, 2006.
Кравченя, Э.М., Абрагимович, Т.И. Компьютерная графика. М.: Новое знание, 2009.
Мультимедийный учебник на CD-ROMе. Курс «Векторная графика».
Павел Тальяновский. CorelDRAW. Учебное пособие СПб.: ГПП Печатный двор, 2005.
Электронное обучающее пособие по векторной графике «Kurs.exe» электр. опт. диск
(CD-ROM).
Выберу ли я в дальнейшем профессию
дизайнера – говорить рано, но точно знаю,
что
уровень
образованности
и
самостоятельности
при работе над
проектом у меня, несомненно, вырос,
полученные знания и практический опыт
мне обязательно пригодятся в жизни.
И, когда речь пойдет в дальнейшем о выборе
моей профессии, я точно буду знать, что
графический дизайнер - это не только
престижная,
современная
и
модная
профессия, но профессия, которая требует
от
специалиста
непрерывного
самообразования, терпения, творчества и
мастерства.