Как сделать стереоэффект в фотошопе

Создать стерео 3D изображение в Photoshop

В этом уроке мы рассмотрим, как сделать из обычной фотографии стереоскопическую, как сейчас принято говорить, 3D-фото, кроме того, достаточно понятно объясняется принцип создания анаглифных фото.

Мы возьмём обычную фотографию и преобразуем её в 3D анаглифное изображение с помощью программы Adobe Photoshop.

Для просмотра такой фотографии в 3D необходимы анаглифные очки Как сделать стереоэффект в фотошопе

Данный метод очень хорошо работает с черно-белыми изображениями, но, тем не менее, я считаю, что он работает довольно хорошо и с цветными фотографиями.

Открываем фото в Photoshop. Я воспользуюсь этой фотографией:

Как сделать стереоэффект в фотошопе

Дублируйте (Crtl+J) фоновое изображение два раза раза (по одному слою для каждого глаза). Переименуйте один дубликат в «левый-красный», а другой в «правый-голубой», чтобы избежать путаницы в дальнейшем. После этого выключите видимость на фонового слоя:

Как сделать стереоэффект в фотошопе

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

Разделяем цветовые каналы и изменяем перспективу изображения

3D анаглиф работает, используя нашу естественную способность воспринимать глубину с помощью бинокулярного зрения. Восприятие глубины исходит из того, что каждый из наших глаз видит несколько отличную от другого картинку. Наш мозг обрабатывает картинки, полученные каждым глазом, и на основе небольшой разницы в углах обзора между двумя изображениями получает ощущение глубины. Это основная предпосылка для работы техники, изложенной в данном уроке.

Мы начинаем с отделения цветовых каналов на каждом слое.

Большинство анаглифных 3D-очков поставляются с красными линзами для левого глаза и синей (бирюзовой) линзы для правого. Поскольку красная линза позволяет видеть только в красном канале, мы отключим зеленый и синий каналы для этого слоя. Отключение каналов можно сделать в диалоговом окне Параметров наложения (Blending Options).

В панели слоёв дважды кликните по слою «левый-красный», откроется диалоговое окно «Параметров наложения» (Blending Options), где снимите галки с каналов G и B:

Как сделать стереоэффект в фотошопе

Т.к. наш правый глаз будет в состоянии видеть только зеленый и синий (голубой) каналы через голубую линзу, мы отключим красный канал для слоя «правый-голубой»:

Как сделать стереоэффект в фотошопе

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

Начнём с слоя «левый-красный». Отключите видимость слоя «правый-голубой». Для изменения перспективы воспользуемся инструментом
«Свободная трансформация» (Free Transform). Кликаем по слою «левый-красный» для его активации, затем нажимаем клавиши Ctrl+T. Вокруг слоя появляется габаритная рамка. Кликаем правой клавишей мыши в любом месте внутри рамки, в открывшемся контекстном меню нажимаем на пункт «Перспектива» (Perspective):

Как сделать стереоэффект в фотошопе

Перетащите верхний левый угол изображения вверх, как показано на картинке. Чем выше Вы его перетащите, тем более выраженным будет эффект объёма на фото:

Как сделать стереоэффект в фотошопе

Нажмите Enter для применения действия инструмента.

Отключите видимость слоя «левый-красный», включите видимость слоя «правый-голубой» и сделайте таким де образом трансформируйте его, только с правой стороны:

Как сделать стереоэффект в фотошопе

Включите видимость обеих слоёв, и у Вас получится примерно такое изображение:

Как сделать стереоэффект в фотошопе

Теперь, мы посмотрим на фото в 3D-очках, мы заставим наш мозг подумать, что он воспринимает два разных изображения. Но картинка не готова, т.к. центр изображения не совмещён. Исправим это с помощью инструмента «Перемещение» (Move Tool).

Сведение изображений и обрезка картинки

