Плоские экраны кажутся плоскими. Зрители наклоняются ближе, пытаясь захватить глубину, которой нет. Я сталкиваюсь с таким же разочарованием, когда я выступаю с новыми идеями картонного дисплея.
Вы строите 3D на обычном дисплее, управляя каждым глазом по -разному, смешивая лишние глубины, такие как параллакс, затенение и движение, чтобы мозговые сшивали оба картины в правдоподобное пространство.
Одна только трюк не будет привлекать внимание. Оставайтесь со мной, и я сломаю каждый сигнал, инструмент и ярлык, который я использую, чтобы ваш следующий продукт выделялся без дополнительного оборудования.
Что делает экран 3D?
Ваш клиент смотрит на плоскую панель, которая показывает яркие цвета, но никогда не появляется. Они чувствуют разрыв между обещанием и реальностью. Я боролся с этим разрывом на производственном этаже в прошлом квартале.
Экран кажется 3D только тогда, когда он питает оба глаза разные точки зрения, усиливая глубинные сигналы, такие как параллакс, стереоскопический смещение, затенение и относительный размер.
Ключевые сигналы глубины
Я начинаю с человеческого видения. Каждый глаз находится на расстоянии около 65 мм друг от друга, давая естественный угол. Программное обеспечение может подделать это, рендеринг двух кадров, один для левого глаза, один для правого. Когда эти кадры попадают в одну и ту же панель в быстрой последовательности, используя активные очки затвора или барьер параллакса, мозг блокирует их вместе. И все же стереоскопия 1 - только одна часть. Даже с закрытым глазом мы все еще замечаем глубину благодаря движению Parallax 2 , где ближние объекты скользят быстрее по сетчатке. Затенение, окклюзия и масштабирование размера добавляют больше подсказок.
| Подсказка | Влияние стоимости | Скорость установки |
|---|---|---|
| Стерео пара | Середина | Умеренный |
| Движение параллакс | Низкий | Быстрый |
| Затенение и свет | Низкий | Быстрый |
| Масштабирование размера | Никто | Мгновенный |
Создание иллюзии шаг за шагом
Во-первых, я экспортирую два вида камеры из моего 3D-программного обеспечения, смещено средним межокулярным расстоянием. Во -вторых, я внедряю метаданные, которые сообщают совместимым игрокам, когда перевернуть рамки для каждого глаза. Во время живых демонстраций я добавляю медленную орбитальную камеру, чтобы подарить тонкий параллакс; Клиенты мгновенно наклоняются. На наших картонных дисплеях я преувеличиваю свет обода, так что края всплывают, имитируя настоящие тени. Если бюджет запрещает специальные очки, я обращаюсь к узкополосной лентикулярной накладке 3 . Они стоят центы за единицу, как только мы переходим к массовому печати, и они приклеивают прямо на поверхность экрана. Оверлей отправляет каждому глазу свой собственный столбец пикселя. Это не идеально - почищенный текст может размыться, но покупатели в магазине замораживают, когда арбалет плывет вперед. Эта пауза равна более высокой скворе, поэтому я продолжаю совершенствовать этот низкотехнологичный трюк.
Есть 3D -монитор?
Я помню первый образец «3D -монитор», который приземлился на моем столе. Он ослепил в темном офисе, но объемные заказы остановились, потому что покупатели опасались высоких цен.
Да, существуют выделенные 3D -мониторы; Они интегрируют барьеры параллакса, линтикулярные линзы или активную технологию затвора, чтобы доставить отдельные изображения в каждый глаз без необходимости в новых компьютерах.
Общие типы 3D -монитора
Все подразделения разделяют одну цель-изображения, специфичные для глаза-но они различаются по методу.
| Тип монитора | Просмотр снаряжения | Плюс | Минусы |
|---|---|---|---|
| Активный затвор ЖК -дисплей4 | Батареи | Полное разрешение | Очки усталость |
| Пассивный поляризован5 | Дешевые очки | Свет; дешевый | Половина вертикального разрешения |
| Autostereoscopic LENTICULACT6 | Никто | Без стекла | Узкое сладкое пятно |
| Легкая панель | Никто | Многообразование свободы | Очень высокая стоимость |
Выбор для реальных проектов
Когда я планирую розничное развертывание, я сначала перечисляю целевой пешеходный трафик. Для киоска, где только один покупатель стоит мертвый центр, автостереоскопический настольный компьютер работает. Узкое сладкое пятно становится позитивным; Он направляет зрителя в основное положение и блокирует внимание. Для выставки выставки гуляют толпами, пассивные поляризованные панели выигрывают. Они допускают кучу недорогого очка, которые пользователи могут проскользнуть по рецептурным объективам. Падение разрешения скрыто от яркого стенда освещения и жирных продуктов. Я бюджет активные застенчивые установки только для исполнительных видов, где Perfect Pixel Clarity имеет больше, чем удобство. Я узнал этот трюк после того, как генеральный директор пожаловался на призраки во время Barnett на улице. Более высокая ставка обновления панелей затвора убила проблему, закрыл сделку и покрывает плату за обновление трижды. В каждом случае я соединяю дисплей с нашими картонными состязаниями, соответствующие линзобежному искусству на подставке, чтобы эффект движения течет от экрана в физическую коробку. Эта сплоченность закрепляет 3D-историю в сознании покупателя и, что более важно, обеспечивает повторные изготовления.
Вы можете посмотреть 3D на любом экране?
Плотное окно запуска иногда не оставляет места для причудливых панелей. Моя команда должна превратить обычный планшет магазина в 3D -тизер на ночь.
Вы можете имитировать 3D на любом экране, наложу стереоскопические рамки, используя красно-циайские анаглифы, изображения покачивания или анимации параллакса, управляемая глубиной, которые работают внутри стандартных веб-браузеров.
Программные трюки
Самый старый взлом - анаглиф. Оставьте влево вид на тонированный голубой и правый вид с тонированным красным, затем объедините. Зрителям нужны дешевые бумажные очки с соответствующими фильтрами. Это не тонкое, но цветовой сдвиг работает для драматических изображений героев. Gif Mailgle еще проще: альтернативные левые и правые рамы при 2–4 Гц. Мозг преобразует колебания в воспринимаемую глубину. Я скрываю колебание, заблокируя фоновый слой и только подталкивая передний план, чтобы нервные покупатели не получали головокружения.
| Метод | Дополнительное снаряжение | Цветовая верность | Лучшее использование |
|---|---|---|---|
| Красный Койан Анаглиф7 | Бумажные очки | Бедный | Печатная реклама |
| Покачивайте Gif8 | Никто | Хороший | Социальные сети |
| Webgl Parallax | Никто | Высокий | Страницы продукта |
| Глубина карта CSS9 | Никто | Середина | Мобильные приложения |
Практический контрольный список перед запуском
Во -первых, экспортировать обе стерео кадры в двойном разрешении; Сжатие будет подробно описать на старые таблетки. Во -вторых, встраивает альтернативный текст в HTML, чтобы поищили сканеры все еще читают сцену. В-третьих, снабжайте простые 2D запасные отступления, чтобы не оттолкнуть окрашивающихся слепого пользователей. Когда мы построили праздничную кампанию Барнетта, я рассчитывал на петлю Wiggle, чтобы боусбаурный штрих выстроился в каждую секунду, которая оставалась законной счастливой, показывая продукт в нейтральном состоянии половину времени. Наконец, тестируйте яркость в настоящем магазине. Проход на высшем уровне может вымыть нежное затенение, поэтому я повышаю контраст на десять процентов во время позднего композиции. Эти микроэлектростанции стоят минуты, но решают, останавливаются ли случайные охотники, нажимайте и в конечном итоге заказывают. Опыт научил меня: потратьте небольшие усилия на подготовку, сохранившись на вызовах поддержки позже.
Заключение
Глубина - это мозговой трюк. Выберите сигнал, сопоставьте его с вашим бюджетом, и даже скромный планшет магазин может превратить плоские пиксели в историю, которая продается.
Изучение стереоскопии может углубить ваше понимание 3D -визуализации и ее применения в различных областях. ↩
Понимание параллакса движения может улучшить ваши знания о восприятии глубины и улучшить ваши навыки визуального дизайна. ↩
Изучение линзобелей может дать представление об инновационных методах отображения, которые улучшают визуальный опыт. ↩
Исследуйте эту ссылку, чтобы понять все преимущества и недостатки активных ЖК -мониторов затвора, что имеет решающее значение для принятия обоснованных решений. ↩
Узнайте, как работает пассивная поляризованная технология и ее последствия для трехмерного просмотра, необходимых для розничных приложений. ↩
Узнайте о преимуществах аутостереоскопических линзовых дисплеев, особенно для розничных настройки, для повышения вовлеченности клиентов. ↩
Откройте для себя механики, стоящие за красными анаглифами и то, как они могут создавать яркие визуальные эффекты в печатной рекламе. ↩
Исследуйте эту ссылку, чтобы понять, как Wiggle GIFS улучшает взаимодействие в социальных сетях, делая ваш контент более динамичным и привлекательным. ↩
Узнайте о CSS -CSS глубины и ее потенциале для улучшения пользовательского опыта в мобильных приложениях с эффектами глубины. ↩