Основы графического дизайна на базе компьютерных технологий
Шрифт:
Рис. 1.3. Пример целостного восприятия линий
Выгляните в окно. Вы увидите дома, машины, людей, деревья. Все это – отдельные объекты, объединенные в группы. Посмотрите на дом: вы увидите окна, двери, крышу, балконы. Рассмотрите теперь само окно: оно состоит из рамы, стекол, подоконника, петель, ручки. Взаимосвязь всех элементов составляет единое целое, выявляет общий смысл. Этот принцип лежит в основе составления любой композиции.
1.1.6. Константность
Константность (предметность) или постоянство восприятия величины и формы – это механизм коррекции, обеспечивающий адекватность зрительного образа объекта самому объекту. Велосипед, рассматриваемый с разных точек зрения, в разных проекциях, выглядит по-разному, но человек безошибочно узнает именно велосипед (рис. 1.4).
Рис. 1.4. Пример константности восприятия
Некоторые типы константности – врожденные, например, инвариантность к размеру: большой и маленький чайник однозначно воспринимаются
1.1.7. Соотносительность
Соотносительность — особенность восприятия, выражающаяся в том, что все свойства одних предметов воспринимаются в сравнении с теми же свойствами других предметов. На этом основаны такие средства композиции, как масштабность и пропорциональность, о которых пойдет речь ниже. Если на картинке изображен только один объект, вы, скорее всего, не сможете сказать, большой он или маленький. Следует поместить его в какую-то среду, сопоставить габариты с известными размерами других предметов. Глаз воспринимает линию как длинную, если для сравнения перед ним находится другая, более короткая. Но та же линия будет казаться короткой, если рядом расположена линия большей длины. Эмоциональное восприятие одного и того же объекта зависит от его окружения (рис. 1.5).
Рис. 1.5. Пример соотносительности при восприятии размера
Принцип соотносительности восприятия справедлив не только для размера. Это свойство зрения позволяет усилить восприятие цветности изображения: темное на светлом фоне кажется более темным и наоборот (рис. 1.6); контраст цветов усиливает их «звучание».
Рис. 1.6. Зависимость восприятия светлоты от контраста
Подсознательное стремление человека сравнивать объекты иногда приводит к глазомерным ошибкам и иллюзиям.
1.2. Иллюзорность при восприятии графики
Иллюзорность — обманчивость зрительного восприятия. «Мысль изреченная есть ложь!» (Тютчев), но лжет иногда и изображение, вернее, наше восприятие этого изображения.
Причина оптической иллюзии лежит как в физических свойствах предмета, так и в особенностях механизма зрения, и является следствием несовершенства органов чувств. Оптические иллюзии закономерны и объективны.
Глазомерная оценка – обязательная часть зрительного восприятия. Человек подсознательно отмечает равенство отрезков, их параллельность, пропорции, одинаковость фигур, даже если они повернуты относительно друг друга, и т. д. Глазомерные оценки бывают порой ошибочны, и эта ошибочность достаточно устойчива.
Неточность восприятия формы и размера зависит от геометрических параметров изображения и от цвета. О цвете мы поговорим позже, а пока рассмотрим графические иллюзии на черно-белых изображениях, учитывая такую характеристику, как светлота.
На рис. 1.7 приведены примеры иллюзий, возникающих при восприятии формы объекта.
1. Квадрат или круг, нарисованные «на глаз», как правило, оказываются вытянутыми вверх, т. к. вертикальные размеры человек воспринимает чуть меньшими, а горизонтальные чуть большими истинных.
2. Геометрический центр плоского объекта обычно воспринимается чуть выше, чем он располагается реально, поэтому, располагая изображение в поле листа, его следует смещать немного вверх.
3. Если небольшой объект (например, круг), расположить в верхней части листа, он будет выглядеть более «легким», а если сместить его вниз – покажется более «тяжелым».
4. Горизонтально ориентированный прямоугольник кажется более устойчивым и тяжелым, чем этот же объект, повернутый вертикально.
5. Вертикальные линии зрительно увеличивают высоту, а горизонтальные – ширину протяженного объекта.
6. Горизонтальные линии кажутся толще, чем вертикальные.
7. Светлые предметы на темном контрастном фоне кажутся больше, чем темные на светлом. Это явление называется иррадацией (от лат. irradiare — «сиять»).
8. Белый силуэт на темном фоне более выразителен, чем черный на белом, но восприятие черного лучше.
Рис. 1.7. Примеры иллюзий при восприятии формы объектов Упражнение 1.1
В CorelDRAW создайте простые геометрические объекты: квадрат, круг, прямоугольник, пятно произвольной формы. Поворачивая и перемещая эти объекты, изменяя их размеры и цвет, выполните все примеры, иллюстрирующие графические иллюзии при восприятии формы объекта (см. рис. 1.7).
На рис. 1.8 приведены примеры иллюзий, возникающих при восприятии группы объектов.
1. Иллюзия стрелок Мюллера-Лиера (слева – отрезок разделен на две равные части; справа – правая часть отрезка короче левой на 25 %).
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). Нарисуйте горизонтальный отрезок прямой. Перечеркните его небольшим отрезком, расположенным под углом. Выделите маленький отрезок, переместите его в горизонтальном направлении при нажатой клавише <Ctrl> и, не отпуская левую кнопку мыши, щелкните правой. Появится копия маленького отрезка. Несколько раз нажмите комбинацию клавиш <Ctrl>+<D>. Выделите все объекты, сгруппируйте и создайте несколько зеркальных копий.
6. Иллюзия волнистой линии (см. рис. 1.8.6.). Нарисуйте вытянутый прямоугольник и залейте его градиентной заливкой.
7. Иллюзия искажения прямого угла (см. рис. 1.8.7). Из двух наклонных отрезков прямой создайте тупой угол. Сгруппируйте эти отрезки и создайте несколько копий. Для этого переместите первую группу и щелкните правой кнопкой мыши, не отпуская левую, а затем несколько раз нажмите <Ctrl>+<D>. Нарисуйте квадрат, выделите и, удерживая <Ctrl>, потяните за угловой маркер выделения. Не отпуская левую кнопку мыши, щелкните правой. Появится еще один квадрат. Сгруппируйте квадраты и расположите так, чтобы вершины квадратов совпадали с вершинами тупых углов.
8. Иллюзия искажения окружности (см. рис. 1.8.8). Нарисуйте равнобедренный треугольник. В центр нижнего ребра добавьте узелок и сместите его вверх. С помощью команды Offset (Подобие) создайте несколько подобных объектов. Нарисуйте окружность и поместите ее поверх созданной группы.
Большим мастером иллюзий был замечательный график, голландец Морис Корнелиус Эшер (1889–1972). Его работы – настоящие оптические головоломки. В них результат его исследований симметрии, перерождения одной исходной формы в качественно иную, отображение трехмерного пространства на плоскости листа (см. рис. CD-1.9, CD-I.10, 1.11).
Рис. 1.11. М. К. Эшер. «Бельведер». 1958 г.
1.3. Перспектива
Изменение формы объекта в пространстве – одна из наиболее ярких зрительных иллюзий. Всем известно, что одинаковые фигуры по мере удаления от зрителя воспринимаются неодинаковыми. Параллельные прямые кажутся непараллельными, сходящимися в одной точке (точке схода), а непараллельные – параллельными, окружности выглядят эллипсами и т. д.
Такие свойства зрительного восприятия называют перспективными искажениями. Существует объективная закономерность перспективного видения.
Передача глубины пространства на плоскости – наиболее часто встречающаяся в работе дизайнера задача. При изображении на плоскости или изогнутой поверхности видимые формы реальных объектов моделируются с учетом особенностей зрительного восприятия.
Изображение глубины трехмерного пространства в соответствии с кажущимся изменением величины, очертаний, резкости контуров и детальности предметов, которое обусловлено степенью отдаленности их от точки наблюдения, называется перспективой.