Возьмите инструмент «Перемещение», зажмите клавишу Shift и переместите слои вправо и влево соответственно, в качестве общего центра я использовал лицо модели. Для перемещения можно использовать не мышь, а клавиши «стрелка вправо» и «стрелка влево»:

Как сделать стереоэффект в фотошопе

Осталось только обрезать левый и правый край картинки с помощью инструмента «Обрезка» (Crop Tool) и сохранить документ.

Вот как выглядит готовое фото:

Как сделать стереоэффект в фотошопе

Хотя этот метод отличается от создания реального 3D анаглифного фото, где используются две фотокамеры, снимающие с разных углов, мы получили почти подобный эффект, используя только одну фотографию.

Источник

Как использовать 3D эффекты в Photoshop. Полное руководство.

Как использовать 3D в PHOTOSHOP

Из данного руководства вы узнаете, как использовать 3D-инструменты в Photoshop. Для получения правильного результата необходимо следовать указанной последовательности операций.

Это изображение, которое я полностью создал в Photoshop. Ручки и линейка были смоделированы с использованием базовых форм и контуров.

Как сделать стереоэффект в фотошопе

И еще несколько примеров 3D-эффектов, созданных в Photoshop.

Как сделать стереоэффект в фотошопе

Как сделать стереоэффект в фотошопе

Как сделать стереоэффект в фотошопе

3D-конвейер

Для успешного создания 3D изображения необходимо выполнять все этапы последовательно:

3D в PHOTOSHOP

Описанный далее пошаговый процесс применим к версии Photoshop СС и CS6 Photoshop Extended.

Шаг 1. 3D-сетка

Создаем новый документ. Выбираем соотношение 16 ×9 в разрешении 1920 × 1080 (HD)/ Мы будем использовать сетку, которая уже есть в Photoshop. Переходим в раздел меню 3D>Новая сетки > Винная бутылка.

Как сделать стереоэффект в фотошопе

Вы увидите приглашение для переключения в рабочее пространство 3D, примите его. Перед вами появится 3D-панель, панель свойств и область просмотра.

Как сделать стереоэффект в фотошопе

Так выглядит рабочее пространство для создания 3D-модели.

Как сделать стереоэффект в фотошопе

В левом нижнем углу вы увидите несколько инструментов. Их можно использовать для перемещения в 3D-пространстве. Выберите инструмент поворота и прокрутите сцену.

Как сделать стереоэффект в фотошопе

Вы можете приближать или отдалять сцену, используя специальный инструмент увеличения.

Как сделать стереоэффект в фотошопе

В верхнем левом углу находится область просмотра, которая в Photoshop называется второстепенным видом. Просмотр > Показать > Второстепенный 3D-вид. Она позволяет осматривать модель под разными углами. Чтобы получить точное расположение чего-либо, необходимо посмотреть на объект сверху и на вид сбоку. Выберите соответствующий вид (камеру) из списка.

Как сделать стереоэффект в фотошопе

Кликните по стрелке, чтобы переключиться на правильный вид. Так меняются виды. Они называются камерами.

Как сделать стереоэффект в фотошопе

Теперь взглянем на наш объект или модель. На панели 3D можно выбирать разные инструменты для модификаций. Если мы выбираем модель, то все инструменты будут работать только с моделью, а не со всей сценой.

Как сделать стереоэффект в фотошопе

Мы выбрали бутылку вина.

Как сделать стереоэффект в фотошопе

Выбираем инструмент перемещения и получаем доступ к 3D-инструментам наверху. Инструмент «Вращать» перемещает 3D-модель по кругу.

Как сделать стереоэффект в фотошопе

Инструмент «Перетащить» позволяет менять положение модели в 3D пространстве.

Как сделать стереоэффект в фотошопе

Инструмент «Масштабирование» используется для изменения размера объекта.

Как сделать стереоэффект в фотошопе

В 3D применяется три оси координат:

В Photoshop есть инструмент, который используется для трансформации по одной оси.

