Методическая разработка для учебного предмета «Компьютерная графика» «Стилизация цветка для создания орнамента в компьютерной графике»

Муниципальное бюджетное учреждение дополнительного образования Детская художественная школа города Апшеронска

Методическая разработка для учебного предмета «Компьютерная графика»

«Стилизация цветка для создания орнамента в компьютерной графике»

Разработана преподавателем

Михайленко Еленой Александровной

г. Апшеронск, 2016 г.

Стилизация изображения.

Цели и задачи: Закрепить знания, полученные на уроках декоративно-прикладной композиции, научиться более свободно работать с комбинациями инструментов программыCorelDrawX3, нарисовать стилизованное изображение цветка. Познакомиться с принципами построения орнамента, выполнить орнамент в полосе и круге.

Стилизация означает декоративное обобщение и подчёркивание особенностей формы предметов с помощью ряда условных приёмов. Можно упростить или усложнить форму, пластику, цвет, детали объекта, а также отказаться от передачи объёма.

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

Чтобы стилизировать рисунок, нужно отобрать основные, характерные черты изображаемого предмета. Ими могут служить объем предмета, линии и формы. Когда они найдены, начинается работа над стилизацией предмета. Здесь нам опять не обойтись без воображение, которое само "дорисовывает" наш предмет. Полем наших действий является лист и. Можно ограничиться и быстрым, условным обозначением предмета, как бы намёком на него. Незаконченность и простота при этом служат одними из главных средств выразительности.

Приемы стилизации:

1) реалистичный рисунок.

2) Превращение реалистичных изогнутых округлых плавных форм в резкие более прямые и острые. (Обрубовка)
3) Представление реалистичных форм в формы геометрические. (Геометризация форм)
4) Замена основной формы предмета на геометрические. (Замена главного) 
5) Работа с штрихом, или точкой. (Трассировка формы)

6) Силуэт - разновидность графической техники

7) Декор - совокупность элементов, составляющих внешнее оформление, украшение объекта, формы и так далее.

Один и тот же мотив может быть трансформирован по-разному: близко к натуре или в виде намека на нее, ассоциативно; однако любое растение при стилизации нельзя лишать узнаваемости.

Стилизация – это процесс декорирования, который можно использовать на заранее подготовленную зарисовку объекта, либо выполнять зарисовку сразу в определенной манере. При этом произведение, в котором использованы ее приемы, обретет такие черты:

обобщенность;

геометричность;

символичность;

эксцентричность;

красочность;

чувственность, эмоциональность;

простоту формы.

Этим методом пользуются дизайнеры для создания лаконичных логотипов.

Преобразование растений и цветов

Стилизация растений возникла при изготовлении различных украшений, производстве предметов художественной промышленности. Изображения растений и цветов имитируют под художественное их отображение, используемое в орнаментах различных стран.

Обобщая форму, художники передавали общие очертания цветка или растения, его листика.

Стилизация цветов, например, получается с использованием геометрических фигур: прямоугольника, треугольника, круга, пятиугольника. При помощи разных графических средств художники передают индивидуальные черты цветка или даже всего растения.

Они могут быть также узнаваемы, но получают новый декоративный образ. Такие зарисовки широко используются в декорировании посуды, домашней утвари, ювелирными мастерами.

Растительный орнамент составляется из стилизованных листьев, цветов, плодов, ветвей и т. д. Наиболее часто встречается у всех народов мотив «древо жизни» - это растительный орнамент. Его изображают и как цветущий куст, и более декоративно - обобщенно. Композиции такого орнамента весьма разнообразны. По композиции орнаменты делят на несколько видов: в полосе(фризы), в квадрате, в круге, в треугольнике(розетты).

Существуют три типа: линейные, ячеистые, замкнутые орнаменты.

Линейные орнаменты - это орнаменты в полосе с вертикальным или горизонтальным чередованием мотива.

Ячеистый или раппортный орнамент- это мотив, который повторяется и по вертикали и по горизонтали ,это орнамент бесконечный во всех направлениях. Раппорт -это элемент орнамента, его главный мотив.

