Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Февраль » 10 » Оптическая иллюзия движения
12:51
Оптическая иллюзия движения

Оптическая иллюзия движения

Оптическая иллюзия движения \ Optical illusion of motion

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


.DESIGNPLASTIC.RU - дизайн проект в Самаре.

Оптическая иллюзия движения

________________________________

Шаг 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 слоев) выделите их и сгруппируйте.

[ скрытый текст ]
Совет от Андрюхи: еще проще было бы, если после первого копирования начального слоя, вы сперва нажмете Ctrl+T, спустите дубликат на нужное пересечение и повернете на 30º и примените сие действие нажатием на Enter. Потом вам нужно будет лишь нажимать на сочетание клавиш Ctrl+Alt+Shift+T — и никаких забот и заморочек не будет


Оптическая иллюзия движения
________________________________


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

Оптическая иллюзия движения
________________________________


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

Оптическая иллюзия движения
________________________________


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

Оптическая иллюзия движения


________________________________


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

Этот эффект будет работать в нескольких случаях:
- Можно использовать много различных форм, чтобы достигнуть того же самого эффекта. Круги и эллипсы, кажется, работают лучше, но прямоугольники или квадраты также будут плавать;
- Каждая форма должна быть с обводкой: с одной стороны светлого цвета, с другой — темного (не обязательно ЧБ, но главное, чтобы был видимый контраст);
- Можно помещать в формочки любую фигуру, чтобы сделать картинку более детальной;
- Изображение должно состоять из многих подобных форм, находящихся близко друг к другу;
- Изображение должно быть достаточно большим, чтобы глаза могли постоянно по нему передвигаться на некоторое расстояние;
- Можете создать любой "паттерн", не обязательно по прямоугольному типу (есть ведь и круговые шаблоны);
- Формы-основы каждого столбца должны быть повернуты друг к другу так, чтобы их более темные стороны одного столбца смотрели на более светлые и наоборот.


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

Оптическая иллюзия движения


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


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


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[03.04.2019][Lessons PHOTOSHOP]
Создаем текстурированную дымящуюся птицу (0)
[09.12.2015][Lessons PHOTOSHOP]
Основы фотографии. Cветофильтры в современной фотографии (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[09.12.2015][Lessons PHOTOSHOP]
Создаем белый фон в Photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
TechSmith Snagit 12.2.1 Build 1968 Final (2014/RUS/ENG) (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[21.11.2015][Brushes Photoshop]
Rons Deviney Dead Tech 110 Brushes (0)
[12.02.2015][3D MAX modeling]
HDCarsCollection.Volume.02 (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 2048 | Добавил: kzd | Теги: эффект, обман, оптика, оптический эффект
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[02.11.2010][rastER KLipardy]
Детства чистые глазенки - клипарты (1)
[25.02.2015][vectOR KLipardy]
Гильош элементы дизайна | Guilloche decorative elements vector (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[11.01.2011][Veb DeSiGn]
ThemeForest - ChromeGT Business & Portfolio HTML Theme (All Colours) - Rip (1)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта # 0517 (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27143 (0)
[29.09.2011][Brushes Photoshop]
Обнавлённые кисти Ассорти (0)
[12.02.2015][3D MAX modeling]
Модель дерева \ Maidenhair Tree (Ginkgo biloba) (0)
[12.03.2013][Lessons PHOTOSHOP]
Светящийся Водный Текст с Брызгами \ Create a Glowing Liquid Text with Water Splash Effect in Photoshop (0)
[09.11.2010][Styles Photoshop]
Абстрактные стили (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Вторник
25.06.2019
02:50


Copyright artpost and semantic product zanchi 2010-2011 © 2019