Как сделать стереоэффект в фотошопе

На снимке он применяется для трансформации бутылки.

Как сделать стереоэффект в фотошопе

Чтобы восстановить координаты по умолчанию, кликните по закругленной стрелке внизу панели «Свойства».

Как сделать стереоэффект в фотошопе

Вы можете выбрать разные части модели и изменять их по отдельности.

Как сделать стереоэффект в фотошопе

Шаг 2: Текстуры

Теперь мы рассмотрим текстуры, которые также иногда называются «Материалы». Для их просмотра переходим на вкладку «Материалы» в панели 3D. Панель «Свойства» отображает все свойства материалов выбранного объекта:

Как сделать стереоэффект в фотошопе

Свойства материала бутылки.

Как сделать стереоэффект в фотошопе

Вы также можете выбрать готовый материал. В Photoshop доступно несколько материалов, которые имитируют стекло, метал, дерево и т.д. Чтобы применить эти шаблоны, выберите материал в панели 3D, а затем заготовку.

Как сделать стереоэффект в фотошопе

Здесь используется шаблон «Пробковое дерево». Активировав параметр «Рассеивание», можно установить цвет материала.

Как сделать стереоэффект в фотошопе

Вы также можете использовать изображение в качестве текстуры. Кликните по иконке папки и выберите пункт «Редактировать текстуру».

Как сделать стереоэффект в фотошопе

После этого откроется новый документ Photoshop.

Как сделать стереоэффект в фотошопе

Давайте создадим черную этикетку с белыми буквами, назовем ее «Этикетка». Сохраняем документ и закрываем окно.

Как сделать стереоэффект в фотошопе

Обратите внимание, что материал ярлыка теперь обновлен в соответствии с внесенными изменениями.

Как сделать стереоэффект в фотошопе

Вы можете изменить размер и расположение этикетки, нажав иконку папки рядом с параметром «Рассеивание» на панели свойств. Выберите пункт «Редактировать UX-свойства». Вы увидите шесть ползунков, которые позволяют масштабировать текстуру.

Как сделать стереоэффект в фотошопе

Шаг 3. Освещение

Мы уже создали сцену, теперь пришло время осветить и обработать ее. Для этого выбираем вкладку «Освещение» на панели 3D. Можно перетаскивать виджет для смещения источника света.

Как сделать стереоэффект в фотошопе

Чтобы создать новый источник света, в 3D-панели внизу нажимаем на иконку лампочки.

В Photoshop есть три типа источника света:

Как сделать стереоэффект в фотошопе

Созданные источники света можно изменять на панели свойств. Например, добавить цвет к источнику света или поменять яркость (интенсивность), добавить или удалить тень.

Как сделать стереоэффект в фотошопе

Расположение источников света

Когда вы размещаете источники света, рекомендуется использовать вид сверху вниз (на второстепенной панели). Это позволяет скрыть расположение источника.

Как сделать стереоэффект в фотошопе

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

Как сделать стереоэффект в фотошопе

Добавим точечный источник света. Такой тип освещения имеет больше возможностей для настройки. Для этого выбираем пункт «Новый точечный свет» на панели 3D.

Как сделать стереоэффект в фотошопе

Вы можете расположить источник света, используя инструменты перемещения. Они работают так же, как и для других объектов. Приведем несколько советов, которые помогут расположить луч света.

Когда выбран источник света, нажмите клавишу Alt / Option и кликните по объекту. Это направит источник света на то место, по которому вы кликните.

Нажмите и удерживайте клавишу Shift и перетащите тень, чтобы поменять расположение источника света.

Как сделать стереоэффект в фотошопе

Есть также средство преобразования света. Чтобы его активировать, кликните по иконке источника света.

Как сделать стереоэффект в фотошопе

Как только вы установили источник света, можно настроить интенсивность и даже добавить цвет (по желанию).

Как сделать стереоэффект в фотошопе

Вы увидите два кольца вокруг источника света.