Замкнутый орнамент компонуется в прямоугольник, квадрат, круг. Мотив в нем или не повторяется, или повторяется с поворотом на плоскости.

Для создания стилизованного изображения в программе CorelDrawX3 используются следующие инструменты: инструменты свободного рисования (перо, карандаш), инструменты изменения формы (форма, искажение), изменение толщины линий (абрис), команды зеркального отображения объектов по горизонтали и вертикали, копирование (большой + на клавиатуре), и т.п.

Основная работа идет от преображения реалистичной формы через поиск выразительных средств через силуэт, затем идет декорирование и поиск цветовых решений. В зависимости от предназначения цветка (орнамент, логотип, декоративное изображение) выбирается степень стилизации формы и цвета.

Создание орнамента:

Рисование эскиза цветка на бумаге

Рисование цветка в программе

Выполнение наклона (и/или поворота) изображения для ленточного орнамента

Компоновка и копирование, порядок расположения

Для создание орнамента в круге: меню – упорядочить – преобразования – поворот – угол -30 градусов – применить к копии.

Методы и приемы рисования отдельных элементов цветов в программе CorelDrawX3.

Содержание:

Перо как основной инструмент рисования

Эффект смешения (перетекания) как вариант заливки цветом

Инструмент Форма

Инструменты искажения

Трансформации линий. Замкнутые и незамкнутые. Замыкание линий.

Исключение и объединение объектов.

Рисуем листья

1.Перо.

Данный инструмент активно используется при рисовании отдельных элементов, так как позволяет свободно манипулировать конечной формой объекта.

Кликнем мышкой на границе цветка и фона для создания первой узловой точки, затем на некотором расстоянии кликните еще раз. Появиться вторая узловая точка, а между ними линия. Так как мы отрисовываем цветок, то линия у нас должна идти по дуге. Для этого, когда создаем вторую узловую точку, не отпускаем клавишу мышки, а начинаем тянуть. Обратите внимание, рядом со второй узловой точкой появилось 2 направляющие, а сама линия изогнулась. (на рисунке – линия показана красным цветом, а направляющие – пунктиром). Отпускаем левую клавишу мыши и ставим следующую узловую точку.

1.Corel Draw: эффект Blend (Смешение)

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

Рис.1 Пример применения эффекта Corel Draw Blend (Смешение), для преобразования круга с однородной заливкой в цветок с градиентной.

Чтобы создать эффект смешения вдоль прямой, на панели инструментов следует выбрать инструмент Interactive Blend Tool (Интерактивный смеситель) (рис.2). Затем следует щелкнуть на одном из объектов и, удерживая кнопку мыши нажатой, переместить курсор на второй объект и отпустить кнопку мыши: между стартовым и конечным объектами появится цепочка промежуточных объектов. 
Чтобы создать эффект смешения вдоль произвольной кривой, можно, удерживая клавишу [Alt], рисовать произвольную кривую, соединяющую стартовый и конечный объекты. Эта кривая будет отображаться в виде синей пунктирной линии.

В обоих случаях, объект, порядок которого был ниже (см. предыдущие уроки corel draw на нашем сайте), станет стартовым объектом, а тот объект, порядок которого был выше - конечным.

Рис.2. Панель инструментов CorelDraw для применения специальных эффектов

При использовании эффекта смешения необходимо помнить следующее:

- если перемещать стартовый или конечный объекты, то цепочка промежуточных объектов будет также перемещаться;

- если удалить стартовый или конечный объект, будет удалена и цепочка переходных объектов;

- если изменять цвет или форму стартового или конечного объекта, то будут меняться цвет и форма промежуточных объектов;

- цветовая прогрессия будет иметь место только в том случае, если объекты имеют либо однородную, либо градиентную заливку.

