Как делать стереокартинки в фотошопе
В наше время 3D технологии охватил большую часть визуальных пространств — от фильмов и игр до телевизоров и мобильных устройств.
В этом уроке мы рассмотрим, как сделать из обычной фотографии стереоскопическую, как сейчас принято говорить, 3D-фото, кроме того, достаточно понятно объясняется принцип создания анаглифных фото.
Мы возьмём обычную фотографию и преобразуем её в 3D анаглифное изображение с помощью программы Adobe Photoshop.
Для просмотра такой фотографии в 3D необходимы анаглифные очки
Данный метод очень хорошо работает с черно-белыми изображениями, но, тем не менее, я считаю, что он работает довольно хорошо и с цветными фотографиями.
Примечание. Ана?глиф (от греч. anaglyphos — рельефный)
Анаглифное изображение представляет собой комбинацию картинок на одном холсте, в котором в красном канале изображена картина для левого глаза (правый её не видит из-за светофильтра), a в бирюзовом (сине-зелёном) — для правого, соответственно, её не видит левый глаз. Иными словами, каждый глаз воспринимает своё изображение, окрашенное в цвет, противоположный светофильтру стекла очков.
Для получения эффекта необходимо использовать анаглифические очки, в которых стёкла заменены светофильтрами, красный для левого глаза и бирюзовый для правого.
Открываем фото в Photoshop. Я воспользуюсь этой фотографией:
Дублируйте (Crtl+J) фоновое изображение два раза раза (по одному слою для каждого глаза). Переименуйте один дубликат в «левый-красный», а другой в «правый-голубой», чтобы избежать путаницы в дальнейшем. После этого выключите видимость на фонового слоя:
Мы будем манипулировать двумя новыми слоями так, чтобы картинки, видимые правым и левым глазом, несколько отличались друг от друга.
Разделяем цветовые каналы и изменяем перспективу изображения
3D анаглиф работает, используя нашу естественную способность воспринимать глубину с помощью бинокулярного зрения. Восприятие глубины исходит из того, что каждый из наших глаз видит несколько отличную от другого картинку. Наш мозг обрабатывает картинки, полученные каждым глазом, и на основе небольшой разницы в углах обзора между двумя изображениями получает ощущение глубины. Это основная предпосылка для работы техники, изложенной в данном уроке.
Мы начинаем с отделения цветовых каналов на каждом слое.
Большинство анаглифных 3D-очков поставляются с красными линзами для левого глаза и синей (бирюзовой) линзы для правого. Поскольку красная линза позволяет видеть только в красном канале, мы отключим зеленый и синий каналы для этого слоя. Отключение каналов можно сделать в диалоговом окне Параметров наложения (Blending Options).
В панели слоёв дважды кликните по слою «левый-красный», откроется диалоговое окно «Параметров наложения» (Blending Options), где снимите галки с каналов G и B:
Т.к. наш правый глаз будет в состоянии видеть только зеленый и синий (голубой) каналы через голубую линзу, мы отключим красный канал для слоя «правый-голубой»:
Теперь, когда мы разделили каналы для каждого глаза, назначив по слою для правого и левого глаза, моделируем глубину изображения, изменив перспективу каждого слоя.
Начнём с слоя «левый-красный». Отключите видимость слоя «правый-голубой». Для изменения перспективы воспользуемся инструментом
«Свободная трансформация» (Free Transform). Кликаем по слою «левый-красный» для его активации, затем нажимаем клавиши Ctrl+T. Вокруг слоя появляется габаритная рамка. Кликаем правой клавишей мыши в любом месте внутри рамки, в открывшемся контекстном меню нажимаем на пункт «Перспектива» (Perspective):
Перетащите верхний левый угол изображения вверх, как показано на картинке. Чем выше Вы его перетащите, тем более выраженным будет эффект объёма на фото:
Нажмите Enter для применения действия инструмента.
Отключите видимость слоя «левый-красный», включите видимость слоя «правый-голубой» и сделайте таким де образом трансформируйте его, только с правой стороны:
Включите видимость обеих слоёв, и у Вас получится примерно такое изображение:
Теперь, мы посмотрим на фото в 3D-очках, мы заставим наш мозг подумать, что он воспринимает два разных изображения. Но картинка не готова, т.к. центр изображения не совмещён. Исправим это с помощью инструмента «Перемещение» (Move Tool).
Сведение изображений и обрезка картинки
Возьмите инструмент «Перемещение», зажмите клавишу Shift и переместите слои вправо и влево соответственно, в качестве общего центра я использовал лицо модели. Для перемещения можно использовать не мышь, а клавиши «стрелка вправо» и «стрелка влево»:
Осталось только обрезать левый и правый край картинки с помощью инструмента «Обрезка» (Crop Tool) и сохранить документ.
Вот как выглядит готовое фото:
Хотя этот метод отличается от создания реального 3D анаглифного фото, где используются две фотокамеры, снимающие с разных углов, мы получили почти подобный эффект, используя только одну фотографию.
Растояние между объективами камер должно быть равно примерно 65мм. (как и расстояние между глаз человека) чтобы обмануть мозг. В идеале камеры из двух положений должны быть направлены на одну точку объекта, но можно и просто параллельно. К примеру объективы спецкамер для стереосъемки «смотрят» параллельно относительно друг друга.
Еще камеры должны быть в одной горизонтальной плоскости без смещения по вертикали и желательно с ручной настройкой для съемки (баланс белого,…) . В ручную так фотографировать легко можно приноровиться, если только вы не страдаете дрожанием рук или не с похмелья . Для всерьез увлекающихся стереосъемкой лучше купить штатив с функцией перемещения камеры по горизонтали или еще лучше 3D фотоаппарат, как на рисунке выше или более современный, но и более дорогой.
Объект съемки должен быть неподвижен. Для съемки движущихся объектов, две одинаковые камеры с одинаковыми настройками, с расстоянием 65 мм друг от друга закрепляются на чем-либо, например на деревянной дощечке, синхронизируется их спуск и этим тандемом можно снимать что угодно и как угодно.
Итак, у вас готовы две фотографии: фото1 из положения 1 для левого глаза и фото2 из положения 2 для правого. Выполните следующие несложные действия:
1. Открыть фото1 и фото2 в Adobe Photoshop.
К слову, при склеивании этих фото один к другому, фото2 слева а фото1 справа, у вас получится готовая стереопара, при рассматривании которой перекрестным методом (кося глаза к носу) вы будете наблюдать тот же эффект стереофотографии. Стерео очки вам в этом случае даже не понадобятся.
2. Перейти в каналы и для фото1 оставить только красный. Выделить всю картинку через Выделение ? Все или горячими клавишами Ctrl + A и скопировать изображение через Редактирование ? Копировать или клавишами Ctrl + C .
3. Аналогичным образом фото2 оставить в красном канале и перейдя Редактирование ? Вставить или клавишами Ctrl + V наложить поверх скопированное в предыдущем пункте изображение фото1 .
4. Включить все каналы для получившейся картинки. Инструментом Перемещение при необходимости откорректировать положение наложенного фото. Анаглифические очки должны быть в это время на вас. Корректировка эта нужна в редких случаях, только если ваша камера случайно дрогнула при съемке фото2 .
5. Наденьте стереоочки и наслаждайтесь реализмом 3D объема готового стереофото.
Как сделать анаглиф (3D фото) своими руками в Adobe Photoshop обновлено: 31 декабря, 2016 автором: Роман Ваховский
Возможностью сделать стереограммы со скрытым изображением прямо в фотошопе мы обязаны плагину «Stereogram Lab Filter 1.0«, написанному мастером своего дела [urlspan]3Dimka[/urlspan], стерограммами которого я не перестаю восхищаться.
После запуска Potoshop в меню « Фильтр » появится подменю « Stereogram Lab «.
Далее вам понадобятся две заранее приготовленные картинки: текстура и маска глубины. Как их сделать почитайте в статьях этой рубрики и кроме этого скоро здесь появится статья на тему «Как сделать маску глубины в Photoshop».
Теперь осталось самое простое:
1. Откройте в фотошопе вашу текстуру. При необходимости инструментом « Выделить » выделите ту ее часть, которая будет применяться для генерации стереограммы.
Совет: При выделении части текстуры из картинки учтите то, что высота ее должна быть равна высоте маске глубины. Ширину обычно выбирают равной 90 или 100 пикселей.
2. В меню фотошопа перейдите Фильтр ? Stereogram Lab ? Set Texture .
Откроется окно предварительного просмотра заготовки вашей текстуры. Нажмите на кнопку « ОК «.
3. Откройте маску глубины и перейдите Фильтр ? Stereogram Lab ? Hidden Image Stereogram .
4. В открывшемся окне настроек передвижением ползунков поэкспериментируйте с параметрами генерации будущей стереограммы.
- Reheats – количество полосок текстур по ширине.
- Depth% — процент глубины скрытого изображения.
- Oversamply – качество рендеринга.
- Start% — позиция на стереограмме, с которой начнется ее генерация.
5. Нажмите « ОК » и наслаждайтесь полученным результатом.
Полученную картинку под названием « Поросенок » вы можете увидеть в галерее 3D стереограмм.
Как известно, анаглифную стереокартинку делают из двух фото, выполненных с разных ракурсов. На этом уроке вы научитесь создавать анаглифные 3d фото и стерео-варио из одного изображения.
Для этого нам понадобится сама исходная картинка и две программы – Adobe Photoshop и 3D Masterkit.
Итак, начнем. На первом этапе изготовим маску глубины нашей фотографии. Это такая черно-белая картинка на которой чем темнее точка, тем глубже находится соответствующая ей точка на картинке исходнике и наоборот.
Откойте в фотошопе исходное фото. В правой колонке на вкладке « Слои » щелкните правой кнопкой мыши по фону исходника и в открывшемся списке выберете « Дублировать слой «. Исходный слой удалите щелкнув по нему правой кнопкой и выбрав « Удалить «. Таким образом у нас останется не закрепленный слой-исходник.
Для собственного удобства я сделал картинку черно-белой. Хотя это непринципиально.
Инструментом « Лассо » в левой панели инструментов обведите каждый объект на фото и щелкнув по нему правой кнопкой мыши создайте новый слой выбрав « Слой через копирование «. Создавать новые слои целесообразно только из тех объектов, которые находятся в разных плоскостях или другими на удалении друг от друга.
Когда слои из всех объектов на фото будут готовы, сделаем слой из горизонтальной поверхности (земли) но уже через « Обрезание «.
Чтобы выделить последнюю часть нашей картинки (каменная стена на заднем фоне) для создания последнего слоя, выполним следующее:
— инструментом волшебная палочка выделим всю пустую область внизу картинки (бывшая земля) и далее « Выделение » ? « Инвертировать выделение «. Вся стена с ее нижними границами будет выделена точно по контуру.
Делаем из нее последний слой.
Итак, у нас получилось 6 слоев. Слой 1 – сам император Август, слои 2,3,4 – три грани его пьедестала, слой 5 – горизонтальная поверхность или земля и слой 6 – вертикальная поверхность или стена.
На вкладке « Слои » в правой колонке оставим активным слой 5. Выделим его используя инструмент « Волшебная палочка » и после « Инвертировать выделение » (как уже делали это выше). Удалим выделенное изображение кнопкой Delete на клавиатуре и инструментом « Градиентная заливка » зальем слой. Предварительно, перед использованием инструмента « Градиентная заливка «, в палитре цветов выбираем оттенки для начальной и конечной заливки градиента.
Инструментом « Пипетка » выбираем самый темный участок слоя 5 и этим оттенком заливаем слой 6.
Таким же образом, используя инструменты « Пипетка «, « Заливка » и « Градиентная заливка «, заливаем все остальные слои.
Объединим слои. Щелкаем « Слой » ? « Выполнить сведение «.
Выполним смазывание картинки чтобы не было резких переходов на границах слоев. Для этого щелкаем « Фильтр » ? « Размытие » ? « Размытие по Гауссу «.
Эти команды, в зависимости от версии фотошопа, могут иметь разные названия. Например в более ранней версии эти команды – Фильтр ? Смазывание ? Смазывание Гаусса .
Вот что у нас получилось
Первый этап на этом завершен. Теперь вы сможете самостоятельно сделать маску глубины для любого фото.
И наконец самый приятный и завершающий этап. В 3D MasterKit, в его правой колонке « Слои «, откроем исходную картинку и ее маску глубины. Щелкаем по кнопке « Генерировать » и получаем 12 кадров (кадры сгенерированы таким образом, будто вы их сняли с разных ракурсов).
В панели « Навигатор » щелкаем по кнопке « Пуск » и получаем стерео-варио:
Тут же, на соответствующих вкладках, можно получить следующие стереокартинки:
- • cтереоскоп – кодированное изображение для просмотра через линзовый растр;
- • анаглиф – монохромные, квази-цветные, цветные изображения для просмотра через двухцветные, красно синие анаглифные очки;
- • прямой просмотр – стереопары для просмотра параллельным и перекрестным способами, не требующие дополнительных приспособлений;
- • интерлейс – стерео карточки для просмотра в стереоскопе;
- • растр – черезстрочные 3D изображения для просмотра через жидкокристаллические очки шторного типа.
Про эти картинки я напишу позже, а вот анаглиф здесь получается грубовато. Поэтому я его сделал в фотошопе по методике, описанной мной в статье Как сделать анаглиф (анаглифические фото) своими руками в Adobe Photoshop. Для этого необходимо сохранить сгенерированные в 3D MasterKit кадры и использовать первый кадр для левого глаза а последний для правого.
И вот конечный результат:
Надеюсь, все подробно и понятно описал, если будут вопросы или предложения, пишите в комментариях.
Как сделать анаглиф и стерео варио из одной фотографии обновлено: 9 января, 2017 автором: Роман Ваховский
В этом коротком уроке я покажу вам, как превратить обычный рисунок в трехмерный при помощи простого трюка в Photoshop.
Сложность урока: Средний
Рисование вида сбоку какого-либо предмета кажется самым простым и интуитивным - без «перспективы» рисовать легко и весело. Однако, из-за своей простоты рисунки вида сбоку также достаточно скучны, и в них весьма проблематично передать характер и качества предмета. В этом коротком уроке я покажу вам, как превратить их в интересный, трехмерный рисунок при помощи простого трюка в Photoshop.
1. Приготовьте рисунок вида сбоку
Шаг 1
Откройте Adobe Photoshop. Создайте новый документ (Ctrl/Cmd-N) и нарисуйте вид сбоку своего персонажа на новом слое (Ctrl/Cmd-Shift-Alt-N).
Шаг 2
Установите Непрозрачность (Opacity) слоя на 20%. Затем создайте новый слой.
Шаг 3
На этом новом слое нарисуйте упрощенную версию персонажа. Используйте формы настолько простые, насколько возможно, на секунду забудьте о деталях.
2. Постройте связывающую коробку
Шаг 1
Каждый трехмерный объект, вне зависимости от уровня детализации, может быть заключен в так называемую коробку. Аналогично, вид сбоку (2D) может быть заключен в одну сторону этой коробки - прямоугольник. Давайте это построим!
Выберите Rectangle Tool (Инструмент Прямоугольник (U)) и измените его настройки так, как показано ниже.
Шаг 2
Нарисуйте любой прямоугольник. Не утруждайте себя созданием нового слоя - для фигур они создаются автоматически.
Шаг 3
Воспользуйтесь инструментом Free Transform Tool (Свободное Трансформирование (Ctrl/Cmd-T)), чтобы изменить размер прямоугольника и тесно поместить персонажа внутри. Скройте персонажа (нажмите на иконку «глаза» рядом с соответствующим слоем на панели слоев).
Шаг 4
Продублируйте (Ctrl/Cmd-J) прямоугольник и скройте оригинал.
Сейчас нам потребуются некоторые правила перспективы. Вы можете найти их в других моих уроках, касающихся перспективы - они не такие сложные, как вы можете подумать. Вот пример!
- Если вы хотите увидеть переднюю часть персонажа, сделайте прямоугольник уже слева.
- Если вы хотите увидеть заднюю часть персонажа, сделайте прямоугольник уже справа.
- Если вы хотите увидеть верх персонажа, сделайте прямоугольник короче сверху.
- Если вы хотите увидеть низ персонажа, сделайте прямоугольник короче снизу.
Шаг 5
Вид сбоку должен быть искажен, чтобы преобразиться в трехмерный вид. Верните видимость слоя с первоначальным прямоугольником и понизьте его Непрозрачность (Opacity). Используйте Direct Selection Tool (Инструмент Выделение узла (А)), зажмите Shift и кликните по точкам на стороне возле «пробела».
Когда обе точки выбраны, нажмите стрелку вниз, чтобы переместить их вниз. Теперь у нас есть одна сторона связующей коробки!
Шаг 6
Вид сбоку несет в себе информацию о высоте и длине персонажа, но 3D - это три измерения.
Создайте новый слой. Уберите видимость прямоугольника, но верните видимость слоя с персонажем. Включите линейки (Ctrl/Cmd-R) и потяните их горизонтально к картинке, чтобы отмерить самые важные части персонажа. Используйте эти линии, чтобы нарисовать простой вид сверху.
Подсказка: вы можете нарисовать лишь половину вида сверху, а затем его продублировать (Ctrl/Cmd-J) и Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали).
Шаг 7
Создайте связывающий прямоугольник для вида сверху, как и ранее.
Шаг 8
Вернитесь к искаженному прямоугольнику. Мы можем создать из него вторую часть нашей «коробки». Потяните его, зажав Alt, чтобы продублировать. Переместите его, согласно правилам перспективы:
• Если вы хотите увидеть переднюю часть, переместите вправо.
• Если вы хотите увидеть заднюю часть, переместите влево.
• Если вы хотите увидеть верх, переместите вниз.
• Если вы хотите увидеть низ, переместите наверх.
Что касается расстояния:
• Чем уже длина, тем больше расстояние по горизонтали.
• Чем ниже высота, тем больше расстояние по вертикали.
• Расстояние не может быть больше, чем ширина на виде сверху.
Шаг 9
Соедините стороны при помощи Pen Tool (Перо (Р)) (используя те же настройки, что и у прямоугольника). Наша коробка готова!
3. Отрегулируйте вид сбоку для трехмерной связывающей коробки
Шаг 1
А сейчас нам нужно уместить персонаж внутри коробки. Сначала, воспользуйтесь Free Transform Tool (Свободное Трансформирование (Ctrl/Cmd-T)) с зажатой клавишей Shift, чтобы подогнать высоту персонажа под высоту коробки.
Шаг 2
Зажмите Ctrl/Cmd и потяните нижнюю точку к нижнему углу дальней стороны. Сделайте то же самое с верхней точкой. Наша цель - «прикрепить» персонажа к искаженной стороне.
Шаг 3
Зажмите Alt и потяните персонажа, чтобы разместить копию на другой стороне.
Шаг 4
Проблема заключается в том, что не каждый элемент тела одинаков по ширине. Давайте посмотрим на примере мордочки. Создайте новый слой, чтобы нарисовать линию между основаниями мордочки на обеих сторонах.
А теперь нарисуйте ту же линию между обеими сторонами на виде сверху.
Шаг 5
Как вы видите, мордочка начинается немного глубже, а не прямо возле сторон.
Попробуйте сымитировать аналогичные пропорции на данной линии:
Шаг 6
Выберите мордочку на одной стороне при помощи Lasso Tool (Лассо (L)). Вырежьте и вставьте ее на место на новом слое.
Шаг 7
Перетащите рот по линии, дабы переместить его на нужное место.
Шаг 8
Проделайте то же самое с другой стороной.
Шаг 9
Посмотрите на вид сверху и решите, какие части должны также быть перемещены внутрь. Вы даже можете измерить их только зрительно, если чувствуете себя уверенно.
4. Завершите рисунок
Шаг 1
Объедините все части и понизьте их Непрозрачность (Opacity). Затем создайте новый слой и соедините линии. Вам понадобится немного творческого мышления, но это должно быть намного легче, чем рисование без каких-либо вспомогательных линий.
Шаг 2
Понизьте непрозрачность и создайте новый слой. Нарисуйте все детали так, как вы бы это сделали на виде сбоку.
Это Все!
Сначала это может показаться немного запутанным, но как только вы поймете, что все это значит, вы сможете пропустить большую часть этих шагов и делать их все мысленно. В конце концов, у вас получится преподнести вашего персонажа так, как он заслуживает быть показан!
Читайте также: