7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Digital Painting

Как использовать оптические иллюзии чтобы стать лучшим цифровым художником

Scroll to top
Read Time: 14 mins

Russian (Pусский) translation by Sergey Zhuk (you can also view the original English article)

Реальность не может быть окрашена; это невозможно. Тем не менее, наш мозг легко обмануть - если что-то показывает некоторые особенности реальной вещи, мы считаем это реальностью. Мы обычно об этом не знаем, пока не наткнемся на картины, представляющие оптические иллюзии. Только тогда мы чувствуем себя обманутыми, но правда в том, что нас все время обманывают.

optical illusions this is not a cubeoptical illusions this is not a cubeoptical illusions this is not a cube

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

optical illusions impossible cubeoptical illusions impossible cubeoptical illusions impossible cube

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

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

Итак, что мы можем извлечь из оптических иллюзий?

1. Используем функцию автозаполнения

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

optical illusions kanizsa triangleoptical illusions kanizsa triangleoptical illusions kanizsa triangle
Треугольник Кениззы: белый треугольник создается вашим мозгом. Вы видите его контуры, хотя их нет!
optical illusions invisible outlineoptical illusions invisible outlineoptical illusions invisible outline
На этой картинке нет круга

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

optical illusions why drawing is easyoptical illusions why drawing is easyoptical illusions why drawing is easy
Оно не мяукает, у него нет лап, вы не можете его гладить или кормить ... Но вы называете это кошкой!
optical illusions where drawing styles comes fromoptical illusions where drawing styles comes fromoptical illusions where drawing styles comes from
Когда это перестает быть львом? (Изображение из Как научиться рисовать: четвертый уровень, стиль)

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

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

optical illusions hwo to draw a line preciselyoptical illusions hwo to draw a line preciselyoptical illusions hwo to draw a line precisely

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

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

optical illusions how to draw animal torsooptical illusions how to draw animal torsooptical illusions how to draw animal torso
Изображение: Animal Reiki

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

optical illusions how to draw propertions from a referenceoptical illusions how to draw propertions from a referenceoptical illusions how to draw propertions from a reference
Нарисуйте линию после того, как вы ее видите, а не наоборот

Соедините точки или используйте их в качестве другой точки отсчета. Затем все больше и больше вдавайтесь в подробности.

optical illusions how to draw cat from a referenceoptical illusions how to draw cat from a referenceoptical illusions how to draw cat from a reference
optical illusions how to draw perspective from a referenceoptical illusions how to draw perspective from a referenceoptical illusions how to draw perspective from a reference
optical illusions how to draw cat preciselyoptical illusions how to draw cat preciselyoptical illusions how to draw cat precisely

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

optical illusions how to draw cat from reference proportionallyoptical illusions how to draw cat from reference proportionallyoptical illusions how to draw cat from reference proportionally

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

2. Яркость создает форму

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

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

optical illusions how do we see formoptical illusions how do we see formoptical illusions how do we see form

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

optical illusions how do we see spheresoptical illusions how do we see spheresoptical illusions how do we see spheres

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

  • White - источник света
  • Яркий серый - поверхность, обращенная к источнику света
  • Темные серый - поверхность, отвернутая от источника света
  • Черный - поверхность, заблокированная от источника света другой поверхностью

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

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

Мы все знаем, интуитивно, что разные оттенки серого необходимы для создания 3D-эффекта, но опять же нам нужно нарисовать его, чтобы увидеть, правильно ли мы угадали. Это может привести к получению полностью затененной, но плоской картины. Чтобы этого избежать, нам нужно работать в соответствии с этим и предыдущими механизмами зрения.

Рисуя что-то, представьте, что вы на самом деле ваяете его. Представьте себе большой блок из глины или камня, наиболее обобщенный вид того, что вы хотите создать. Затем установите источник света и затеняйте этот большой блок. Как только вы закончите, сделайте этот блок немного более конкретным и настройте освещение на него. Делайте это многократно, шаг за шагом, пока не осталось больше деталей для добавления.

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

optical illusions how to create realistic shadingoptical illusions how to create realistic shadingoptical illusions how to create realistic shading
Этот метод позволяет вам создать картину, которую ваш мозг прочитал как 3D-сцену.

3. Яркость относительна

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

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

optical illusions how we see brightnessoptical illusions how we see brightnessoptical illusions how we see brightness

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

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

optical illusions how contrast is createdoptical illusions how contrast is createdoptical illusions how contrast is created

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

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

optical illusions how to fix contrast in digital paintingoptical illusions how to fix contrast in digital paintingoptical illusions how to fix contrast in digital painting
optical illusions low contrast high contrast differenceoptical illusions low contrast high contrast differenceoptical illusions low contrast high contrast difference
1 - слишком низкая контрастность; 2-сбалансированный контраст; 3-контрастность слишком высокая

Для достижения сбалансированного контраста вам не нужно использовать черно-белое изображение.
Вам нужно запомнить только два правила:

  • Между крайностями должно быть много разных оттенков.
  • Чем более экстремальный оттенок, тем меньше его должно быть на сцене.
optical illusions how to use contrast in digital paintingoptical illusions how to use contrast in digital paintingoptical illusions how to use contrast in digital painting
«Много» это сколько? Это зависит от результата, который вы хотите получить. В мультфильмах, например, трех может быть достаточно.
optical illusions how to fix contrast in photoshopoptical illusions how to fix contrast in photoshopoptical illusions how to fix contrast in photoshop
Автоматическая настройка контрастности не создаст четких оттенков, и не сделает крайние границы менее заметными.

