Черно-белая фотография: свет, контраст, композиция

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

Композиция

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

Представляя будущий ч/б снимок забудьте о сочных красках – они сольются в монохромной фотографии. А что же важно? Это полутона и вся их гамма. Диапазон хорошего снимка – от черного цвета до чисто белого. Тональность и контрастность – это главные отправные точки, от которых зависит успех вашей работы. Но надо заметить, что на черно-белых снимках темные участки будут выглядеть практически черными, поэтому старайтесь так построить сюжет, чтобы избежать больших «черных дыр».

RAW

Снимайте в цвете, черно-белой фотографию вы всегда успеете сделать. Поэтому используйте режим RAW и съемку черно-белой фотографии. Когда вы сделаете кадр, то на дисплее камеры вы увидите черно-белое превью. Но сам raw файл при этом «цветной». Так, загрузив фото в RAW конвертер, вы сможете конвертировать его как в ч/б, так и в цветной снимок.

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

Контраст

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

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

ISO

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

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

Текстура и форма

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

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

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

Свет

Вам нужно убедиться, что у вас есть достаточно света, чтобы захватить детали. Помните, что у нас нет цветов, чтобы выделить или создать детали. Мы должны позволить свету делать свое дело. Красивое голубое небо выглядит серым в черно-белой фотографии.

Понимание источника света очень важно, поскольку различные источники фотографируются по-разному и с разными настройками. Спросите себя, откуда падает свет. Это может быть первичный источник света, такой как солнце или искусственная вспышка? Может быть, свет отражается от стены или отражателя.

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

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

Читайте также:

Как сделать фон для фотосъемки предметов

Самый подробный гид по базовым жанрам в фотографии

Всё о ню фотосъемке: модели, свет, правила

say-hi.me

Принципы дизайна: Черное и белое

Темная и светлая стороны дизайна

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

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

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

Черный и белый цвета глубоко встроены в нашу ДНК и культуру. Они важны для восприятия окружающего нас мира. Даже люди с нарушениями зрения способны видеть черное и белое.

Эти два цвета могут влиять на то, как мы чувствуем, думаем и даже действуем. Давайте посмотрим, как эти универсальные “цвета” влияют на наши проекты.

Но сперва, черный или белый цвет?

В зависимости от перспективы и кому вы даете ответ, он может быть, как “да”, так и “нет”!

Если вы думаете о цвете как о свете, тогда только белый будет цветом. Если вы думаете о цвете как о пигменте, тогда черный будет цветом. Истина лежит посередине.

