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

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

Рис. 1.20. Направление светового потока и построение падающей тени

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

Если рассмотреть куб и цилиндр, стоящие рядом, становится очевидным, что при одном и том же освещении характер распределения элементов светотени на этих объектах различен. На поверхности цилиндра наблюдаются плавные, постепенные световые переходы, на гранях куба – резкий переход от освещенной поверхности к затененной. Даже на одной грани многогранника свет распределен неодинаково, это объясняется тем, что при удалении от наблюдателя освещенные части затемняются, а затемненные, наоборот, высветляются. Кроме того, чем ближе расположены поверхности к источнику света, тем сильнее контраст тени и света.

Упражнение 1.7

В CorelDRAW нарисуйте простые объекты (шар и куб), моделируя объем светотенью (рис. CD-1.21). Для создания блика и рефлекса на шаре следует использовать инструмент Gradient Mesh (Градиентная сетка) (рис. CD-1.22). Для граней куба можно применить градиентные заливки.

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

Упражнение 1.8

Нарисуйте векторное изображение (или скопируйте из любой векторной библиотеки) и примените к нему эффект Interactive Drop Shadow (Интерактивная тень). Кнопка этого инструмента находится на панели инструментов в группе Interactive Tool (Интерактивные инструменты). Посмотрите на панели атрибутов различные варианты изображения тени: направление, типы границ, расстояние от объекта и т. д. (рис. CD-1.23).

1.5. Ассоциативность и образность

Ассоциативность устанавливает связи между отдельными представлениями, вследствие чего одно из них вызывает другое, третье и т. д.

Образность — основанная на ассоциативности способность сознания возбуждать художественные образы.

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

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

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

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

Развитие ассоциативного и образного мышления было основной задачей Баухауза, самой известной школы дизайна начала XX века.

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

На первый курс принимались все желающие заниматься искусством. Для них была разработана принципиально новая программа, названная «форкурсом». Форкурс позднее получил название пропедевтического курса. Он длился один семестр. За это время студенты должны были проявить свои творческие способности, познакомиться с основами художественной композиции и цветоведения, выбрать свою будущую специализацию.

Первой задачей форкурса было развитие воображения и творческих способностей студентов. Занятия по созданию образа, проводимые одним из создателей Баухауза, швейцарским художником, теоретиком искусства Иоханнесом Иттеном (1888–1967), базировались на учении о контрастах. «Контрасты черного – белого, большого – маленького, холодного – теплого – самые яркие примеры мира контрастов. Как на земле между северным и южным полюсами развертывается все многообразие жизни и красоты, так и все возможные градации жизни и красоты мира контрастов распределяются между их полярными полюсами» (И. Иттен).

1.6. Выразительность графических средств

Рассмотрим эмоциональное восприятие основных элементов графики – точки, линии, пятна.

Разные типы линий вызывают различные, вполне определенные, чувства и ассоциации. Форма линий, их направление, изменение толщины – все это определяет выразительность рисунка:

? горизонтальные линии ассоциируются с основательностью, спокойствием, тишиной;

? вертикальные – передают стремление вверх, рост, торжественность;

? спиральные – характеризуют вращательно-поступательное движение, развитие;

? ломаные – агрессивность, неуравновешенность;

? волнообразные – передают движение, скорость;

? наклонные восходящие, или активные — ассоциируются с надеждой, взлетом, подъемом;

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

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

Графическая форма линии, а следовательно, и ее выразительность, зависят от инструмента и техники создания.

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

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

Линию, создаваемую с помощью рисующих инструментов векторной компьютерной программы, называют контуром.

Прямая или ломаная линии создаются щелчками мыши в начале и конце рисуемого отрезка. Криволинейный контур формируется несколькими опорными точками (узлами), соединенными сегментами (кривыми Безье). Непосредственно с опорной точкой связаны управляющие линии, являющиеся касательными к кривой в опорной точке. Управляющие линии заканчиваются управляющими точками, перемещение которых позволяет менять кривизну сегмента (рис. 1.24).

Рис. 1.24. Общий вид кривой Безье

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

Для рисования линий произвольной формы в CorelDRAW используются инструменты группы Freehand Tool (Кривая). Для редактирования – инструменты группы Shape Tool (Форма).

Можно менять вид контура: толщину, тип линии, цвет, форму окончания, имитировать угол наклона плакатного пера. Для этого нужно задать нужные параметры в полях Width (Толщина), Style (Тип линии), Arrows (Стрелки) и Calligraphy (Каллиграфия) диалогового окна Outline Pen (Параметры обводки). Оно выводится на экран с помощью кнопки Outline Tool (Обводка), расположенной внизу панели инструментов (рис. 1.25).

Рис. 1.25. Диалоговое окно Outline Pen

Упражнение 1.9

Нарисуйте в CorelDRAW произвольный контур и попробуйте поменять его параметры: кривизну, толщину, цвет и т. д. (рис. CD-1.26).

Важное свойство линий векторной графики – возможность сохранять или изменять их толщину при масштабировании всего изображения. В CorelDraw для этого нужно снять или установить параметр Scale with image (Масштабировать вместе с объектом) в диалоговом окне Outline Pen (Параметры обводки).

Векторные контуры можно превращать в объекты, т. е. цвет толстой линии преобразовывать в заливку, обведенную тонким контуром (рис. 1.27). Для этого нужно выделить линию и применить команду Convert Outline to Object (Преобразовать линию в объект) из меню Arrange (Управление).

Рис. 1.27. Изменение толщины контура и превращение его в объект

Различные режимы инструмента Artistic Media (Художественная кисть) позволяют имитировать работу мягкой кисти, распылителя, плакатного пера, декоративной кисти (рис. 1.28).

Рис. 1.28. Примеры применения инструмента Artistic Media

Нарисованному контуру можно присвоить значение кисти любого вида (рис. 1.29).

Рис. 1.29. Пример присвоения контуру значения кисти