4. Линии приходят из контраста

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

optical illusions where do lines come fromoptical illusions where do lines come fromoptical illusions where do lines come from

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

optical illusions how to create lines in digital drawingoptical illusions how to create lines in digital drawingoptical illusions how to create lines in digital drawing
optical illusions how lines are created in digital paintingoptical illusions how lines are created in digital paintingoptical illusions how lines are created in digital painting

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

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

Это потому, что наш мозг видит линии в правильных изменениях контраста. Если вы хотите удалить линию, вы должны нарисовать штриховку, которая создавала линии, в первую очередь. Линейное произведение по-прежнему имеет линии, созданные контрастом.

optical illusions how to paint linelesslyoptical illusions how to paint linelesslyoptical illusions how to paint linelessly
Контраст оказывает гораздо большее влияние, чем линии

Урок, который нужно извлечь из этого, довольно очевиден. Если вы хотите что-то нарисовать, контраст должен быть первым. Ни цвета, ни детали, а контрастная яркость различных элементов сцены. Для достижения этой цели используйте как затенение, так и локальную яркость элементов. Здесь вы можете узнать, как создать картину на основе линейного искусства: Основы раскраски и штриховки в Adobe Photoshop.

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

Подробнее об эскизах читайте здесь: Цифровая живопись 101: эскиз для начинающих.

optical illusions painting thumbnails what are they foroptical illusions painting thumbnails what are they foroptical illusions painting thumbnails what are they for
Вы можете использовать эскизы для проверки состава и цветов, а также

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

5. Цвета Относительны

Эти два фиолетовых квадрата имеют одинаковый оттенок, насыщенность и яркость. Но они выглядят совсем по-разному.

optical illusions colors are relativeoptical illusions colors are relativeoptical illusions colors are relative
Эта иллюзия доказывает, что цвет создан вашим мозгом

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

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

optical illusions colors are based on lightingoptical illusions colors are based on lightingoptical illusions colors are based on lighting

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

optical illusions colors are based on comparisonoptical illusions colors are based on comparisonoptical illusions colors are based on comparison
Ваш мозг знает, что они не могут быть одного цвета!

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

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

Например, на рисунке выше цвета на «теневой стороне» выглядят яркими только потому, что все они одинаково затемнены. Когда они выходят наружу, на белом фоне, они становятся настолько темными, что их едва можно распознать. Тот же цвет #333300 («темно-желтый») воспринимается как два разных.

optical illusions why we perceive the same colors differentlyoptical illusions why we perceive the same colors differentlyoptical illusions why we perceive the same colors differently

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

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

Вы можете больше узнать о стоимости в моем учебнике. Секрет реалистичной живописи: как получить ценность. Кроме того, если вы хотите узнать реальную мощь Photoshop Blend Modes, попробуйте один из наших курсов:

optical illusions how to color grayscaleoptical illusions how to color grayscaleoptical illusions how to color grayscale

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

optical illusions how to use color thumbnails for digital paintingoptical illusions how to use color thumbnails for digital paintingoptical illusions how to use color thumbnails for digital painting

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

Другое дело, что каждый материал имеет определенный цвет, достигаемый при идеальном освещении. «Зеленая» трава и «зеленый» монстр могут не быть на 100% зелеными в идеальном свете - у них у всех есть свои пределы. Это еще одна причина, чтобы не смотреть на цвет, поскольку некоторая комбинация HSB-естественных цветов редко достигла 100% «глобальной» яркости, даже когда они «локально», на 100% ярки:

  1. Глобальная яркость зеленого
  2. Локальный монстр-зеленый
  3. 100% яркий зеленый монстр
  4. Локальная зеленая трава
  5. 100% яркая трава-зеленая

Если вас это смущает, попробуйте мою статью «Основы цвета: затенение».

optical illusions why colors are relativeoptical illusions why colors are relativeoptical illusions why colors are relative
100% яркость поверхности не может иметь ничего общего со 100% яркостью

6. Шаблоны создания формы

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

optical illusions types patternoptical illusions types patternoptical illusions types pattern
Изображение: Черно-белый самолет

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

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

optical illusions how to use pattern to create 3d effectoptical illusions how to use pattern to create 3d effectoptical illusions how to use pattern to create 3d effect

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

В Photoshop вы можете использовать один из этих инструментов для настройки шаблонов:

  • Edit > Puppet Warp
  • Инструмент «Free Transform Tool» (Control-T) в режиме «Warp»
  • Filter > Liquify

Кроме того, имейте в виду, что в большинстве случаев для отдельных частей тела необходимо использовать несколько слоев рисунка. Не избегайте этого! Используйте Layer Mask , чтобы скрыть швы (вы можете узнать об Layer Masks в этом кратком руководстве: Quick Tip: Layer Mask или Eraser Tool в Adobe Photoshop).

how to adjust pattern scales fur digital paintinghow to adjust pattern scales fur digital paintinghow to adjust pattern scales fur digital painting

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

optical illusions cylinder curvesoptical illusions cylinder curvesoptical illusions cylinder curves

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

optical illusions how to daw wireframe digital drawingoptical illusions how to daw wireframe digital drawingoptical illusions how to daw wireframe digital drawing

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

Если вы хотите научиться создавать такой каркас, взгляните на «Думайте с формами, а не линиями: перенесите ваш рисунок на следующий уровень».

optical illusions how to shade animals digital paintingoptical illusions how to shade animals digital paintingoptical illusions how to shade animals digital painting

Заключение

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

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

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.