Цвета, которые мы воспринимаем, зависят от количества отраженного света от объектов, на которые мы смотрим. Самый черный-черный цвет (a.k.a. Вантаблэк (Vantablack), которого человечество сумело добиться на сегодняшний день, почти не отражает свет. Белый, с другой стороны, отражает весь свет. Между этим вы получите остальные цвета.

Ремарка: Если вы хотите узнать больше о работе с цветом, Эрик Д. Кеннеди написал замечательную статью о цвете в дизайне пользовательского интерфейса.

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

Черные эффекты

Черные эффекты срабатывают под воздействием черного цвета. Чем больше пользователей будут подвержены воздействию цвета, тем сильнее будет эффект. Черный – это ахроматический цвет, цвет без оттенка. (HSV: -°, -%, 0%)

Он часто ассоциируется с агрессией, элегантностью, силой, страхом, тайной, утонченностью и злом.

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

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

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

Что мы можем сделать с черными эффектами в дизайне?

От одежды до всех видов девайсов черный цвет выдержал испытание временем. Использование черного в дизайне продукта – это почти верный способ увеличить воспринимаемую ценность. Мы можем использовать черный цвет для создания “черного лейбла” версии нашего продукта.

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

Carine’s Closet – Fashion Blog

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

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

Material Design. Создание объема, путем добавления больше тени (черного)

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

Ночной режим электронных книг позволяет удобнее читать вечером

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

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

Белые эффекты

Белые эффекты срабатывают при воздействии белого цвета. Белый – это также ахроматический цвет, цвет без оттенка. (HSV: -°, 0%, 100%)

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

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

Люди как правило связывают доброту и спокойствие с белым цветом, просто подумайте о таких выражениях, как “Рыцарь на белом коне”, “Белое свадебное платье”, “Белый пушистый снег” и т.д. Все они связаны с хорошей природой белого цвета.

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

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

Что мы можем сделать с белыми эффектами в дизайне?

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

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

Pinterest – замечательный пример хорошего дизайна с использованием белой основы для их пользовательского интерфейса.

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

Используя слишком много белого и серого далеко не уйдете.

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

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

Мысли в заключение

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

Эта статья была вдохновлена книгой “Универсальные принципы дизайна” пера Уильяма Лидвелла.

Призыв к действию

Спасибо за внимание! Пишите мне в LinkedIn и Twitter.

Другие принципы дизайна

ux.pub

Основы композиции

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

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

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

Дальше. У нас с вами есть один универсальный инструмент, дарованный нам природой, это- наши глаза, наше зрение. Так вот, наш глаз видит и воспринимает окружающий нас мир в пропорциях и соразмерностях. Как это понимать? Наше зрение способно чувствовать гармонию, и то, что не гармонично. Наш глаз способен находить разницу между несоответствием размеров отдельных частей и всего целого, или наоборот- видеть полное соответствие. Зрение способно ощущать сочетания цветов, которые не раздражают глаз или наоборот- могут оказаться абсолютно дисгармоничны. Скажу больше, наше природное чутье уже с самого начала, хотите вы этого или нет, стремится к ощущению гармонии во всем. И подсознательно обязывает по ощущению компоновать предметы и их части так, чтобы ни одна часть композиции не оказалась чужеродной или несоразмерной. Надо только научиться прислушиваться к своим ощущениям и понимать, каким способом добиться гармоничности, то- есть, составить хорошую композицию. Любую.

Идем дальше. Возьмем какую- либо форму, например- круг и попробуем поразмещать его в различных местах плоскости листа. Мы можем увидеть, почувствовать- что в одних случаях он будет занимать более устойчивое положение, в других- неустойчивое. Рисунок слева: смотрите как работает наше зрение- казалось бы, для круга наиболее устойчивое место- это совпадение его центра с геометрическим центром плоскости листа (проведя линии- диагонали из угла в угол листа мы получаем центр листа на пересечении этих линий). Однако, это не все. Из- за оптической иллюзии (глаз несколько переоценивает верхнюю и недооценивает нижнюю часть плоскости) круг воспринимается слегка сдвинутым вниз. Чувствуете, как круг как- бы притягивается к основанию квадрата? Круг не чувствуется отчетливо ни по середине, ни ниже, и от этого происходит непонимание его положения, ощущается дисгармония. Как добиться гармоничности? В каком положении должен оказаться круг, что- бы мы воспринимали его в плоскости листа гармонично? Естественно, его нужно немного сместить вверх. Смотрите рисунок справа. Чувствуется устойчивое положение круга? Он занимает в квадрате точно свое место. Таким образом, наша простейшая композиция будет являться более гармоничной, а значит- более правильной.

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

Дальше..

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

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

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

Теперь попробуем составить еще одну композицию, но уже с несколькими участниками. Смотрите рисунок слева. Что мы видим, что мы ощущаем? А мы ощущаем, что наша композиция не гармонична, потому как отдельные части ее не уравновешены. Предметы сильно смещены влево, оставляя пустое, ненужное, незадействованное в композиции пространство справа. А глаз стремится всегда все уравновешивать и добиваться гармонии. Что здесь нам нужно сделать? Естественно, уравновесить части композиции, чтобы они гармонично составляли одну большую композицию и являлись частью одного целого. Нужно сделать так, что- бы нашему зрению было комфортно.

Смотрите на рисунок справа. Вот так вам чувствуется гармоничнее? Думаю да. Что это значит? При визуальном восприятии элементов и плоскости листа и при анализе их связей: ощущается воздействие внутренних сил структуры плоскости на характер поведения изобразительных элементов. Что это значит? Наши учавствующие в композиции элементы взаимодействуют с условными диагональными, вертикальными и горизонтальными осями плоскости. Мы добились устойчивого зрительного равновесия всех компонентов композиции относительно геометрического центра. Даже если ни одна фигура здесь не находится по середине, они уравновешивают друг друга, образуя вместе центр там, где зрение этого ожидает, по этому и смотреть на этот рисунок более комфортно чем на предыдущий.

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

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

Основы композиции- статичное равновесие и динамичное равновесие

Композиция должна быть гармонична и отдельные участки ее должны быть уравновешены. Шагаем дальше и разбираем следующие понятия:

Статичное равновесие и динамичное равновесие. Это способы уравновесить композицию, способы создать гармоничность. Способы разные, так как воздействуют на наше зрение по- разному. Допустим, у нас есть две композиции. Смотрим на рисунок слева: что мы имеем? Мы имеем композицию, в которой учавствуют круг и полосы. Здесь показано статичное равновесие круга и полос. Как оно достигается? Во первых- если посмотреть на скрытую структуру листа композиции, то можно понять, что она строится в первую очередь по горизонтальным и вертикальным осям. Более чем статично. Во- вторых: использованы статичные элементы- круг и полосы, круг уравновешен полосами и не вылетает из плоскости и условный геометрический зрительный центр располагается на пересечении диагоналей, также композиция может рассматриваться со всех сторон, не давая повода выявлению дисгармонии.
Теперь смотрим на рисунок справа. Мы видим динамичное равновесие нескольких полукругов и кругов с выделением доминанты цветом. Как достигается динамичное равновесие? Если смотреть на скрытую структуру листа, то кроме горизонтальных и вертикальных осей построения композии можно четко видеть использование диагональной оси. Ее присутствие, использование- выдает красный круг, который в этой композиции является доминантой, доминантным пятном, участком, на который глаз обращает внимание в первую очередь. Вводим понятие- композиционный центр.

Композиционный центр. Доминанта

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

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

Композиционный центр зависит от:

1. Своей величины и величины остальных элементов.

2. Положения на плоскости.

3. Формы элемента, которая отличается от формы других элементов.

4. Фактуры элемента, которая отличается от фактуры других элементов.

5. Цвета. Путем применения контрастного (противоположного цвета) к цвету второстепенных элементов (яркий цвет в нейтральной среде, и наоборот, или хроматический цвет среди ахроматических, или теплый цвет при общей холодной гамме второстепенных элементов, или темный цвет среди светлых…

6. Проработки. Главный элемент, доминанта- более проработан, чем второстепенные.

Композиционный и геометрический центры композиции

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

Примечание: композиция справа атнюдь не создана при помощи красок на бумаге, но уж очень мне понравилась, и сути, по большому счету, это не меняет Это также- композиция. Продолжаем…

Вы скажете- где геометрический центр композиции? Отвечаю: геометрический центр композиции там, где и должен быть. Изначально может показаться, что он находится там, где расположена доминанта. Но доминанта это скорее акцент, завязка композиции, то-есть- композиционный центр. Тем не менее, мы не забываем, что есть еще и скрытая структура композиции, геометрический центр которой расположен как и в композиции слева. Первый свой взгляд зритель обращает на композиционный центр, доминанту, но после ее рассмотрения, и дальше после обзора всей композиции, ваш глаз все- же остановился в геометрическом центре, верно? Проверьте сами, проследите за своими ощущениями. Он нашел там «успокоение», самое комфортное место. Время от времени он снова рассматривает композицию, обращая внимание на доминанту, но потом опять успокаивается в геометрическом центре. Потому и называется такое равновесие- динамичным, оно вносит движение- зрительное внимание не рассеяно равномерно по всей композиции, а идет по определенному ходу, который создал художник. Ваш глаз найдет в композиционном центре движение, но не сможет там успокоиться. И именно при удачном построении композиции, а именно- правильном использовании геометрического центра, она гармонично просматривается с любого поворота. А композиционный центр- с него начинает вести диалог со зрителем композиция, это- участок композиции, позволяющий управлять вниманием зрителя и направлять его в нужном направлении.

Статичная композиция и динамичная композиция

Вот мы подошли к следующим терминам, которые нужно нам с вами рассмотреть. Эти термины отличаются по смыслу от статического равновесия и динамического, смысл: уравновешивать можно любую по характеру композицию разными способами. Итак… Что такое статичная композиция? Это состояние композиции, при котором сбалансированные между собой элементы в целом производят впечатление ее устойчивой неподвижности.

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

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

3. Присутствует некая мягкость в тональном решении.

4. Цветовое решение строиться на нюансах – сближенные цвета.

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

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

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

Основы композиции- упражнения

Дополнительные упражнения можно выполнять гуашью, как аппликацию, цветными карандашами и прочими материалами, с которыми ваша душа пожелает работать. Вы можете выполнять начиная с того упражнения, которое вам больше всего покажется легким или интересным, и до самого сложного.

1. Уравновесьте на квадратной плоскости несколько простых по форме элементов. По этому- же принципу выполните композицию простого пейзажного мотива.

2. Из простых стилизованных мотивов природных форм выполните эскиз замкнутой композиции (не выходящей за рамки картины), заключенной в формат листа. Замкнутая композиция- действие закручивается только в том пространстве, которое вы используете, полная досказанность. В композициях имеется ход по кругу.

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

4. Применяя принцип членения элементов композиции, уравновесьте в прямоугольном формате несколько фигур различной конфигурации. По этому принципу выполните простую композицию на произвольную тему.

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

6. Расчлените плоскость листа на условную структуру по ощущению и составте на ее основе композицию: решение черно- белое.

Выразительные средства композиции

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

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

Существуют три вида линий:

Прямые: вертикальные, горизонтальные, наклонные
Кривые: окружности, дуги
Кривые с переменным радиусом кривизны: параболы, гиперболы и их отрезки

Выразительность ассоциативного восприятия линий зависит от характера их начертания, тонального и цветового звучания.

Линии передают:

Вертикальные- стремление вверх

Наклонные- неустойчивость, падение

Ломаные- переменное движение

Волнистые- равномерное плавное движение, качание

Спиральные- замедленное вращательное движение, ускоряющееся к центру

Круглые- замкнутое движение

Овальные- устремление формы к фокусам.

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

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

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

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

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

Еще средства композиции

1. Соподчинение: человек в первую секунду начинает воспринимать композицию как силуэтное изображение на определенном фоне: площадь силуэта, рисунок контурной линии, степень компактности, тон, цвет, фактуру поверхности и так далее.

2. Симметрия и асимметрия: Действенным средством достижения равновесия композиции служит симметрия- закономерное расположение элементов формы относительно плоскости, оси или точки.

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

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

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

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

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

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

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

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

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

7. Цвет. Подробнее информация по цвету здесь- основы цветоведения.

Теплые яркие цвета применяются для выявления активных элементов композиции. Холодные цвета визуально удаляют их. Цвет активно действует на психику человека, способен вызывать самые различные чувства и переживания: радовать и огорчать, бодрить и угнетать. Цвет действует на человека независимо от его воли, так как до 90 % информации мы получаем посредством зрения. Экспериментальные исследования показывают, что наименьшая утомляемость глаз возникает при наблюдении цвета, относящегося к средней части спектра (желто-зеленая область). Цвета этой области дают более устойчивое цветовое восприятие, а крайние участки спектра (фиолетовые и красные) вызывают наибольшую утомляемость глаз и раздражение нервной системы.

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

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

Существует семь вариантов цветовой гармонии, построенных на сходстве:

1. одинаковая насыщенность при разных светлоте и цветовом тоне;

2. одинаковая светлота при различных насыщенности и цветовом тоне;

3. одинаковый цветовой тон при различных насыщенности и светлоте;

4. одинаковые светлота и насыщенность при разном цветовом тоне;

5. одинаковые цветовой тон и светлота при разной насыщенности;

6. одинаковые цветовой тон и насыщенность при разной светлоте;

7. одинаковые цветовой тон, светлота и насыщенность всех элементов композиции.

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

Упражнения еще…

1. Выполните зарисовку природного мотива линией и пятном

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

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

8. Расчлените плоскость круга, вписанного в квадрат (черно- белое решение), и из расчлененных кругов составте раппопортную композицию. Можете то- же самое проделать и с другими геометрическими фигурами.

Художник и композиция

Теперь речь пойдет не о том, как составить композицию, а скорее о силах, побуждающих созидать ее. Эти силы намного сильнее и работоспособнее, чем бы вы досконально и приделяя множество часов изучали технические моменты ее создания, но скупясь вкладывать в процесс хоть капельку своей души. Это сильная мотивация, побуждающая сила. Вы- художник, независимо от того, какими знаниями и навыками обладаете и на каком этапе развития находитесь. Вы- ХУДОЖНИК, творческая личность. Перед созданием композиции, любой, вы вынашиваете идею, думаете, ощущаете эмоции, наблюдаете ее созидание еще внутри себя. Некоторым из нас она снится во сне, некоторые из нас день ото дня пребывают под воздействием этого волшебного процесса, иногда он просто мешает нам жить как все обычные люди, потому как мы творим с самого начала ее еще внутри себя. Любая композиция, любое творение это сублимация тех ощущений и переживаний, которые сопровождают художника и растут в нем, в его сознании. И вот, однажды, в один момент, вы понимаете, что вот оно, творение, оно теперь может родиться на свет и вы поняли, наконец, что должны делать. И композиция- рождается. Теперь ничто не может остановить ваш творческий процесс. А по большому счету, композиция это- настроение художника, мысли, та самая идея, которую он выплескивает на безжизненную плоскость листа или холста, заставляя их ЖИТЬ своей, своеобразной жизнью, не похожей на все остальные. И даже если художник не очень силен в изучении законов составления композиции на листе, творческая сила созидания во много раз сильнее, все остальное- дело наживное. Не бойтесь выражать свои мысли и ощущения. Дерзкие и простые, загадочные и злые, радостные и фантастические…. никто не расскажет о ваших мыслях лучше, только вы сами.



paintmaster.ru

Черно-белая композиция «Бизнесмен», Уроки

Добрый день! Сегодня мы создадим необычную композицию в черно-белых тонах на фоне дождя. Вы научитесь приемам создания с нуля сцены ливня, а также правильному использованию инструментов Осветлитель и Затемнитель (Dodge/Burn) для эффектов освещения. Ну, и, конечно, я покажу вам, как создать великолепное черно-белое изображение. Начинаем!

Предварительный просмотр финального изображения:

Шаг 1.

Открываем фоновое изображение здания из материалов урока (Ctrl+O). Сразу обрежем снимок, используя инструмент Рамка (Crop Tool). Я захотел избавиться от машины справа и от части стены слева. Выделяем основную часть изображения, затем клавишу Enter (Ввод), обрезав лишнее.

Шаг 2.

В этом шаге я покажу, как перевести фоновый слой со зданием в черно-белое изображение и улучшить его внешний вид. Для этого создадим несколько корректирующих слоев (Adjustment Layers). Начнем с корректирующего слоя «Черное и белое» (Layer-New Adjustment Layer-Black/White или клик по иконке черно-белого круга внизу панели слоев и выбираем из списка нужное). Выполняем настройки коррекции со скриншота ниже. Так мы создали контрастное черно-белое изображение.

Далее, создаем корректирующий слой «Градиент» (Layer-New Adjustment Layer-Gradient Fill). Вы можете нарисовать градиент инструментом, но я предпочитаю использовать для этой цели корректирующий слой, что дает больше контроля за процессом.

Используем зеркальный (Reflected) градиент цветом от черного (#000000) к серому (#d6d6d6) с инверсией (Reverse). Располагаем его, как на изображении ниже (для того, чтобы переместить градиент по холсту, снова откройте диалоговое окно данной коррекции двойным кликом по его иконке). Изменяем режим смешивания (Blending Mode) для этого слоя на Перекрытие (Overlay).

Создаем новый слой (Ctrl+Shift+N) и выбираем инструмент Кисть (Brush) черного цвета с 0% жесткости. Вы, наверное, заметили, что по верхнему правому краю здания остался светлый участок, поэтому закрашиваем его кистью.

Теперь, создаем корректирующий слой «Карта градиента» (Layer-New Adjustment Layer-Gradient Map) и используем черно-белый градиент (с инверсией). Режим смешивания нормальный (Normal).

Этот прием значительно увеличивает контраст и придает изображению лучший вид.

Мы можем двигаться дальше, с фоном все. Я сделал верхнюю часть изображения темнее, чем нижнюю и среднюю по той причине, что хочу привлечь внимание к центру иллюстрации, где будет находиться мужчина. Если вы хотите, вы можете объединить все эти слои в группу (Ctrl+клик по миниатюрам слоев, затем Ctrl+G) и назвать ее «Фон».

Шаг 3.

Открываем изображение мужчины в Фотошоп (Ctrl+O) и извлекаем его с фона при помощи инструмента Перо (Pen Tool (P)). При обведении головы не делайте слишком тщательного контура, потом мы это подкорректируем. Нарисовав контур вокруг мужчины, выделяем его (Ctrl+Enter), затем инвертируем выделение (Ctrl+Shift+I) и удаляем лишнее (Delete). Снова инвертируем выделение (Ctrl+Shift+I) и копируем (Ctrl+C) человека в основной документ (Ctrl+V).

Размещаем слой с мужчиной выше группы «Фон» и называем его «Человек».
Как помните, я не рекомендовал тщательно вырезать волосы, оставляя немного пространства. Сейчас мы займемся их маскировкой.

Поскольку волосы героя короткие, мы для их маскировки будем использовать Кисть (Brush), что является самым легким способом.

Создаем маску (клик по иконке «Add Layer Mask» внизу панели слоев) к слою с мужчиной и активируем инструмент Кисть (Brush) черного цвета. Открываем палитру кистей в верхнем меню и выбираем из набора по умолчанию кисть «Брызги» под номером 24. Увеличиваем (Ctrl+ или инструмент Zoom) изображение и начинаем делать мазки кистью, маскируя края волос.

Шаг 4.

Теперь, как мы делали с фоновым слоем, слой с мужчиной необходимо перевести в черно-белое изображение. На этот раз я использовал только два корректирующих слоя: Карта градиента (Gradient Map) и Уровни (Levels). Разницей между корректирующими слоями Black/White и Gradient Map является то, что в первом случае (Black/White) можно задать значения яркости для каждого цвета, так что у вас больше контроля над контрастом в изображении.

Выполняем настройки коррекций со скриншотов ниже. Используем черно-белый градиент в корректирующем слое «Gradient Map» с нормальным режимом смешивания (Normal).

Выполняем настройки для коррекции «Уровни» (Levels). На обоих корректирующих слоях создаем обтравочную маску (клик пр.кн.мыши по миниатюрам коррекций и выбираем из списка – Create Clipping Mask), чтобы корректировки влияли только на слой с мужчиной.

Добавляем первый световой эффект на тело мужчины. Открываем «Стили слоя» (двойной клик по миниатюре слоя или клик по иконке «fx» внизу панели слоев) и добавляем параметр «Внутренняя тень» (Inner Shadow), выполняем настройки. Получился световой ореол вокруг плеч и головы мужчины.

Шаг 5.

Теперь самый важный шаг в уроке. Мы будем использовать поочередно инструменты Осветлитель/Затемнитель (Dodge/Burn) для создания яркого стильного эффекта, который вы видели при предварительном просмотре. Эти два инструмента будут использованы неразрушительным методом, что крайне важно для работы.

Я использовал для усиления черно-белого эффекта в своей работе два слоя: один для человека, другой для фона. Вы же можете все это выполнять на одном слое.
Создаем новый слой (Ctrl+Shift+N) и заполняем его 50% серым цветом (Edit-Fill или Shift+F5). Режим смешивания устанавливаем на Перекрытие (Overlay). Выбираем сначала инструмент Осветлитель (Dodge) с экспозицией (Exposure) 20% в диапазоне (Range) средних тонов (Midtones). Делаем мазки в наиболее светлых областях изображения, усиливая их. Затем, переключаемся на Затемнитель (Burn) с такими же настройками, и проводим по затемненным участкам, делая их выразительнее.

Для более сильного эффекта, я продублировал этот слой (Ctrl+J), а затем снизил непрозрачность (Opacity) дубликата, чтобы смягчить полученный эффект.
Ниже, показан слой обработки в нормальном режиме (Normal), а затем с режимом Перекрытие (Overlay).

Шаг 6.

После того, как я добился желаемого эффекта, я добавил несколько штрихов к осветленным участкам. Выделяем самый верхний слой в палитре слоев и создаем копию всех слоев в одном слое, нажав Ctrl+Shift+Alt+E. Изменяем режим смешивания этого слоя на Свечение/Яркость (Luminosity) и называем его «Блики».

Теперь, снова выбираем Осветлитель (Dodge Tool (O)) с экспозицией (Exposure) 15% в диапазоне светов (Highlights). Используем средний размер (около 160 рх) кисти (Brush) и проводим ей по всем бликам на изображении. Не переусердствуйте!

Теперь выполните то же самое для теней с инструментом Затемнитель (Burn). Этот прием увеличит контрастность и создаст очень тонкий эффект блеска на основных деталях композиции.

Далее, я применил корректирующий слой «Уровни» (Layer-New Adjustment Layer-Levels) для усиления светов и небольшого затемнения полутонов. Это совершенно необязательно, судите сами, нужно вам это или нет.

Шаг 7.

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

Создаем новый документ (Ctrl+N) размером 500х500 рх и устанавливаем черный цвет (#000000). Выбираем круглую жесткую Кисть (Brush) из набора по умолчанию размером 4 рх.

Далее, открываем панель настроек кисти (F5 или меню Window>Brush). Активируем раздел Динамика формы (Shape Dynamics) и устанавливаем в опции Колебание размера (Size jitter) управление (Control) Переход (Fade) на 60. Все остальные слайдеры в этом разделе должны быть на 0.

Создаем новый слой (Ctrl+Shift+N) и, удерживая клавишу Shift (для ровности линии), делаем мазок кистью вверх. Затем, дублируем слой (Ctrl+J) и отражаем его по вертикали (Edit-Transform-Flip Vertical). Сопоставляем (Move tool) оригинал и дубликат так, чтобы получилась фигура с зауженными краями с утолщением посередине.

После объединения фигуры, переходим в меню Редактирование-Определить кисть (Edit>Define Brush Preset), присваиваем нашей кисти имя, сохраняем ее и возвращаемся в исходный документ.

Активируем Кисть (Brush) снова и выбираем нашу сохраненную кисть, открываем панель настроек кисти снова (F5). Теперь мы установим произвольно падающие капли дождя.

Активируем раздел Рассеивание (Scattering) и устанавливаем его на 1000% с активацией обеих осей (Both Axes), счетчик (Count) на 1. Далее, активируем раздел Динамика формы (Shape Dynamics) и устанавливаем управление (Control) на Off, Колебание размера (Size Jitter) на 20%, чтобы получить разные варианты размера капель дождя.

Теперь, переходим в раздел Форма отпечатка кисти (Brush Tip Shape) и ставим интервал (Spacing) на 1000%, угол (Angle) на -5 град.

Наша кисть готова к применению. Создаем новый слой (Ctrl+Shift+N) выше всех слоев в панели и проводим один раз горизонтально по холсту. Если вас не устраивает распределение капель, отмените действие (палитра История) и повторите попытку. Избегайте двойного мазка, иначе у вас получится неестественно много капель.
Просто попробуйте такой мазок, чтобы охватить большее пространство.

После удачного результата, добавляем к слою с дождем «Размытие в движении» (Filter-Blur-Motion Blur) со смещением (Distance) на 350 рх. Угол размытия должен соответствовать углу кисти (было -5), значит он будет равен 85° (90°-5°). После применения размытия, возможно, придется дублировать слой (Ctrl+J), чтобы сделать дождь более заметным.

Создаем новый слой (Ctrl+Shift+N) и повторяем процесс с созданием дождя, но с несколько другим углом, на 2 градуса больше, в том же направлении. Здесь не дублируем слой, чтобы сделать дождь менее заметным. Я повторил этот процесс еще раз, но в размытии (Filter-Blur-Motion Blur) я использовал смещение (Distance) уже на 200 рх и снизил непрозрачность (opacity) этого слоя. Цель этого третьего слоя – заполнить пространство существующего дождя. Вы можете добавить очень тонкий эффект внешнего свечения (Outer Glow) в стилях слоя (Layer Style) на первом дождевом слое.

Шаг 8.

Далее, мы должны создать эффект ударяющихся капель о тело и голову человека. Для того, чтобы это сделать, вам необходимо скачать кисти брызг или создать их самим.
Создаем новый слой (Ctrl+Shift+N) и называем его «Брызги». Активируем слой с мужчиной и загружаем его выделение (Ctrl+клик по иконке данного слоя).

Теперь, загружаем в программу скачанные кисти воды из материалов урока (Edit-Preset Manager-Brushes) и рисуем брызги вокруг головы и плеч человека. Еще я использовал изображение всплеска из материалов урока и вставил его в работу выше всех слоев над плечом мужчины. Чтобы избавиться от черного фона вокруг капель, изменяем режим смешивания на Экран (Screen). Продублируем слой со всплеском (Ctrl+J) и перенесем (Move tool) дубликат на другое плечо. Для маскировки ненужных областей, добавьте маску на данные слои (Layer-Layer Mask-Reveal All) и черной кистью (Brush) закрасьте лишнее.

Затем, я создал эффект разбрызгивающейся воды на уже имеющихся брызгах. Здесь я применил кисть «Брызги» из набора по умолчанию (которыми мы маскировали волосы мужчины в шаге 3) на новом слое (Ctrl+Shift+N) с режимом смешивания Перекрытие (Overlay). Я также использовал мягкую кисть для создания эффекта спрея (водного светящегося ореола) вокруг головы мужчины с режимом перекрытие (Overlay) и 60% заливки (Fill).

Шаг 9.

В финале я добавил фильтр «Облака» (Filter>Render>Clouds) и капли на лбу человека. Создаем новый слой (Ctrl+Shift+N) и переходим в меню Фильтр-Рендеринг-Облака (Filter>Render>Clouds). Изменяем режим смешивания облачного слоя на Перекрытие (Overlay) с 40% непрозрачности (Opacity). Загружаем выделение слоя с мужчиной (Ctrl+клик по иконке этого слоя) и на облачном слое делаем клик по иконке маски внизу панели слоев, чтобы оставить облака только на фигуре мужчины.

Чтобы добавить капли воды на лицо бизнесмена, открываем их изображение из материалов урока и вставляем в наш документ (Ctrl+A, Ctrl+C, Ctrl+V). Уменьшаем размер капель (Edit-Transform) до размера, подходящему к лицу человека, и обесцвечиваем их (Image-Adjustments-Desaturate или Ctrl+Shift+U). Затем, изменяем режим смешивания на Мягкий свет (Softlight) и добавляем маску слоя (Layer Mask), чтобы скрыть края слоя с каплями. Вы можете использовать коррекцию «Уровни» (Image-Adjustments-Levels) для более тонкого смешения элементов.

И вы сделали это! Единственная вещь, которую я добавил – это блик над бровью мужчины. Снова делаем копию всех слоев в одном слое (активируем последний слой в палитре слоев и нажимаем Ctrl+Shift+Alt+E) и преобразуем полученный слой в смарт-объект (клик пр.кн.мыши по миниатюре слоя и выбираем из меню – Convert to Smart Object). В этом случае эффекты освещения (у нас это блик) будут смарт-фильтрами, то есть неразрушающими методами воздействия на изображение. Переходим в меню Фильтр-Эффекты освещения-Блик (Filter- Lighting Effects-Lens Flare) и выполняем настройки со скриншота.

Финальный результат:

Думаю, ваша работа заслуживает похвалы! Не стесняйтесь оставлять свои комментарии и пожелания по данному уроку. Удачи и творческих успехов!

Используемые материалы:

Мужчина
Фон
Кисти воды
Всплеск
Капли дождя

www.photoshop-info.ru

Читать книгу Издательство на компьютере. Самоучитель Владимира Молочкова : онлайн чтение

Текущая страница: 26 (всего у книги 50 страниц) [доступный отрывок для чтения: 33 страниц]

Средства композиции

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

Пятно

Пятно в композиции часто помогает акцентировать важный объект (рис. 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. Примерами могут служить размеры фото в ателье (9×13, 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-дизайне. Далее я приведу примеры, подтверждающие это положение.

Некоторые правила профессионального Web-дизайна

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

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

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

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

iknigi.net

Композиция — повторение — Journal des Arts — LiveJournal

 Повторение 7 старых постов в 1, т.к. тяжко их искать в архиве. Адресовано ученикам студии и всем, кому м.б. актуально.
 
Прошлой весной у нас в студии была проведена серия мастер-классов по композиции. Из сайтов в сети, в процессе подготовки тем занятиям, мне особенно понравились материалы выложенные на http://rusgraf.ru/graf1/ . С них мы и начнем, поблагодарив содателей этих статей, за простоту и эффективность изложения.

ЗАНЯТИЕ ПЕРВОЕ
Композиция это искусство составления или, на что явно указывает сам термин, компоновки. Мы будем рассматривать узкую область композиции, а именно композицию в станковой живописи и в станковой графике. Термин «станковая» указывает на то что холст или лист устанавливается на станке, то есть на мольберте.
Для начала мы будем говорить только о черно-белой или тоновой композиции. Это значит что в наших композиционных схемах будут присутствовать только два цвета — черный и белый без каких-либо полутонов.
Законы композиции основаны на законах восприятия, которые работают на подсознательном уровне. Мы будем рассматривать композицию и ее законы в их положительном аспекте и, таким образом, задачей композиции в нашем случае будет создание на ограниченной прямоугольной плоскости пространства, которое подсознательно будет восприниматься как комфортное.
Этой плоскостью можно распорядиться двояко: можно либо нанести на нее в каком-то ее месте пятно, либо не наносить пятна. Ограниченная плоскость и пятна — элементы составляющие композицию. Они обладают качествами тона, размера и формы.
1. Первое условие комфортности — неравное количество черного и белого в композиции. Это нужно для того чтобы ясно читалось, что есть фон, а что — фигуры на нем. Обычно подсознательно в качестве фона воспринимается то чего больше. А если количество черного и белого равно, это вызывает дискомфортные колебания восприятия из-за невозможности явного предпочтения.
2. Второе условие комфортности — присутствие в пространстве композиции пятен трех размеров. Все предметы в быту мы делим на три большие категории: большие предметы, средние и маленькие. Однако, это деление относительно и связано со вмещающей средой. Например, стул на улице мы воспринимаем как небольшой предмет. Стул в комнате воспринимается как предмет среднего размера. Стул поставленный в шкаф — большой предмет.
Присутствие в пространстве элементов трех категорий — большие, средние и малые элементы — делает это пространство комфортным.
             

Если в композиции отсутствуют малые пятна, она воспринимается как часть чего-то большего, как тесная или, иначе говоря, фрагментарная. Если в композиции отсутствуют большие пятна, она воспринимается как пустая, скучная или монотонная. Фрагментарность и монотонность — две крайности в композиции, которых мы будем стараться избегать.
3. Третье условие комфортности — композиция должна восприниматься как единое целое. Для этого ее выстраивают относительно единого узла, называемого композиционным центром. Композиционный центр это специально выделенное место в композиции, которое обладает качествами, присущими только ему. Композиционный центр не является геометрическим центром листа.
Теперь я предлагаю Вам вооружиться листом бумаги формата А-4 — это будет наша плоскость — и кусочками черной бумаги маленького, среднего и большого размера — это будут наши пятна. Разберем способы выделения композиционного центра:
а).Выделение пятна в качестве композиционного центра по признаку размера. Чтобы выделить пятно в качестве композиционного центра достаточно будет оставить его единственным в своем разряде.

               

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

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

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

Часто композиционный центр выделяется не одним а несколькими способами. Например, большое черное пятно с маленьким белым на нем работает с выделенной частью фона. В этом случае композиционный центр находится между тремя центрами: центром большого черного пятна, центром малого белого пятна и центром выделенной части фона.
Теперь пора объяснить, почему пятна выделяющие часть фона связаны по периметру, а не через середину. Это происходит в силу инерции восприятия. Когда мы разглядываем черные пятна взгляд переходит от пятна к пятну по самому короткому пути, стараясь скорее миновать белые пространства. Именно на этом свойстве восприятия строится понятие движения в композиции. Под движением в композиции подразумевается подсознательная последовательность разглядывания элементов изображения. Чередование пятен и промежутков между ними по ходу движения создает ритм, подобно тому как в музыке ритм создается чередованием ударов и пауз различной длительности.
4. Четвертое условие комфортности — пятна и промежутки между ними должны быть различной величины, иначе ритм становится монотонным. Даже если только промежутки или только пятна будут равной величины, ритм начинает тяготеть к монотонности, что создает дискомфорт.
Кроме понятий движения и ритма мы введем понятие пластики. Понятие пластики часто употребляется в хореографии применительно к танцевальным движениям. Говорят о красивой, некрасивой, текучей, угловатой пластике и т.д. То есть, одно и то же движение можно выполнить с различной пластикой. Пластика в этом случае это способ сочетания составляющих движение элементов. То же самое и в нашей композиции: пластика это способ сочетания частей при образовании целого.
Движение, ритм и пластика являются средствами организации композиции. Например, используя движение мы можем привести внимание зрителя к определенному месту композиции. При этом ритм и пластика зададут этому движению какое-то конкретное настроение. Попробуйте выполнить это практически с помощью имеющегося белого листа и черных кусочков бумаги.
5. Пятое условие комфортности — сбалансированность выходов пятен в края композиции. Если в композиции все пятна находятся на каком-то расстоянии от краев, а одно пятно расположено вплотную к правому краю, то у нас создастся впечатление что наш лист обрезан справа и является левой частью большего листа. То же произойдет если одно пятно находится вплотную к левому краю — композиция будет восприниматься как фрагмент большего изображения. Это создает дискомфорт. Если же пятна граничат и с левым и с правым краями, композиция будет восприниматься как нечто цельное или как центральный фрагмент, что вполне комфортно. По горизонтали выходы пятен в края композиции должны компенсироваться.

              
А вот с выходами вверх и вниз все обстоит иначе — они не нуждаются в компенсации. По вертикали композиция устойчива. Геометрическим центром листа в композиции является не точка, а вертикальная линия. Поэтому композицию в горизонтальном формате труднее собрать — она имеет тенденцию «разламываться» надвое по этой вертикали.
Итак, мы рассмотрели основные принципы построения тоновой двухкомпонентной композиции. В последующем материале мы рассмотрим цветовую двухкомпонентную композицию и линейную композицию. Кроме этих трех видов можно рассматривать и другие, например, трехкомпонентные композиции (черно-бело-серые композиционные наброски Эмиля Нольдэ) и т. д. Но эти возможности мы оставляем за пределами нашего курса. Мы также не рассматриваем всех способов организации пространства композиции — впоследствии Вы можете с этим разобраться по мере практики.

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

 

 

 Тема второго занятия —
выделение комфортной композиции из хаотических пятен.
Задача заключается в том чтобы на листе с «кляксами» выделить прямоугольными рамками 4-5 комфортных композиций. Разворот рамок произвольный, залезать друг на друга они не должны.
Низ композиции отмечается штрихом с той стороны рамки, с которой Вы считаете нужным. Как нам известно, в композиции имеет значение как ее повернуть к зрителю.
Когда Вы выделите 4-5 композиций, Вам надо ответить на два вопроса: где находится композиционный центр и каким способом он выделен (см. первое занятие).
Вы можете воспользоваться предложенными ниже образцами.

 

 

 

    Тема третьего занятия —
тоновой композиционный анализ черно-белой репродукции.
Композиционный анализ это приведение сложного изображения к простому виду или к схеме с целью выяснения принципа построения композиции в этом изображении.
В данном случае мы приведем изображение со множеством оттенков серого к двухкомпонентной схеме состоящей из черного и белого.
Композиционные схемы мы будем выполнять кистью и тушью (можно гуашью), размер схем величиной должен быть не больше ладони.
Композиционные схемы не нуждаются в подробной прорисовке, контуры предметов часто сливаются, но это не должно смущать Вас — предметы не являются элементами композиции, нас интересуют только пятна. Чтобы избежать соблазна излишней деталировки, следует воспользоваться щетинной кистью не меньше чем №10.
Приступаем к работе. Берем черно-белую репродукцию и выясняем ее пропорции или формат. Рисуем на своем листе прямоугольник таких же пропорций.
Можно сделать карандашом примерный набросок изображения. Теперь мы находим в репродукции самое темное и самое светлое место. Затем находим средний серый тон относительно этих крайних градаций. После этого все пятна которые в репродукции светлее среднего серого мы оставляем белыми, а те пятна которые темнее среднего серого мы красим в черный цвет. Сам средний серый мы назначаем либо черным, либо белым, но в пределах одной композиционной схемы средний серый назначается только одним цветом: только белым или только черным.
Сделайте 4-6 композиционных схем с разных репродукций.
Когда Ваши схемы будут готовы, Вам надо будет ответить на два вопроса: где находится композиционный центр и каким способом он выделен
    

 

 

Тема четвертого занятия —
тоновой композиционный анализ цветной репродукции.
    
Ход работы и условия выполнения задания описаны в материале третьего занятия. Единственное отличие заключается в том что для композиционного анализа мы употребляем цветные репродукции. Но мы должны учитывать только светлоту пятен, а цвет — игнорировать.
Сделайте 4-6 композиционных схем с разных репродукций.
Когда Ваши схемы будут готовы, Вам надо будет ответить на два вопроса: где находится композиционный центр и каким способом он выделен (см. первое занятие).

 

 

 

 

Тема пятого занятия —
тройной композиционный анализ цветной репродукции.
Это значит что с каждой цветной репродукции мы сделаем три композиционных схемы: тоновую, цветовую и линейную. До сих пор, говоря о композиции, мы мы рассматривали только один ее вид — тоновую двухкомпонентную композицию. Теперь мы рассмотрим еще два вида двухкомпонентных композиций: цветовую и линейную.
Цветовая композиция. Если в тоновой (черно-белой) композиции составляющими ее компонентами были черные и белые пятна, то в цветовой композиции это будут «теплые» и «холодные» пятна.
Теоретически любой цвет можно составить из красного, желтого, голубого, черного и белого цветов. Черный, белый и смешанные из них серые цвета относятся к ахроматическим (в буквальном переводе — бесцветным) цветам. Они не имеют собственной теплоты.
Три хроматических цвета (красный, желтый, голубой), будучи попарно смешаны, дают основные цвета спектра, которые делятся на две две группы — теплые и холодные. Теплые: желтый, оранжевый, красный. Холодные: фиолетовый, голубой, зеленый.
Взаимодействие хроматических цветов друг с другом и с ахроматическими цветами можно представить в виде цветового круга.

 

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

Если мы разделим цветовой круг по горизонтали пополам, то в верхней его части будут находиться теплые цвета со всеми возможными градациями, а в нижней — холодные.
Ахроматические черный, белый и серые не входят в это деление, но о них немного позже.
Цветовой композиционный анализ.
Сначала найдем в репродукции самое теплое пятно и самое холодное. Затем найдем цвет средний по теплоте между двумя этими цветами.
Имейте в виду, что в изображении может отсутствовать значительная часть цветового диапазона, поэтому мы берем не абсолютное «табличное» значение теплоты, а относительное. Нас интересуют только цвета присутствующие в данной репродукции.
Теперь все что теплее среднего цвета равномерно закрашиваем теплым цветом, например, желтым, а все что холоднее — холодным, например, синим. Напоминаю, что контуры предметов будут сливаться, но это не должно смущать Вас , теплые цвета не должны в репродукции быть светлыми, но мы в любом случае закрасим их желтым, то же и в случае холодных. Нас интересуют только теплые и холодные пятна, а не темные и светлые.
Средний цвет решим в ту сторону, в которую это выгоднее для композиционной схемы, но в пределах одной схемы это один цвет — либо желтый, либо синий.
Теперь об ахроматических цветах. Черный, белый и серые воспринимаются в зависимости от цветового окружения. Например, черное пятно на желтом фоне воспринимается как холодное, так как оно бесспорно холоднее любого теплого цвета. Если, например, в изображении присутствуют только холодные и ахроматические цвета, то последние работают как теплые.
Линейная композиция.
В линейной композиции в качестве составляющих компонентов выступают показатели насыщенности изображения линиями: густота и пустота. Линейная композиция в чистом виде представлена в линейной графике. Но она не является суррогатом черно-белой композиции. В линейной композиции гораздо большее значение приобретают движение, ритм и пластика. В этом отношении линейная композиция обладает неизмеримо большими выразительными возможностями, поэтому она и выделена как особый вид.
Линейный композиционный анализ.
При линейном композиционном анализе полноцветного изображения в качестве линий выступают границы пятен. Близкие по тону и цвету пятна следует считать одним пятном.
Основные закономерности построения композиции, рассмотренные ранее относительно тоновой (черно-белой) композиции (см. занятие первое), действуют аналогично в цветовой и в линейной композиции.
Сделайте 3-4 тройных композиционных схемы, каждую тройку расположите на одном листе. Ответьте на вопросы: где находится композиционный центр и каким способом он выделен — для каждой схемы. При этом надо учесть, что композиционный центр может вообще отсутствовать в какой-либо из схем в тройке. Обычно при удачной композиции три композиционных схемы, накладываясь друг на друга, работают на выделение общего композиционного центра. Либо одна из схем работает, а другие не мешают ей, являясь нейтральными и, возможно, монотонными. При полноцветной живописи с натуры чаще всего главную нагрузку несет черно-белая композиция.

 

 

 

 

 Тема шестого занятия — 

тоновой композиционный анализ натуры.
Это значит, что теперь объектом исследования будет не ограниченная плоскость репродукции, а реальный трехмерный натюрморт.
Композиционный анализ натуры мало чем отличается от анализа репродукции. Точно так же нам надо найти средний тон и все что светлее его мы оставляем белыми, а все что темнее среднего тона мы красим в черный цвет. Сам средний тон мы назначаем либо черным, либо белым, но в пределах одной композиционной схемы средний тон назначается только одним цветом: только белым или только черным (см. занятие третье).
Но есть и отличия. Когда мы работаем с репродукцией композиция уже готова, она имеет конкретные пропорции. При работе с натурой нам надо найти правильное вмещение пятен в рамки композиции и правильные пропорции этих рамок (формат).
Для этого мы делаем первичный эскиз с большим запасом, мы делаем изображение заведомо большим. А уже потом в этом большом изображении мы рамкой выделяем ту часть, которая и будет окончательным вариантом композиции. Аналогичным образом мы выделяли комфортные композиции из хаотических пятен (см. занятие второе).
Сделайте 3-4 композиционных схемы, каждую схему расположите на одном листе 60х45 см. Ответьте на вопросы: где находится композиционный центр и каким способом он выделен — для каждой схемы.

 

 

 

 

 

На седьмом занятии мы выполним
тройной композиционный анализ натуры.
Первая часть работы — тоновой композиционный анализ натуры (см. шестое занятие). Когда будет готова композиционная схема нашей постановки, нам надо будет выполнить цветовой и линейный композиционный анализ натуры, но в тех рамках, которые были найдены для черно-белой композиции аналогично тому как мы выполняли тройной композиционный анализ репродукции (см. пятое занятие).
Сделайте 3-4 тройных композиционных схемы, каждую тройку расположите на одном листе. Ответьте на вопросы: где находится композиционный центр и каким способом он выделен — для каждой схемы.

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

arts-journal.livejournal.com

Основы композиции

Основы композиции

Автор: Unknown | суббота, 18 декабря 2010 г.

Композиция это искусство составления или, на что явно указывает сам термин, компоновки. Мы будем рассматривать узкую область композиции, а именно композицию в станковой живописи и в станковой графике. Термин «станковая» указывает на то что холст или лист устанавливается на станке, то есть на мольберте.
Для начала мы будем говорить только о черно-белой или тоновой композиции. Это значит что в наших композиционных схемах будут присутствовать только два цвета — черный и белый без каких-либо полутонов.
Законы композиции основаны на законах восприятия, которые работают на подсознательном уровне. Мы будем рассматривать композицию и ее законы в их положительном аспекте и, таким образом, задачей композиции в нашем случае будет создание на ограниченной прямоугольной плоскости пространства, которое подсознательно будет восприниматься как комфортное.
Этой плоскостью можно распорядиться двояко: можно либо нанести на нее в каком-то ее месте пятно, либо не наносить пятна. Ограниченная плоскость и пятна — элементы составляющие композицию. Они обладают качествами тона, размера и формы.
1. Первое условие комфортности — неравное количество черного и белого в композиции. Это нужно для того чтобы ясно читалось, что есть фон, а что — фигуры на нем. Обычно подсознательно в качестве фона воспринимается то чего больше. А если количество черного и белого равно, это вызывает дискомфортные колебания восприятия из-за невозможности явного предпочтения.
2. Второе условие комфортности — присутствие в пространстве композиции пятен трех размеров. Все предметы в быту мы делим на три большие категории: большие предметы, средние и маленькие. Однако, это деление относительно и связано со вмещающей средой. Например, стул на улице мы воспринимаем как небольшой предмет. Стул в комнате воспринимается как предмет среднего размера. Стул поставленный в шкаф — большой предмет.
Присутствие в пространстве элементов трех категорий — большие, средние и малые элементы — делает это пространство комфортным.Если в композиции отсутствуют малые пятна, она воспринимается как часть чего-то большего, как тесная или, иначе говоря, фрагментарная. Если в композиции отсутствуют большие пятна, она воспринимается как пустая, скучная или монотонная. Фрагментарность и монотонность — две крайности в композиции, которых мы будем стараться избегать.
3. Третье условие комфортности — композиция должна восприниматься как единое целое. Для этого ее выстраивают относительно единого узла, называемого композиционным центром. Композиционный центр это специально выделенное место в композиции, которое обладает качествами, присущими только ему. Композиционный центр не является геометрическим центром листа.
Теперь я предлагаю Вам вооружиться листом бумаги формата А-4 — это будет наша плоскость — и кусочками черной бумаги маленького, среднего и большого размера — это будут наши пятна. Разберем способы выделения композиционного центра:
а).Выделение пятна в качестве композиционного центра по признаку размера. Чтобы выделить пятно в качестве композиционного центра достаточно будет оставить его единственным в своем разряде.Накидайте на плоскость по несколько пятен каждого размера — большие, средние и малые. А теперь уберите все большие пятна кроме одного. Это пятно сразу начинает привлекать внимание, выделяться. Проделайте такую же операцию со средними, а затем с малыми пятнами.
б). Выделение пятна в качестве композиционного центра на нюансе (инверсия). Попробуем выделить пятно, не убирая подобные ему. Накидаем на плоскость по несколько пятен каждого размера. Теперь сделаем маленькое белое пятно и поместим его на одно из больших черных пятен. Таким образом, большое черное пятно начинает выделяться среди подобных ему. В то же время, маленькое белое пятно тоже выделено — среди маленьких пятен только оно одно белое.
Возникает вопрос: что же является композиционным центром — большое черное пятно или маленькое белое пятно на нем? Композиционный центр не является пятном. Это точка, некий центр равновесия в пятне, как если бы мы прикололи это пятно булавкой к вертикальной плоскости. В данном случае мы имеем два пятна и композиционный центр находится где-то на линии, соединяющей их центры. Эта схема с булавками не является точной методикой определения композиционного центра, но она дает некоторую наглядность.
в). Выделение части фона в качестве композиционного центра.Композиционный центр может находиться не на пятне, а на выделенной окружающими пятнами части фона. Тогда он находится где-то посередине фигуры образованной линиями, связывающими центры этих пятен по периметру.
г). Сложные способы выделения композиционного центра. Часто композиционный центр выделяется не одним а несколькими способами. Например, большое черное пятно с маленьким белым на нем работает с выделенной частью фона. В этом случае композиционный центр находится между тремя центрами: центром большого черного пятна, центром малого белого пятна и центром выделенной части фона.
Теперь пора объяснить, почему пятна выделяющие часть фона связаны по периметру, а не через середину. Это происходит в силуинерции восприятия. Когда мы разглядываем черные пятна взгляд переходит от пятна к пятну по самому короткому пути, стараясь скорее миновать белые пространства. Именно на этом свойстве восприятия строится понятие движения в композиции. Под движением в композиции подразумевается подсознательная последовательность разглядывания элементов изображения.Чередование пятен и промежутков между ними по ходу движения создает ритм, подобно тому как в музыке ритм создается чередованием ударов и пауз различной длительности.
4. Четвертое условие комфортности — пятна и промежутки между ними должны быть различной величины, иначе ритм становится монотонным. Даже если только промежутки или только пятна будут равной величины, ритм начинает тяготеть к монотонности, что создает дискомфорт.
Кроме понятий движения и ритма мы введем понятие пластики. Понятие пластики часто употребляется в хореографии применительно к танцевальным движениям. Говорят о красивой, некрасивой, текучей, угловатой пластике и т.д. То есть, одно и то же движение можно выполнить с различной пластикой. Пластика в этом случае это способ сочетания составляющих движение элементов. То же самое и в нашей композиции: пластика это способ сочетания частей при образовании целого.
Движение, ритм и пластика являются средствами организации композиции.Например, используя движение мы можем привести внимание зрителя к определенному месту композиции. При этом ритм и пластика зададут этому движению какое-то конкретное настроение. Попробуйте выполнить это практически с помощью имеющегося белого листа и черных кусочков бумаги.
5. Пятое условие комфортности — сбалансированность выходов пятен в края композиции. Если в композиции все пятна находятся на каком-то расстоянии от краев, а одно пятно расположено вплотную к правому краю, то у нас создастся впечатление что наш лист обрезан справа и является левой частью большего листа. То же произойдет если одно пятно находится вплотную к левому краю — композиция будет восприниматься как фрагмент большего изображения. Это создает дискомфорт. Если же пятна граничат и с левым и с правым краями, композиция будет восприниматься как нечто цельное или как центральный фрагмент, что вполне комфортно. По горизонтали выходы пятен в края композиции должны компенсироваться.А вот с выходами вверх и вниз все обстоит иначе — они не нуждаются в компенсации. По вертикали композиция устойчива. Геометрическим центром листа в композиции является не точка, а вертикальная линия. Поэтому композицию в горизонтальном формате труднее собрать — она имеет тенденцию «разламываться» надвое по этой вертикали.
Итак, мы рассмотрели основные принципы построения тоновой двухкомпонентной композиции. В последующем материале мы рассмотрим цветовую двухкомпонентную композицию и линейную композицию. Кроме этих трех видов можно рассматривать и другие, например, трехкомпонентные композиции (черно-бело-серые композиционные наброски Эмиля Нольдэ) и т. д. Но эти возможности мы оставляем за пределами нашего курса. Мы также не рассматриваем всех способов организации пространства композиции — впоследствии Вы можете с этим разобраться по мере практики.
Подведем итог всему что мы сейчас узнали о композиции.
Композиция состоит из элементов:

1. плоскость
2. пятна

Композиция должна отвечать пяти условиям комфортности:

1. неравное количество черного и белого
2. присутствие пятен трех размеров — больших, среднихи малых
3. цельность — построение композиции относительно композиционного центра
4. немонотонный ритм
5. сбалансированность композиции

Средства организации композиции:

1. движение
2. ритм
3. пластика

Способы выделения композиционного центра:

а). выделение пятна по признаку размера

б). выделение пятна на нюансе (инверсия)

в). выделение части фона окружением

г). Сложные способы выделения

Источник: 

http://artschool.forum.ru/komp1.htm

cg-paint.blogspot.com