Текст книги "Издательство на компьютере. Самоучитель"

Объекты композиции, назовем их условно «пятна», обладают качествами тона, размера и формы. Им можно задать определенный ритм, пластику, цвет, контраст. Уточню, о чем речь.

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

Рис. 7.1. Умышленное изображение автором «черного на черном», чтобы сделать акцент на лице девушки

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

Ритм задает форме движение через повторяемость и выполняет организационную или эстетическую роль (рис. 7.2). Для динамического ритма характерно вертикальное чередование, для спокойного, плавного ритма характерно горизонтальное чередование. Четкость восприятия композиции и ее запоминаемость напрямую зависят от ритма.

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

Рис. 7.2. Многократный повтор одного объекта создает определенный эффект (ритм) воздействия на зрителя

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

Движение, ритм и пластика являются средствами организации композиции. Например, используя движение, мы можем привести внимание зрителя к определенному месту композиции. При этом ритм и пластика зададут этому движению какое-то конкретное настроение.

Рис. 7.3. Пример пластики в фотоизображении сцены из балета

Контраст позволяет выделить и гиперболизировать особенности двух и более изображений, предметов, цветов (рис. 7.4). Большой рядом с маленьким, толстый и тонкий (рядом с толстым тонкий кажется еще худее). Этот прием позволяет усилить свойства предмета по сравнению с его антиподом.

Рис. 7.4. Пример изображения с высоким контрастом цветов

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

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

Рис. 7.5. а) пример контраста шрифтов по их размеру; б) пример конфликта шрифтов по их гарнитурам

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

Превратить любое цветное изображение в тоновое можно в любом графическом редакторе, и даже в MS Word. В последнем случае на панели настройки изображения для выделенного рисунка нужно выполнить команду Цвет | Черно-белое (рис. 7.6).

Рис. 7.6. а) исходное цветное изображение; б) тоновое черно-белое изображение, соответствующее оригинальному цветному

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

Соблюдение данного правила нужно, для того чтобы ясно воспринималось, что есть фон, а что – объекты на нем (рис. 7.7). Обычно подсознательно в качестве фона воспринимается то, чего больше. А если количества черного и белого равны, это вызывает дискомфортные колебания восприятия из-за невозможности явного предпочтения.

Рис. 7.7. Очень много фона и мало изображения, что неправильно

Композиция должна восприниматься как единое целое. Для этого ее выстраивают относительно единого узла, называемого композиционным центром.

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

Новый термин

Композиционный центр – это точка, некий центр равновесия в изображении, он находится где-то на линии, соединяющей центры отдельных пятен изображения (рис. 7.8). Композиционный центр не является геометрическим центром листа.

Рис. 7.8. Пример поиска композиционного центра изображения

Рис. 7.9. Композиционный центр: а) снизу; б) сверху; в) диагональный

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

Если в композиции все пятна находятся на каком-то расстоянии от краев, а одно пятно расположено вплотную к правому краю, то у зрителя создастся впечатление, что изображение обрезано. Это создает дискомфорт. По горизонтали выходы пятен в края композиции должны компенсироваться (рис. 7.10, а).

Рис. 7.10. Примеры баланса композиции: а) правильно; б) неправильно

То же с выходами объектов композиции вверх и вниз – они нуждаются в компенсации. Геометрическим центром листа в композиции является не точка, а линия. Пример неустойчивой (падающей) композиции показан на рис. 7.10, б.

На изображении с большим количеством предметов взгляд задерживается дольше, чем на однопредметной композиции (рис. 7.11). Дело в том, что при виде таких изображений у человека возникает подсознательное стремление разгадать, в чем суть данного изображения.

Рекомендуемое количество объектов (элементов композиции) приблизительно должно быть равно числу Мюллера 7 ±2. Больше – возникает ощущение перегруженности, меньше – скучно смотреть.

Рис. 7.11. Многопредметная композиция

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

Рис. 7.12. Пример перспективы

Теперь от простой, тоновой композиции перейдем к законом более сложной, цветной композиции. Если в черно-белой композиции составляющими ее компонентами были черные и белые пятна, то в цветовой композиции это будут «теплые» и «холодные» пятна.

Как вам уже известно (см. главу 6), теоретически любой цвет в модели CMYK можно составить из голубого, красного, желтого и черного цветов. Черный, белый и смешанные из них серые цвета относятся к ахроматическим (в буквальном переводе – бесцветным) цветам. Они не имеют собственной теплоты. Три хроматических цвета (красный, желтый, голубой), будучи попарно смешаны, дают основные цвета спектра, которые делятся на две группы – теплые и холодные. Теплые цвета: желтый, оранжевый, красный. Холодные цвета: фиолетовый, голубой, зеленый.

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

Рис. 7.13. Цветовой круг без градаций цветов

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

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