Рассмотрим теперь панель свойств инструмента Interactive Blend Tool ((Интерактивный смеситель).

В выпадающем списке Preset List (Список заготовок) можно выбрать одну из уже созданных ранее заготовок этого эффекта, а с помощью кнопок Add Preset (Добавить заготовку) и Delete Preset (Удалить заготовку) можно добавлять свои заготовки в список и удалять их из списка.

С помощью кнопок Use Steps or Fixed Spacing for Blend (Использовать шаги или фиксированное расстояние) можно установить, будет ли задаваться положение промежуточных форм их числом или расстоянием между ними. В полях раздела Number of Steps or Offset Between Blend Shapes (Число шагов или расстояние между формами) можно установить, соответственно, количество промежуточных форм или расстояние между ними.

В поле Blend Direction (Направление смешения) можно установить, на сколько градусов будет повернута каждая следующая фигура относительно предыдущей. С помощью кнопок Direct Blend (Направленное смешение), Clockwise Blend (Смешение по часовой стрелке) и Counterclockwise Blend (Смешение против часовой стрелки) можно установить, каким образом в процессе смешения будет прогрессировать цвет относительно спектра.

Щелчок по кнопке Object and Color Acceleration (Ускорение объекта и цвета) активизирует панель, на которой можно установить, будет ли изменение формы и цвета объектов ускоряться при приближении к стартовому или конечному объекту. По умолчанию ускорение изменения цвета и ускорение изменения формы происходят одинаково. Это обеспечивается нажатой кнопкой с замочком на этой панели. Если кнопку отжать, то регулировать ускорения можно будет независимо друг от друга. Кроме того, для интерактивной регулировки этих ускорений предназначены треугольные маркеры на пунктирной линии-пути смешения.

Кнопка Start and End Objects Properties (Свойства стартового и конечного объектов) вызывает вспомогательное меню, содержащее следующие команды:

- New Start (Новый стартовый) - позволяет выбрать другой объект в качестве стартового для текущего смешения; при этом порядок нового стартового объекта не может быть выше порядка текущего конечного объекта;

- Show Start (Показать стартовый) - выделяет текущий стартовый объект;

- New End (Новый конечный) - позволяет выбрать другой объект в качестве конечного для текущего смешения; при этом порядок нового конечного объекта не может быть ниже порядка текущего стартового объекта;

- Show End (Показать конечный) - выделяет текущий конечный объект.

Кнопка Path Properties (Параметры пути) программы Corel Draw активизирует вспомогательное меню, которое содержит следующие команды:

- New Path (Новый путь) - позволяет выбрать некоторую кривую в качестве пути для эффекта смешения; при этом стартовый и конечный объекты будут перемещаться только вдоль этой кривой-пути; если же требуется чтобы стартовый и конечный объекты расположились точно на концах этой кривой, то можно нажать на панели свойств кнопку Miscellaneous Blend Options (Различные параметры смешения).

Форма

Инструмент форма позволяет изменять форму объекта путем перетаскивания узлов в кривых или изменением формы объекта.

4.Искажение

1. Сначала нарисуем Прямоугольник с помощью инструмента Rectangle Tool.

2.Применяемкнему Interactive Distortion Tool.

Инструмент Shape (Форма) — основное средство редактирования формы объектов. Мы уже сталкивались с этим инструментом, когда рассматривали приемы закругления углов прямоугольника. Но тогда он активизировался автоматически после наведения указателя инструмента на узел прямоугольника. В общем случае инструмент Shape (Форма) выбирается в наборе инструментов так же, как любой другой инструмент. Ниже будут рассмотрены приемы работы этим инструментом с кривыми и текстовыми объектами.

Инструмент Knife (Лезвие) позволяет разделить кривую на два отдельных объекта.

Инструмент Eraser (Ластик) предназначен для модификации формы объектов достаточно сложным образом, имитирующим стирание части построенного объекта.

Инструмент Smudge (Размазывание) позволяет в интерактивном режиме изменять форму кривой. Суть операции — смещение края объекта инструментом эллиптической формы. В зависимости от размера, формы и управляющих параметров инструмента искажения кривой могут быть минимальными или вполне радикальными.

Инструмент Roughen brush (Грабли) позволяет искажать форму сравнительно гладкой кривой, создавая на ней треугольные выступы — шипы. Работа этим инструментом рассматривается в уроке 11, в разделе, посвященном деформации объектов.

Инструмент Free Transform (Произвольное преобразование) позволяет выполнять описанные выше преобразования объектов без помощи пристыковываемого окна Transformation (Преобразование), манипулируя только указателем мыши. Работать этим инструментом довольно сложно, поэтому, отдавая должное изобретательности разработчиков CorelDRAW, автор все же советует выполнять преобразования объектов приемами, описанными ранее.

Инструмент Virtual segment delete (Удаление виртуального сегмента) появился только в версии 12 программы. Он очень удобен для удаления части кривой, расположенной между двумя смежными точками ее пересечения с другим объектом (объектами).

5. Трансформации линий. Замкнутые и незамкнутые. Замыкание линий.

В заключение обсуждения моделей линий, используемых в CorelDRAW, следует сказать о еще одной их классификации, оказывающей большое влияние на работу с этими объектами. Эта классификация построена на учете количества и состояния крайних узлов линии.

Крайним узлом называется узел линии, смежный только с одним ее сегментом. Выше уже отмечалось, что узел линии, не имеющий предшествующего сегмента, называется начальным.

Линия, имеющая начальный узел, называется незамкнутой (open curve). Линия, в которой крайние узлы отсутствуют, называется замкнутой (closed curve).

В замкнутой линии роль начального и конечного узлов играет один и тот же узел, по-этомуу него есть и предшествующий, и последующий сегменты. Таким образом, в замкнутой линии начальный узел отсутствует, хотя на экране при выборе узлов инструментом Shape (Форма) тот узел, в котором произошло замыкание линии при построении, обозначен увеличенным квадратом — так же, как начальный узел.

Следует сказать несколько слов о соединенных линиях. Это объекты, состоящие из нескольких ветвей(subpath), каждая из которых представляет собой замкнутую или незамкнутую линию. Соединенные объекты возникают, в частности, при выполнении операции соединения объектов командой Combine(Соединить) и при преобразовании в кривые других объектов (например, текстов). Главным отличительным признаком соединенного объекта является наличие в нем нескольких узлов, отмеченных увеличенными квадратиками. Кроме того, сведения о наличии в выделенном объекте нескольких ветвей выводятся в строке состояния (рядом с количеством узлов) при выделении линии инструментом Shape (Форма). Соединенные линии можно разъединить, преобразовав их в совокупность линий, каждая из которых состоит всего из одной ветви — замкнутой или разомкнутой.

На рис. 3.6 представлены примеры замкнутых, разомкнутых и соединенных линий.

Рис. 3.6. Примеры замкнутых (слева), разомкнутых (в середине) и соединенных (справа) линий

Практически любой графический объект CorelDRAW может быть преобразован в кривые. И наоборот, многие сложные объекты, о которых пойдет речь в следующих уроках, строятся на базе одной или нескольких линий. Поэтому понимание модели линии и приемов работы с линиями играют очень важную роль в построении изображения.

Теперь, когда мы знаем о линиях уже достаточно много, можно перейти к приемам их построения. Один из них нам уже известен, поскольку в результате применения инструмента Spiral (Спираль) получается именно кривая, состоящая из сегментов, соответствующих четверти оборота спирали, и разделяющих их сглаженных узлов. В последующих разделах настоящего урока мы познакомимся с инструментами для построения линий, а приемы модификации и редактирования линий будут рассмотрены в уроке 5.

Инструменты, позволяющие строить линии различных типов, сведены в CorelDRAW в одну раскрывающуюся панель инструмента Curve (Кривая), представленную на рис. 3.7. В соответствии с общим стилем пользовательского интерфейса CorelDRAW на кнопке инструмента Curve (Кривая) отображается значок последнего из использованных инструментов, кнопки которых присутствуют на его панели, и щелчок на этой кнопке снова активизирует тот же инструмент. Так же как при выборе инструмента для построения графического примитива, для получения доступа к кнопкам других инструментов достаточно при щелчке мышью на кнопке инструмента Curve (Кривая) задержать кнопку мыши в нажатом состоянии.

6. Исключение и объединение объектов.

Исключением объектов называется операция, при которой у указанного объекта удаляются части, перекрываемые выделенным объектом. Мы уже встречались с похожей операцией, когда рассматривали работу инструментом Eraser (Ластик). При работе этим инструментом в качестве выделенного объекта выступала фигура ластика (круг или квадрат заданных размеров). При выполнении операции исключения в роли «формы для высечки», отсекающей ненужные части указанных объектов, может выступать любой объект и даже совокупность объектов CorelDRAW.

Как обычно, в совокупностях и выделенных, и указанных объектов может быть несколько объектов. Если перед выполнением исключения выделено несколько объектов, то «форма для высечки» составляется как результат объединения этих объектов.

В состав совокупности указанных объектов могут входить не только отдельные объекты, но и их группы. Это очень удобно, если нужно удалить отдельные части стандартных изображений из библиотеки клипарта.

При выполнении исключения с помощью пристыковываемого окна Shaping (Формообразование) все делается так же, как при выполнении объединения и пересечения: открываются элементы управления исключением, выделяются объекты, устанавливаются флажки режимов сохранения, выполняется щелчок на кнопке Trim (Исключение) и при нажатой клавише Shift выделяются объекты из совокупности указанных. При щелчке на кнопке Quick Trim (Исключение) панели атрибутов совокупность выделенных объектов составляется из всех выделенных объектов рисунка, кроме последнего, который играет роль указанного объекта. Все исходные объекты сохраняются.

Ниже представлены результаты пересечения двух объектов: треугольника и круга (рис. 10.11, а). В первом варианте треугольник играет роль выделенного объекта, а круг — указанного (рис. 10.11, б), во втором — выделен круг, а указан треугольник (рис. 10.11, в).

Рис. 10.11. Результаты пересечения двух объектов

Получившийся в результате пересечения объект наследует атрибуты заливки и обводки указанного объекта. Если указанных объектов несколько, то и в результате пересечения в общем случае получится несколько объектов, каждый из которых унаследует атрибуты своего родительского объекта из совокупности указанных

7. Рисуем листья.
С помощью Ellipse Tool нарисуйте вытянутый эллипс размером примерно 25х90 мм и преобразуйте его в кривую (Ctrl+Q).
Используя инструмент Форма (Shape tool) сделайте две верхних ветки кривых прямыми линиями.

В итоге получается каплеобразная кривая.

Назначьте объекту градиентную заливку от темно-зеленого к светло-зеленому, сделайте обводку бесцветной.

Выберите Interactive Distortion Tool, типискажения Zipper. Выставьте настройки для начального искажения: Amplitude - 50, Frequency - 30.
Чтобы откорректировать направление зубчатых краев листа перетащите ромбообразный маркет в верхнюю часть объекта.
Теперь зубчики смотрят вверх.

Описание наглядного пособия «Стилизация цветка в компьютерной графике»

Пособие состоит из стенда с информацией о стилизации изображения, видами орнаментов и способах создания стилизованных цветов в программе CorelDrawX3 для дальнейшего использования в орнаментах и логотипах; а также образцами одиночных стилизованных цветов и двумя выполненными графическими работами по теме.

Цели и задачи: показать различные вариации стилизации, разнообразить представления учащихся о возможностях стилизации растений, привести примеры стилизации, закрепить знания, полученные на уроках декоративно-прикладной композиции.

Список используемой литературы:

Логвиенко Г.М. /Декоративная композиция: учеб. пособие для студентов вузов, обучающихся по специальности "Изобразительное искусство"/ Г. М. Логвиенко. - М.: Гуманитар.изд. центр ВЛАДОС, 2010. - 144 с.:ил. - (Изобразительное искусство).

Орнаменты. Элементы декора. Все стили, мотивы, эпохи. – Москва: АСТ: Астрель, 2010. – 360 с.: ил.

Электронный ресурс:http// CompEbook.ru

Электронный ресурс: http://ourvetn.tumblr.com/post/71290732964

Электронный ресурс: http://www.cifrovoefoto.com/stati-i-mk/risuem-v-corel-draw

Электронный ресурс: http://render.ru/books/show_book.php?book_id=517

Электронный ресурс: http://corel.mlvl.com/14/17.php

Электронный ресурс: http://corel.mlvl.com/12/5.php

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/261483-metodicheskaja-razrabotka-dlja-uchebnogo-pred