Основы графического дизайна на базе компьютерных технологий - Ольга Яцюк 2 стр.


2. Иллюзия сходящихся и расходящихся линий (слева – горизонтальные части ломаных линий равны; в центре – в обеих трапециях длины верхних оснований равны; справа – нижний горизонтальный отрезок равен верхнему).

3. Иллюзия разной кривизны: радиус кривизны всех дуг одинаков.

4. Иллюзия изменения размера объекта: внутренние окружности в обоих случаях одинаковы.

5. Иллюзия непараллельности параллельных линий: параллельные прямые, пересеченные короткими отрезками, кажутся непараллельными.

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

7. Иллюзия искажения прямого угла. Если на угол квадрата наложены прямые, образующие тупой угол, прямой угол кажется острым.

8. Иллюзия искажения окружности. Окружность, наложенная поверх линий, образующих углы, зрительно искажается.


Рис. 1.8. Примеры графических иллюзий

Упражнение 1.2

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

1. Иллюзия стрелок Мюллера-Лиера. Нарисуйте линию со стрелками на обоих концах. Создайте ее копию. С одного конца удалите наклонные линии окончания стрелки, а с другого зеркально отобразите их относительно вертикальной оси (см. рис. 1.8.1). Горизонтальные отрезки кажутся одинаковыми, если первый длиннее второго на 25 %.

2. Иллюзия сходящихся и расходящихся линий (см. рис. 1.8.2). Нарисуйте ломаную линию, состоящую из трех отрезков прямой. Средний отрезок должен быть горизонтальным. Создайте несколько копий этой фигуры. С помощью инструмента Shape (Форма) переместите нижние узлы наклонных линий у каждой фигуры на разное расстояние. Разместите все изображения друг под другом, используя команды Align и Distribute (Выравнивание и Распределение).

3. Иллюзия разной кривизны (см. рис. 1.8.3). Нарисуйте окружность. Создайте шесть ее копий. Попарно наложите окружности одна на другую так, чтобы области перекрытия были разными. Примените к каждой паре пересекающихся окружностей команду Intersection (Пересечение).

4. Иллюзия изменения размера объекта (см. рис. 1.8.4). Нарисуйте окружность, скопируйте. Нарисуйте несколько окружностей меньшего диаметра и расположите их по кругу. Для этого можно применить команду Blend (Перетекание) с размещением вдоль траектории. В качестве траектории использовать окружность достаточно большого диаметра. Поместить исходную окружность в центр группы с помощью команды Align (Выравнивание). Повторить те же операции, только на этот раз по кругу нужно расположить окружности, диаметр которых больше, чем диаметр исходной.

5. Иллюзия непараллельности параллельных линий (см. рис. 1.8.5). Нарисуйте горизонтальный отрезок прямой. Перечеркните его небольшим отрезком, расположенным под углом. Выделите маленький отрезок, переместите его в горизонтальном направлении при нажатой клавише и, не отпуская левую кнопку мыши, щелкните правой. Появится копия маленького отрезка. Несколько раз нажмите комбинацию клавиш +. Выделите все объекты, сгруппируйте и создайте несколько зеркальных копий.

6. Иллюзия волнистой линии (см. рис. 1.8.6.). Нарисуйте вытянутый прямоугольник и залейте его градиентной заливкой.

7. Иллюзия искажения прямого угла (см. рис. 1.8.7). Из двух наклонных отрезков прямой создайте тупой угол. Сгруппируйте эти отрезки и создайте несколько копий. Для этого переместите первую группу и щелкните правой кнопкой мыши, не отпуская левую, а затем несколько раз нажмите +. Нарисуйте квадрат, выделите и, удерживая , потяните за угловой маркер выделения. Не отпуская левую кнопку мыши, щелкните правой. Появится еще один квадрат. Сгруппируйте квадраты и расположите так, чтобы вершины квадратов совпадали с вершинами тупых углов.

8. Иллюзия искажения окружности (см. рис. 1.8.8). Нарисуйте равнобедренный треугольник. В центр нижнего ребра добавьте узелок и сместите его вверх. С помощью команды Offset (Подобие) создайте несколько подобных объектов. Нарисуйте окружность и поместите ее поверх созданной группы.

Большим мастером иллюзий был замечательный график, голландец Морис Корнелиус Эшер (1889–1972). Его работы – настоящие оптические головоломки. В них результат его исследований симметрии, перерождения одной исходной формы в качественно иную, отображение трехмерного пространства на плоскости листа (см. рис. CD-1.9, CD-I.10, 1.11).


Рис. 1.11. М. К. Эшер. «Бельведер». 1958 г.

1.3. Перспектива

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

Такие свойства зрительного восприятия называют перспективными искажениями. Существует объективная закономерность перспективного видения.

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

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

Рисунок предмета в перспективе с сокращением удаленных от переднего плана его частей называется ракурсом (от франц. «укорачивание»).

До эпохи Возрождения художники почти не уделяли внимания перспективе, и только в пятнадцатом веке, стремясь к познанию, пытаясь понять природу вещей, стали изображать предметы в единстве со средой, в которой они находятся. Глубина пространства передавалась посредством перспективных сокращений, объемные фигуры начали моделировать светотенью движение тела – сложными ракурсами. Законы перспективы стали основной наукой художника, их развивали Леонардо да Винчи, Дюрер, Микеланджело и другие великие мастера (рис. 1.12).


Рис. 1.12. А. Дюрер. «Святой Иероним». 1514 г.


Различают следующие виды перспективы:

□ линейная — изображение на плоскости с помощью центрального проецирования;

□ панорамная — изображение на внутренней поверхности цилиндра (выставочные панорамы) – например, Бородинская панорама;

