big

Урок 2.1 Введение в анимацию и абстракцию. Подумаем: что такое анимация и анимационный эксперимент. Познакомимся с понятиями кадра, фазы, анимационного движения, а также изучим цвет и пятно

На этом уроке

  • Я могу перефразировать основную суть анимационного явления.

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

  • Я могу назвать сходства и различия между понятиями знака, символа и образа.

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

big
Original size 2500x1462

Анимация — есть иллюзия жизни

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

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

Original size 1920x1080

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

Original size 1810x1000

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

Про фазы, кадр, скорость считывания глаза

В анимации каждый кадр представляет собой фазу движения. Фаза кадра — это момент времени, зафиксированный на одном кадре. Плавность анимации зависит от количества кадров, показываемых за одну секунду, что называется частотой кадров. Чем выше частота кадров, тем плавнее и реалистичнее выглядит движение.
Наше зрение обычно воспринимает движение как плавное при частоте 24 кадра в секунду (fps) и выше. При более низкой частоте кадров движение начинает казаться рывками. Например, традиционные мультфильмы часто анимируются с частотой 12 fps, что создает слегка стилизованный эффект.
Original size 960x533

Анимация. Эксперимент и открытия

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

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

это нормально. Вы попали в абстрактный мультфильм.

☞ Экспериментировать в анимации можно чем угодно. И анимация, и рисование это бесконечная практика, здесь не существует способа ошибиться.

Original size 2500x1462

Состав абстракции

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

Original size 724x474

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

О чем этот мультфильм для вас? Что происходит во второй половине мультфильма? Что вы чувствовали во время просмотра?

Loading...

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

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

Про черты

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

Loading...

Бесконечное движение

Относится к принципу, где в течение всего мультфильма все объекты на рисунке постоянно двигаются в том смысле, что меняют свое состояние. В коммерческой анимации обязательно есть баланс, какая вещь должна сейчас двигаться, а какая не должна отвлекать зрителя, то есть застыть. Абстракция, как вы поняли, разрешает игнорировать это правило.
Original size 1810x1000

Странные персонажи

Формальные персонажи в экспериментальной анимации, как правило, состоят из фигур: простые геометрические и сложные многофигурные. Иногда у персонажа формы может не быть вообще: он тягучий как вода, прозрачный как туман, мягкий как ковер.
Original size 1810x1000

Сон

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

Абстракция действует по тому же принципу с помощью объектов и особенных анимационных движений.

0

Неправильное пространство

Мы под этим словом подразумеваем мир, который одновременно и похож на наш и нет.

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

Original size 1810x1000

Антифизика

То же самое с гравитацией, физикой и логикой. Если в нашем мире тяжелый предмет всегда падает на землю согласно притяжению гравитации, то в абстрактном мультфильме наоборот: тяжелое = легкое, мягкое = острое, низ = верх.
Подумайте о мире Зазеркалья, в котором путешествовала книжная Алиса и представьте, что ваш мультфильм там находится. А значит все неправильное = правильное.
Original size 1810x1000

Практика

Распознавание абстракционных черт и приёмов

Вариант 1. Условия

Loading...

Вариант 2. Условия

Loading...

Теперь про графические приёмы в абстракции

Блок про то какими графическими способами можно изобразить и анимировать абстрактные приёмы, описанные выше.

Перечислим:

  1. Статика (статичное изображение)
  2. Масштабирование, наслоение
  3. Контраст и оппозиции
  4. Узорность
  5. Оформление звуков
  6. Нарушение композиции

Снова посмотрим на примерах двух коротких экспериментальных мультфильмах.

Loading...
Loading...

Статика (движущаяся статика)


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

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

Игра масштабов

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

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

Контраст


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

Узор


 Существует внутри любого взаимодействия друг с другом предметов в связке со временем. В абстракции ритмом может быть повторяющаяся анимация с чередованием элементов: быстро-медленно, тихо-громко, широко-узко, ярко-тускло и т. д.
Узоры могут быть использованы для создания чувства ритма и движения. Повторяющиеся элементы могут менять цвет, форму или позицию, создавая сложные и захватывающие визуальные эффекты. Это помогает создать ощущение структуры и порядка, даже в абстрактных и экспериментальных работах.
Original size 1810x1000

Нарушение композиции


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

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

Практика

Вопросы на размышления

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

Вопрос 2: как вы думаете, почему художники выбирают определенные цветовые сочетания для своих работ? Как это влияет на зрителя?

Original size 2500x1462

Теперь отдельно про цвет и пятно

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

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

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

Original size 1920x1080

О значении цветов

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

Original size 1810x1000

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

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

О гармонии цвета

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

Существуют различные типы цветовых гармоний:

Комплементарные цвета: противоположные на цветовом круге (например, красный и зеленый). Аналогичные цвета: расположены рядом на цветовом круге (например, синий, голубой, зеленый). Триадные цвета: равномерно распределенные на цветовом круге (например, красный, желтый, синий).

Original size 1810x1000

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

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

Original size 1810x1000
Original size 1920x1080

Дополнительно

Loading...

Изучить подробнее про теорию цвета и цветопередачи.

Loading...

Подробнее про восприятие и нанесение цвета в графических работах графическими материалами.

Original size 2500x1462
2.1: абстрактная анимация, цвет, пятно