1. Создаём новое изображение 500×500 и заливаем серым цветом (я взяла #b2b2b2).

2. Для удобства добавим направляющие и создаем эллиптическое выделение, а по нему рисуем 12 аккуратных точек.

3. Выделяем каждую из точек и заливаем градиентом из розового (#f827f8) в серый (#b2b2b2). Извините за неаккуратность.

4. Далее выделяем сразу по две точки и создаем для них отдельные слои. Причем именно так: 1 и 2, 2 и 3 и т. д. Начинаем с точки на которую указывает стрелка на картинке

Продолжаем выделять по часовой стрелке и кончаем выделением верхней точки и той которая перед ней.

5. Теперь на основном слое необходимо удалить ту самую точку с которой мы начинали выделение:

6. Отключаем видимость фона и начинаем удалять вторую точку с каждого слоя:

7. Если отключить фон и включить видимость всех слоев с точками получится так:

Как видите все точки остались на месте так как мы накладывали их друг на друга (1 на 2, 2 на 3 и т. д.). Не хватает только верхней точки.

8. Теперь начинается самое интересное!

Открываем Фильтры — Анимация — Воспроизведение.

И наконец, самое главное — смысл иллюзии!

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

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

Метки: анимация, выделение, градиент, направляющие, круг.

Уроки: ← предыдущий следующий →