□ плафонная — изображение на внутренней поверхности сводчатого перекрытия какого-либо помещения;

□ театральная — изображение на ряде отдельных поверхностей, например, театральные декорации;

□ рельефная — изображение глубины пространства с помощью различных форм рельефа (выпуклого изображения на плоскости). Рельефная перспектива создает иллюзию глубины при незначительно меняющемся уровне рельефа;

□ диорамная — изображение, сочетающее живопись на прозрачном материале (например, стекле) с объемными предметами;

□ архитектурная — изображение зданий, площадей, парков и т. п. Архитектурная перспектива достигается довольно сложными графическими построениями: кроме линейной перспективы учитывается увеличение видимых форм объекта при приближении к нему. Может быть использовано несколько точек схода; перспективные сокращения моделируются как в горизонтальном, так и в вертикальном направлениях. Иными словами, архитектор, вычерчивая здания, вносит некоторые поправки, компенсирующие искажения объектов, неизбежные при строгом построении линейной перспективы. Это помогает правильному восприятию изображаемого объекта;

□ стереоскопическая — изображение на плоскости выполняется по правилам линейной перспективы в виде двух рисунков предмета: один рисунок предназначен для рассматривания левым глазом, другой – правым;

□ воздушная перспектива — изображение, которое учитывает явление смягчения деталей и контуров удаленных объектов вследствие рассеяния лучей в толще воздуха между зрителем и объектами, а также вносимые дистанцией цветовые искажения;

□ обратная перспектива — изображение, акцентирующее внимание зрителя на смысловом центре, часто игнорирующее сокращения линейной перспективы («рисую не то, что вижу, а то, что знаю»). Эта перспектива характерна, например, для православных икон.

В компьютерных программах трехмерного моделирования, таких как AutoCAD, 3D Studio, перспективные сокращения формы объекта строятся автоматически. В двумерных программах используются специальные приемы и эффекты рисования.

Упражнение 1.3

Выберите подходящее изображение из библиотеки заготовок CorelDRAW или нарисуйте что-либо самостоятельно. С помощью команды Add Perspective (Добавить перспективу) постройте линейную перспективу, основанную на уменьшении объектов по мере их удаления от наблюдателя. Можно изобразить перспективные сокращения изменением формы объекта. Для этого достаточно переместить опорные точки изображения (узелки) инструментом Shape (Фигура).

В CorelDRAW, используя эффект Add Perspective (Добавить перспективу), нарисовать плоскость листа в перспективе (рис. CD-1.13). Для этого:

1. Выберите понравившееся вам изображение из библиотеки векторных картинок.

2. В меню Effects (Эффекты) выберите команду Add Perspective (Добавить перспективу).

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

При удерживании клавиши маркер можно перемещать только горизонтально или вертикально. Одновременное удерживание клавиш + позволяет передвигать сразу два маркера.

Появившийся при перемещении маркеров крестик является точкой пересечения граничных линий – точкой схода.

Для окончания работы щелкните правой клавишей мыши.

Для отмены изменений перспективы выберите команду Clear Perspective (Отменить перспективу) из меню Effects (Эффекты).


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

□ для увеличения глубины пространства разные части картины изображают с разных точек зрения;

□ многие объекты изображаются условно, так как при построении их перспективы по строгим правилам они сильно искажаются, иногда до неузнаваемости. К таким объектам можно отнести тела вращения (цилиндры, конусы), прямоугольные поверхности (кубы, прямоугольные призмы или параллелепипеды);

□ объекты, относительные размеры и формы которых заранее известны (люди, животные), изображают так, чтобы не затруднять их восприятие.

Компьютерные технологии позволяют имитировать многие приемы изображения перспективы. В CorelDRAW кроме команды Add Perspective (Добавить перспективу) можно использовать другие эффекты.

Упражнение 1.4

Постройте линейную перспективу для нескольких объектов.

Нарисуйте или выберите из библиотеки подходящий объект. Создайте его копию и уменьшите ее. С помощью команды Blend (Перетекание) создайте перспективу. Установите нужные расстояния между объектами, используя возможности панели атрибутов команды Blend (Перетекание), как показано на рис. CD-1.14.

Упражнение 1.5

Нарисуйте объект, например, многоугольник. Создайте перспективные сокращения и различные ракурсы объекта, используя спецэффект Extrude (Выдавливание) (см. рис. CD-1.15).


Глубина пространства может быть передана не только за счет уменьшения геометрических размеров, но и с помощью изменения фактуры (рельефа) или текстуры поверхности.

Упражнение 1.6

Создайте изображения, аналогичные примерам, приведенным на рис. 1.27. В данных случаях использованы: а– заливка с линейным цветовым переходом, б– эффект Blend (Перетекание), в– Add Perspective (Перспектива). Для помещения «текстур» в рамку применен эффект PowerClip (Контейнер) рис. CD-1.16.


Чем сложнее компьютерное изображение, тем большее количество команд и эффектов приходится применять.

1.4. Тени

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

Различают два типа освещения: естественное (солнечное) и искусственное (центральное). При солнечном освещении считается, что лучи идут параллельно (рис. 1.17). При центральном – лучи света исходят из одной точки (рис. 1.18).


Рис. 1.17. Построение теней при солнечном освещении


Рис. 1.18. Построение теней при центральном освещении


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

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

Рассмотрим составляющие светотени – свет, полутень, собственную тень, падающую тень, рефлекс, блик. Схематично они показаны на рис. 1.19.

Освещенную часть поверхности объекта условно называют светом.

На гладких кривых поверхностях часто наблюдаются блики — наиболее освещенные места, в которых происходит отражение света.

На части объекта, не освещенной прямыми лучами, источника света лежит собственная тень.

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

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


Рис. 1.19. Элементы светотени


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

Назад Дальше