Регулируя эти кольца, можно сделать луч света резким или мягким. Большее расстояние между кольцами создаст более мягкий свет.

Как сделать стереоэффект в фотошопе

Шаг 4 Рендеринг

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

Мы работаем с 3D в черновом разрешении для более высокой производительности. Когда мы выполняем рендеринг, Photoshop использует трассировку лучей для создания изображения и добавления отражений и других эффектов.

Вот так выглядит изображение до рендеринга.

Как сделать стереоэффект в фотошопе

А это результат окончательного рендерингна сцены. Обратите внимание, что тени и отражения после рендеринга выглядят намного лучше.

Как сделать стереоэффект в фотошопе

Для запуска рендеринга нажмите иконку с квадратом внизу 3D-панели.

Как сделать стереоэффект в фотошопе

Вы можете сэкономить время путем выборочной проверки отдельных участков изображения. Используйте инструменты выделения, что осуществлять рендеринг в пределах конкретной области.

Как сделать стереоэффект в фотошопе

Настройки рендеринга

На панели 3D кликните по пункту «Сцена», чтобы отобразить настройки рендеринга в панели свойств.

Как сделать стереоэффект в фотошопе

В выпадающем списке «Наборы» доступно множество предустановленных шаблонов.

Как сделать стереоэффект в фотошопе

Чтобы изменить другие настройки рендеринга, выберите пункт «Среда» в панели 3D. Обратите внимание на параметр «Источник света на базе изображения (ИСБИ) для сцены». С его помощью вы можете управлять глобальными тенями и горизонтальной проекцией.

Как сделать стереоэффект в фотошопе

Шаг 5. 3D анимация

Теперь пришло время для создания анимации. Для этого перейдите в раздел Окно > Шкала времени.

Чтобы создать временную шкалу, кликните по кнопке «Создать анимацию кадра».

Как сделать стереоэффект в фотошопе

Вы увидите список всех свойств вашего 3D изображения. Любое свойство с иконкой секундомера можно анимировать. Прокрутите вниз до сетки и откройте их.

Как сделать стереоэффект в фотошопе

Начнем с анимации верхней части бутылки. Выберем материал верха бутылки. Кликаем по иконке секундомера для выставления начального ключевого кадра. Анимация будет создана между двумя ключевым кадрами.

Как сделать стереоэффект в фотошопе

Перетащите курсор воспроизведения вперед по шкале времени. Сдвиньте бутылку вверх, кликнув по стрелке оси Y. Когда вы отпустите кнопку мыши, будет создан новый ключевой кадр.

Чтобы посмотреть анимацию, нажмите кнопку воспроизведения или нажмите клавишу «Пробел».

Как сделать стереоэффект в фотошопе

Добавим еще одну анимацию с падением бутылки. Для этого необходимо объединить бутылку и этикетку так, чтобы они двигались вместе.

На панели 3D выберите бутылку и маркировку. Удерживая нажатой клавишу Shift, кликните по элементу в панели.

Как сделать стереоэффект в фотошопе

Кликните правой кнопкой мыши и выберите пункт «Группировать объекты»

Как сделать стереоэффект в фотошопе

Она получит название «Новая группа». Найдите ее на временной шкале.

Как сделать стереоэффект в фотошопе

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

Используйте инструмент вращения для перемещения бутылки вокруг своей оси. После этого будет создан ключевой кадр. Нажмите клавишу «Пробел» для просмотра анимации.

Как сделать стереоэффект в фотошопе

Выберите пункт Файл > Экспортировать > Экспорт видео

Выберите экспорт последовательности изображений или видео. Выберите формат H.264. Текущие настройки обеспечат соответствующее качество видео.

Выберите качество 3D. Затем нажмите кнопку начала рендеринга. Обратите внимание, что процесс рендеринга займет много времени.

Поздравляю! Теперь вы знаете, как создавать 3D-графику и анимацию в Photoshop.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *