How to Create a Moving Image Optical Illusion – Basix

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

________________________________

Шаг 1
Создайте новый документ с размерами 1280 на 800px:

________________________________

Шаг 2
Включите отображение линейки Ctrl+R, если она у вас отключена. Проверьте, чтобы ее шкалы измерялись пикселями. Вытяните горизонтальные и вертикальные направляющие, через каждых 50. Вы можете создать их через меню View > New Guide (где можно задать точность местоположения) или сделать это вручную, вытягивая их из линейки:

________________________________

Шаг 3
Залейте фоновый слой цветом #564734. Инструментом Ellipse нарисуйте на новом слое овал. Мой эллипс имеет размеры 43px на 31px. Все размеры зависят от подготовленной сетки, главное, чтобы эллипсы располагались один относительно другого близко. Большие промежутки приведут к плохим результатам:

________________________________

Шаг 4
Зайдите в стили слоя этого эллипса и настройте стили Color Overlay и Stroke. У Color Overlay измените цвет, например на коричневый #564734; режим смешивания Normal. Для стиля Strokeизмените Fill Type на градиент: Угол 180 градусов; сам градиент резко черно-белый, для этого добавьте два ползунка и настройте их как показано ниже:

________________________________

Шаг 5
Теперь создайте еще один слой и нарисуйте на нем овал меньшего размера, смотрите на скрин ниже:

________________________________

Шаг 6
Выберите эти два слоя и конвертируйте их в смарт объект Layer—Smart Object—Convert to Smart Object или просто сгруппируйте их, нажав Ctrl+G и слейте в один слой:

________________________________

Шаг 7
Переместите овал на первое левое верхнее пересечение двух направляющих, как показано ниже:

________________________________

Шаг 8
Сдублируйте этот слой Ctrl+J и передвиньте копию на одно пересечение вниз. Как только дубликат окажется на пересечении, нажмите Ctrl+T, чтобы повернуть его на 30º (просто введите угол поворота в соответствующем поле):

________________________________

Шаг 9
Продолжайте копировать ПЕРВЫЙ эллипс (это если он был слит, но если вы его конвертировали в смарт объект, как советовал переводчик, то можно копировать любой дубликат), поворачивайте копию на 30º дальше и опускайте на пересечение ниже. Как только сделаете полный оборот на 180º ( у вас уже будет 15 слоев) выделите их и сгруппируйте.

________________________________

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

________________________________

Шаг 11
Войдите в группу-дубликат, удалите самый нижний слой (овал, что находится в самом верху) и дублируйте третий слой и сместите его вниз (по логике вещей, чтобы он продолжал поворот нижнего овала):

________________________________

Шаг 12
Повторите 11-ый шаг несколько раз, пока не заполните оставшуюся часть документа:

________________________________

В каких случаях работает этот эффект?


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




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


Автор: Pawel Kiec
Перевел: Manoylov AC

Это сообщение отредактировал Manoylov AC — 24 Май 2010, 15:00