Вот еще несколько примеров ассоциативной роли цвета:

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

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

□ красный свет сам по себе является цветом предупреждения об опасности. Он всегда обращает на себя внимание и заставляет остановить на нем свой взгляд;

□ фиолетовый цвет – цвет тревоги, беспокойства, неуверенности, меланхолии. Совмещение красного цвета с фиолетовым без третьего разделяющего цвета вызывает у наблюдателя раздражение;

□ белый и черный цвета являются нейтральными сами по себе. Они не вступают в конфликт с другими цветами, а дополняют их. Аналогично нейтральными являются все градации серого.

Советы по выбору цвета:

□ выбирайте сочетающиеся цвета – как правило, цвета, вместе встречающиеся в природе, сочетаются;

□ между текстом и фоном должен быть контраст. Однако цвета должны контрастировать, но не дисгармонировать;

□ лучше темный цвет на светлом фоне, чем наоборот;

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

Цветовой анализ цветной композиции можно сделать несколькими способами:

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

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

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

Рис. 7.14. Цветное изображение выкрашено в теплый и холодный цвета

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

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

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

Рис. 7.15. Линейная композиция

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

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

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

Рис. 7.16. Пример неудачного кадрирования изображения и плохого фона

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

Направляющие линии играют важную роль в композиции изображений, т. к. придают им динамику. Динамичность не следует понимать буквально, т. е. если изображение динамичное – это совсем не означает, что на нем кто-то должен бежать, стрелять или прыгать. На рис. 7.17 показаны неподвижные прищепки, и, тем не менее, за счет формы веревки (направляющей линии) снимок не статичен, а динамичен.

Рис. 7.17. Пример динамичной композиции

Довольно часто в композиции в качестве направляющей используется зигзаг (S-линия). Эта кривая очень выразительна (рис. 7.18). Следуя подобного рода линиям, зритель самым естественным образом воспринимает сюжетно важные детали изображения.

Рис. 7.18. Пример S-направляющей, делающей композицию динамичной

Для выбора композиции можно использовать и другие формы линий. Диагонально расположенные линии тоже можно использовать как направляющие для глаз зрителя (рис. 7.19).

Рис. 7.19. Диагональное построение композиции изображения

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

Рис. 7.20. Достижение динамики изображения за счет смещения главного объекта в сторону от композиционного центра изображения

Аналогичный прием вы можете увидеть и в показанных ранее (и по другому поводу) изображениях на рис. 7.1, 7.4 и 7.17.

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

Рис. 7.21. Ветки дерева на переднем плане подчеркивают удаленность памятника (глубину пространства)

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

Замечание

Одним из следствий принципа "золотого сечения" является соотношение сторон кадра изображения, где ведущая пропорция 2:3. Примерами могут служить размеры фото в ателье (9x13, 10 х 15 и др.).

Рис. 7.22. Размещение двух объектов по правилу «золотого сечения»

Из правила «золотого сечения» вытекает также и то, что при выборе композиции всегда нужно учитывать путь следования движущихся объектов и оставлять им пространство для продолжения движения. Взгляд также не должен упираться в раму изображения (рис. 7.23).

Рис. 7.23. Пример того, насколько важнее оставить свободное пространство перед объектом, чем позади него

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

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

Рис. 7.24. Пример неуравновешенной композиции

На рис. 7.25 показан симметричный баланс изображения: муха уравновешивает цветок.

Рис. 7.25. Симметричный баланс изображения

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

Рис. 7.26. Несимметричный баланс изображения

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

Рис. 7.27. Черная кошка на черном фоне (неправильно)

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

На восприятие графической работы очень сильно влияет пространственное расположение объектов. Чем ближе объект, тем он кажется главнее – рис. 7.28.

Рис. 7.28. Ближний объект привлекает больше внимания

Мы рассмотрели искусство композиции, в основном, в фотодизайне. Но основные правила композиции в фотографии идентичны тем, что существуют в компьютерной графике, полиграфии, Web-дизайне. Далее я приведу примеры, подтверждающие это положение.

Научить профессиональному дизайну непросто. Если по HTML-верстке и азам проектирования Web-сайта можно написать пошаговую инструкцию, то с дизайном это не так. Здесь нужно наличие таких качеств, как талант, творческое воображение, художественный вкус, интуиция. Эти понятия не поддаются математическому описанию и у многих людей попросту отсутствуют.

Главная особенность графических файлов для Web-дизайна – их небольшой размер. Как показывает практика, чаще всего пользователь ждет появления изображения с разрешением 8004 600 на своем экране 15" не более 8 секунд.

Время загрузки = объем/скорость пропускания. Учитывайте это! Отсюда, в частности, следует, что при получении Web-изображений сканированием нецелесообразно устанавливать разрешение сканера более 72—96 пикселов на дюйм.

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