Видео урок как сделать анимацию фото в 3 д в фотошопе
3D-функции Photoshop будут удалены в будущих обновлениях. Пользователям, работающим с 3D-функциями, рекомендуется ознакомиться с новой коллекцией Adobe Substance 3D, которая представляет собой новое поколение 3D-инструментов от Adobe.
Дополнительную информацию о прекращении поддержки 3D-функций Photoshop можно найти здесь: Photoshop 3D | Распространенные вопросы об упраздненных 3D-функциях.
Photoshop позволяет создавать множество разнообразных базовых 3D-объектов с использованием 2D-слоев в качестве основы. После создания 3D-объекта его можно поместить в 3D-пространство, изменять настройки рендеринга, добавлять источники света или включать его в другие 3D-слои.
Преобразуйте двухмерные слои в трехмерные открытки (плоскости с трехмерными свойствами). Если начальным слоем является текстовый слой, все настройки прозрачности сохраняются.
Обернуть 2D-слой вокруг 3D-объекта, например конуса, куба или цилиндра.
Создайте 3D-сетку из содержимого в градациях серого, сохраненного в 2D-изображении.
Смоделируйте технику работы по металлу под названием чеканка путем вытеснения двухмерного объекта в трехмерное пространство. См. раздел Создание 3D-чеканки.
Строить 3D-объемы из мультикадрового файла, например файла изображения DICOM. Photoshop обработает отдельные изображения из файла и создаст на их основе 3D-объект, который можно будет поместить в 3D-пространство, где им можно будет манипулировать и рассматривать с разных сторон. Для оптимизации изображения различных материалов во время сканирования, например кости или мягкой ткани, можно использовать различные эффекты рендеринга 3D-объема. См. раздел Создание 3D-тела.
Создание 3D-открытки
3D-открытки можно добавлять в существующую 3D-сцену с целью создания поверхности, которая будет улавливать тени от других объектов на этой сцене.
Откройте 2D-изображение и выберите слой, который требуется преобразовать в открытку.
Выберите «3D» > «Новая 3D-открытка из слоя».
2D-слой преобразуется в 3D-слой на панели «Слои». Содержимое 2D-слоя накладывается в качестве материала на обе стороны открытки.
Исходный 2D-слой появляется на панели «Слои» в качестве текстурной карты «Диффузия» объекта 3D-открытки. (См. раздел Обзор панели 3D.)
Созданный 3D-слой сохраняет все размеры исходного 2D-изображения.
(Необязательно) Чтобы добавить 3D-открытку в 3D-сцену в качестве плоскости поверхности, объедините новый 3D-слой с уже существующим 3D-слоем, содержащим другие 3D-объекты, затем при необходимости осуществите выравнивание. (См. раздел Объединение 3D-объектов.)
Чтобы обеспечить доступ к 3D-содержимому, экспортируйте 3D-слой в 3D-файл или сохраните его в формате PSD. (См. раздел Экспорт 3D-слоев.)
Создание 3D-фигур
В зависимости от выбранного типа объекта результирующая 3D-модель может содержать одну или несколько сеток. При использовании параметра «Сферическая панорама» изображение накладывается на внутреннюю поверхность 3D-сферы.
Откройте 2D-изображение и выберите слой, который требуется преобразовать в 3D-фигуру.
Выберите «3D» > «Новая фигура из слоя», затем выберите в меню форму фигуры. Фигуры могут содержать объекты с одной сеткой, например пончик, сфера или шляпа, а также объекты с несколькими сетками, например конус, цилиндр, жестяная банка с лимонадом или бутылка вина.
В меню фигуры можно добавлять произвольные фигуры. Фигуры являются файлами моделей Collada и имеют расширение «.dae». Чтобы добавить фигуру, поместите файл модели Collada в папку «Presets\Meshes» с установленной программой Photoshop.
2D-слой преобразуется в 3D-слой на панели «Слои».
Исходный 2D-слой появится на панели «Слои» в качестве текстурной карты «Диффузия». Он может быть использован для наложения на поверхности новых 3D-объектов. На остальные поверхности могут накладываться текстурные карты «Диффузия» по умолчанию с соответствующими настройками цвета. См. раздел Обзор панели 3D.
(Необязательно) Воспользуйтесь параметром «Сферическая панорама» при использовании панорамного изображения в качестве 2D-входа. Этот параметр осуществляет полное преобразование (360 x 180 градусов) сферической панорамы в 3D-слой. После преобразования в 3D-объект можно наносить краску на области панорамы, которые часто находятся в труднодоступных местах, например, полюса или области с прямыми линиями. Дополнительную информацию по созданию 2D-панорамы см. в разделе Создание панорам с углом обзора 360 градусов.
Экспортируйте 3D-слой в формате 3D-файла или PSD, чтобы сохранить полученное 3D-содержимое. См. раздел Экспорт 3D-слоев.
Создание 3D-сетки
Команда «Новая сетка из градаций серого» преобразует изображение в градациях серого в карту глубины, где значения освещенности принимаются за значения глубины. Более светлые области преобразуются в возвышенности, а более темные — в углубления. Затем Photoshop накладывает карту глубины на одну из четырех возможных геометрических фигур для создания 3D-модели.
Откройте 2D-изображение и выберите один или несколько слоев, которые требуется преобразовать в 3D-сетку.
(Необязательно) Преобразуйте изображение в изображение в градациях серого. (Выберите «Изображение» > «Режим» > «Градации серого» или «Изображение» > «Корректировки» > «Черно-белое» для проведения более точного процесса преобразования.)
Если при создании сетки в качестве входного изображения используется изображение RGB, то для создания карты глубины используются значения зеленого канала.
(Необязательно) Отредактируйте изображение в градациях серого, если требуется ограничить диапазон значений яркости.
Выберите «3D» > «Новая сетка из градаций серого», затем выберите тип сетки.
Накладывает карту глубины на плоскую поверхность.
Создает две плоскости-отражения по обе стороны центральной оси; карта высот накладывается на обе плоскости.
Накладывает карту глубины на внешнюю поверхность относительно центра вертикальной оси.
Накладывает карту глубины по радиусу на внешнюю поверхность относительно центральной точки.
Photoshop создаст 3D-слой, в котором будет содержаться новая сетка. Для 3D-объекта также создаются текстурные карты «Диффузия», «Прозрачность» и «Глубина плоскости», данные для которых берутся из исходного цветного слоя или слоя в градациях серого.
Карту высот можно в любой момент открыть в качестве смарт-объекта и отредактировать. При сохранении карты генерируется сетка.
Текстурная карта «Прозрачность» не отображается на панели «Слои», так как в этой карте используется тот же фоновый файл, что и в карте «Диффузия» (исходный 2D-слой). Если две текстурные карты ссылаются на один и тот же файл, этот файл на панели «Слои» отображается в единственном экземпляре.
Используя временную шкалу Photoshop Animation, можно создавать 3D-анимации, где 3D-модель будет осуществлять перемещения в пространстве с изменением параметров отображения. В анимации можно задействовать любое из следующих свойств 3D-слоя:
3D-объект или позиция камеры. Используйте инструменты 3D-позиционирования или камеры для перемещения модели или 3D-камеры с течением времени. Photoshop может создавать промежуточные кадры между перемещениями камеры или изменением позиции для создания эффекта плавного движения.
Настройки 3D-рендеринга. Изменение режимов рендеринга с возможностью анимировать преобразования между переключениями некоторых режимов рендеринга. Например, постепенный переход от режима «Вершины» к режиму «Каркас» для симуляции процесса создания эскиза структуры модели.
3D-поперечное сечение. Вращение секущей плоскости для отображения изменяющегося со временем поперечного сечения. Изменяйте настройки поперечного сечения от кадра к кадру для выделения различных областей модели во время анимации.
Для получения высококачественной анимации можно использовать настройку «Рендеринг для фин. вывода». См. раздел Изменение эффектов рендеринга.
В данном уроке мы будем делать 3D анимацию из фото. Анимация не сложная, но достаточно интересная, выглядит типа 3D тур по коридору. Если включить фантазию, то можно придумать массу прикольных вариантов её реализации. Здесь анимация реализована с без повторений, поэтому если хотите просмотреть её с начала просто обновите страницу сайта в браузере (Ctrl + F5). Не стал делать анимацию повторяющейся, потому что это зрелище может у склонных людей вызвать приступы эпилепсии, да и смотрится при однократном воспроизведении она намного лучше.
Самое главное при выборе исходника для основного фона учитывать два момента. Инструмент "Исправление перспективы" в фотошопе автоматически определяет перспективу пространства, поэтому изображение лучше подобрать с хорошо опознаваемой перспективой стен, потолка и пола.
Я экспериментировал с различными изображениями, пробовал фото длинной улицы и всё это работало, но не стабильно. Даже когда ручная настройка сетки перспективы давала не плохой результат, то при анимации камера могла начать вести себя совсем не адекватно, скакать из угла в угол или крутиться на месте.
Ну и второй, не маловажный момент - это размер и качество изображения. Конечно же, чем они будут больше, тем соответственно, будет лучше качество вашей анимации.
1. Настраиваем перспективу
И так, первое что нужно сделать - это настроить перспективу. В верхнем меню переходим к пункту "Фильтр" и выбираем "Исправление перспективы" или нажимаем комбинацию клавиш "Alt + Ctrl + V".
В открывшемся редакторе перспективы нам нужно разметить основные стенки коридора, его пол и потолок. Давайте начнём с пола, настраиваем сетку под его перспективу. Это у нас будет основой, поэтому сетку нужно наложить как можно ровнее, потому что от данной перспективы пола будут строиться все остальные сетки стен и потолка. И если хотя бы немного накосячить, то перспектива будет кривоватой. Работать то она всё-равно будет, но при анимации в 3D редакторе возникнет дефект в виде щели между стен коридора.
При установке сетки, смотрим на её цвет. Если сетка красного цвета, значит в данном положении её разместить не возможно. Аккуратно корректируем её края, до момента пока сетка не будет отображаться синим цветом.
Далее наводим курсор на среднюю точку и удерживая "Ctrl" на клавиатуре левой кнопкой мыши тащим вверх. Таким образом у нас получается сетка перспективы от правой стены.
Точно так же, от перспективы пола выставляем перспективу левой стены и настраиваем её высоту на глаз, как можно точнее, чтобы она была максимально аналогична по высоте правой.
Инструментом "Редактирования", который обозначен стрелочкой в левом верхнем углу можно регулировать высоту или ширину сетки.
В общем, подстраиваем обе стены как можно точнее по высоте и делаем от какой-нибудь из них перспективу потолка. Тут важно, чтобы сетка стены сошлась со стенкой потолка, иначе будет видна щель. Если просвет будет не большой, то ничего страшного, на анимации это будет не видно.
Расставляем все сетки так, чтобы их края выходили за изображение, иначе 3D перспектива будет обрубленной.
После этого, кликаем значку настроек в левом верхнем углу и выбираем пункт "Возврат 3D слоя в Photoshop".
Затем нажимаем "Ок" в правом верхнем углу и ждём, пока фотошоп соображает над нашей перспективой.
Далее, во всех вопросительных всплывающих окнах жмём "Ок, их будет около пяти-шести подряд.
После этого мы попадаем в 3D редактор, где взяв выбрав инструмент перемещения камеры, можно посмотреть что у нас получилось.
Если сильно приблизить камеру, то между левой стеной и потолком будет заметен просвет, о котором говорилось ранее. Но он не большой и на анимации будет не заметен, в идеале такое не допускать.
Настраиваем положение коридора по нашему холсту, т.е. выставляем кадр, с которого начнётся анимация. Настройку удобно делать инструментами в верхней панели.
Теперь переходим во вкладку 3D и здесь можно удалить параметры освещения, так как от света в данном случае толку никакого не будет. Просто выделаем данный параметр кликом левой кнопки мыши и нажимаем на пентаграмму корзины в нижней части панели слоёв.
2. Создаём анимацию во временной шкале
Выделяем слой "Сцена" и создаём шкалу времени для видео, на которой и будем делать анимацию, кликнув по вкладке "Шкала времени" в нижней левой части экрана.
Вернёмся во вкладку "Слои" и посмотрим какой слой у нас выделен. А выделен, на данный момент, 3D слой с перспективой, нижний же слой (фон) - это просто картинка, его можно оставить, за счёт него как раз не будет видно просвета между потолком и левой стеной.
Разворачиваем параметры шкалы нашего 3D слоя и тут нам понадобиться параметр "Положение 3D камеры". Кликаем на значок часиков на против него, таким образом ставим ключ на шкале времени
Начальная точка анимации задана, теперь перемещаем трей правее.
Выбираем в верхней панели инструмент "Изменить масштаб 3D камеры".
Данным инструментом перемещаем камеру к концу коридора при помощи мыши.
На временной шкале появился второй ключ и теперь можно посмотреть анимацию перемещения камеры, которая у нас получилась. Нажимаем пробел и смотрим на результат.
Если хотите, можно еще добавить эффект наклона камеры при движении. Для этого поставим трей между двух ключевых точек, примерно посередине,
выберем инструмент вращения и немного наклоним камеру.
В результате получится анимация, на которой камера будет не только двигаться вперёд, но и при этом наклоняться в заданную сторону. Чтобы удалить этот эффект достаточно выделить ключ на шкале времени, кликнув по нему левой кнопкой мыши и удалить его кнопкой "Delete".
3. Делаем дополнительные элементы
Сама анимация готова, можно её как-нибудь приукрасить. Для этого я взял изображение вот такого вот глаза, которое размещу в конце коридора.
Перетаскиваем его на наш рабочий холст и настраиваем отображение этого слоя в шкале времени. Нужно установить его появление в конце анимации. Проиграем анимацию (пробел), глаз появляется в нужном месте.
Теперь его увеличим под размер коридора. При выделенном слое с глазом в панели слоёв, выберем в верхнем меню инструмент "Свободное трансформирование" и настроим нужный размер глаза и его положение.
Теперь наложим на слой с глазом маску и простой мягкой кистью чёрного цвета скроем не нужные области. При выделенном слое кликаем по пентограмме "Маска".
Берём простую мягкую кисть, устанавливаем чёрный ей цвет и закрашиваем не нужные края изображения.
Давайте сделаем такой эффект темноты, как будто глаз прямо вылезает из темноты. Создадим под слоем с глазом новый слой, кликнув по соответствующей пентограмме и закрасим его той же кистью чёрного цвета.
Разместим этот слой под слоем с 3D коридором, перетащив его туда мышкой, удерживая левую кнопку.
Чтобы края коридора не выглядели как-то обрублено, можно их подкрасить чёрным. Создаём новый слой, кликнув по соответствующей пентограмме снизу панели слоёв и накладываем его на слой с коридором. Чтобы наложить верхний слой на нижний нужно удерживая Alt навети курсор мыши между ними и при появлении пентограммы (изогнутой стрелочки) кликнуть правой кнопкой мыши.
Теперь берём ту же кисть и подкрашиваем края коридора по новому наложенному слою до нужного результата, чтобы они равномерно слились с задним чёрным фоном.
Ну и последним моментом, на шкале времени регулируем видимость слоёв так, чтобы глаз и затемнение краёв коридора появлялись под конец анимации. Для этого перемещаем слои мышкой, при необходимости увеличиваем их длительность показа или уменьшаем.
В итоге, у меня получилось как-то вот так.
4. Сохраняем анимацию в Gif формате
Чтобы её сохранить гифкой выбираем "Файл" - "Экспортировать" - "Сохранить для Веб".
Тут указываем Gif формат и устанавливаем параметры повторов. Для данной анимации думаю лучше выбрать параметр "однократно", чтобы она проигрывалась один раз.
Размер файла у нас получился очень большой. Ну удивляться тут нечему, потому что анимация большого размера. Если нужно снизить вес гифки, то можно просто её уменьшить в размере. Нажимаем сохранить и выбираем место для сохранения на компьютере.
Если вы подключите свою фантазию, то к данной анимации сможете придумать еще что-нибудь, более интереснее глаза.
В данном уроке мы сделаем простую 3D анимацию логотипа в фотошопе. 3D редактор фотошоп изначально был создан разработчиками, как вспомогательный инструмент, он предназначен именно для 3D печати, а не моделирования. Поэтому не стоит ожидать от данного инструмента каких-то сверх естественных возможностей, заниматься 3D моделированием в нём не получится. В нём можно создавать какие-нибудь 3D сцены из готовых моделей, импортированных из 3D редакторов, типа 3Dmax, Cinema4D, Blender и других. А так же можно создавать простые 3D модели, деформировать их, менять текстуру и анимировать, чем мы сейчас и займёмся.
1. Оптимальные настройки Photoshop для работы с 3D
3D редактор в фотошоп достаточно требователен к железу компьютера и не на каждом компьютере он вообще запустится. Если у вас, при включении фотошоп вкладка 3D в верхнем меню не доступна, значит ваш компьютер не соответствует требованиям 3D редактора и соответственно, вы не сможете им воспользоваться. Требования к компьютеру можно найти на официальном сайте Adobe.
Давайте проверим настройки программы, чтобы работа с 3D редактором была комфортной. Для этого переходим в меню "Редактирование" - "Настройки" - "3D" и смотрим, чтобы в настройках трассировки лучей качество было выставлено не более пяти.
Тут всё зависит от вашего компьютера, можно убавить качество на 4 или 3, у меня лично, стоит 4. Размер фрагмента мозаики для рендеринга лучше поставить средний. Качество тени у меня стоит среднее, но если у вас компьютер слабоват, можно выставить низкое. Использование видеопамяти нужно ставить на максимум - 100%, чтобы видеокарта максимально принимала участие в работе с редактором.
2. Создание 3D логотипа
Для работы я создал квадратный холст, размером 1024 на 1024 пикселя и взял вот такое перо.
Из этого пера я сделаю простейший логотип с помощью инструмента "Прямоугольник". Данным инструментом отрисую квадрат, удерживая зажатым Shit, чтобы его стороны были равносторонними. Теперь отключу этой фигуре заливку и включу обводку, которую настрою по нужной толщине.
Далее подгоню по размеру и положение пера к углу квадрата, наложу на обе фигуры какой-нибудь цвет и преобразую всё это в смарт-объект, чтобы получилась единая фигура логотипа. Выделяем слой с пером и слой с фигурой в панели слоёв, кликаем правой кнопкой мыши и в появившемся меню выбираем "Преобразовать в смарт-объект".
Получился один слой (смарт-объект) с фигурой, накладываем на этот слой любой цвет. Кликаем по нему правой кнопкой мыши и выбираем "Параметры наложения. В открывшемся окне подключаем параметр "Наложение цвета" и устанавливаем любой цвет, я поставлю серый.
Теперь из данной фигуры сделаем 3D объект. Для этого в верхнем меню выбираем "3D" - "Новая 3D экструзия из выделенного слоя и нажимаем "Да". В результате получается вот такой 3D объект.
Для вращения камеры я использую вот эти инструменты в левом нижнем углу, с помощью них очень удобно просматривать сцену. Тут имеется три кнопки, с помощью этой можно вращать камеру, с помощью второй перемещать её в пространстве и с помощью первой приближаться и удаляться от объекта. Просто наводим курсор на любую кнопку, зажимаем левую клавишу мыши и водим по рабочей области.
Если вам нужно вернуть камеру в первоначальное положение, то во вкладке 3D слоёв нужно просто кликнуть по слою "Камера по умолчанию" и камера вернётся к первоначальному виду.
Как мы видим, в панели 3D слоёв присутствует "Бесконечный свет", но на сцене его не видно, логотип не освещён. Свет расположен в центре нашего логотипа и не понятно куда светит.
Давайте это исправим. Переходим на слой "Среда" и в настройках отключаем параметр "ИСБИ", снимаем с него галочку.
Далее открываем вкладку с освещением и добавляем сюда новый бесконечный свет, кликнув по соответствующей пинтограмме снизу панели.
После этого в настройках устанавливаем "Направленный свет" и у нас получается вот такое освещение с трёх сторон, т.е. при анимации вращения логотип будет хорошо видно.
Теперь настроим экструзию или толщину логотипа, потому что она сейчас слишком большая. Выбираем слой с логотипом и в настройках и устанавливаем ему нужную толщину - экструзию, я поставлю на 40 пикселей.
Ну и надо бы теперь какой нибудь цвет задать логотипу. Вообще, в 3D графике не существует таких понятий, как "Задать цвет" или "Покрасить" объект. В 3D графике действует понятие "Наложить текстуру", сама текстура и выступает в роли материала для окрашивания.
В панели 3D у слоя с логотипом выделяем все слои с материалами, затем в параметрах берём какую-нибудь текстуру и подключаем её к объекту. Здесь имеется на выбор достаточное количество стандартных текстур, ну давайте попробуем подключить вот эту, синюю.
Теперь немного подкорректируем параметры текстуры, для этого выберем слой с логотипом и кликнем по вкладке с материалами, выберем все материалы и в параметрах текстуры зададим "Металлические свойства", примерно на 20-25%, этот параметр задаст металлический блеск логотипу.
Для того, чтобы данный блеск был виден при анимации вращения нужно установить еще один направленный источник света, который будет светить на какой-нибудь из краеёв логотипа и при вращении создавать блик. Переходим во вкладку света и создаём новый источник "Направленный свет".
Теперь просто настраиваем данный свет в нужный угол логотипа, выставляем его положение и уменьшаем радиус освещенности. Всё это делается с помощью вспомогательных стрелочек и точек на радиусах света.
Теперь можно отрендерить логотип и посмотреть, что вообще у нас получается. Выбираем слой "Среда" и в низу панели нажимаем значок рендеринга. Не дожидаясь окончания операции мне уже не очень понравился свет на уголке логотипа, я отменил рендеринг и подправил свет, сделал его чуть поярче.
Рендеринг в фотошопе достаточно долгий, даже для такого простого объекта.На выполнение данной операции у меня ушло примерно 5 минут, с учётом 6 гигабайтовой видеокарты и 16Гб оперативной памяти. Например, в Cinema4D рендеринг такого объекта занял бы секунд 40.
3. Анимация 3D логотипа
Ну и наконец приступаем к анимации логотипа, у нас он будет вращаться по своей оси на 360 градусов. Снизу нажимаем на вкладку "Шкала времени" и создаём временную шкалу видео". Во временной шкале появляется слой с логотипом, открыв который можно увидеть вкладку "3D сетки" именно этим параметром можно анимировать движение объекта в пространстве и вращение по осям.
Устанавливаем трей на таймлайне в нужное место, в данном случае в самое начало и нажимаем на значок часов. Таким образом у нас на шкале времени появился ключ. Теперь ставим трей дальше по шкале, в зависимости от того какой длины должна быть анимация и вращаем объект. Второй ключ ставится автоматически и получается анимация.
От расстояния ключевых точек на шкале времени зависит не только длительность анимации, но и соответственно её скорость, чем расстояние меньше, тем анимация будет быстрее.
Для того, чтобы не крутить стрелками объект по оси на 360 градусов можно просто выставить данное значение в настройках положения объекта. Ставим одну точку в начальном положении, перемещаем трей в нужное место, переходим к параметрам объекта и устанавливаем 180 градусов, жмем Enter.
Перемещаем трей еще на такое же расстояние и прописываем -180 градусов и получаем анимацию вращения.
Таким образом, с помощью шкалы времени можно заанимировать не только вращение объекта, но и его движение, а так же можно сделать анимацию света, чтобы он не стоял на месте, а допустим плавно перемещался из угла в угол, освещая объект с разных сторон.
4. Сохранение анимации в GIF формате и в видео
Сохранить получившуюся анимацию можно как в гиф формате, так и в видео, например в очень распространенном - mp4.
Для того, чтобы анимацию сохранить в гифку, нужно просто перейти в верхнем меню в "Файл" - "Экспортировать" - "Сохранить для веб" и выбрать гиф. Выставить настройки повторений, чтобы анимация либо у вас постоянно проигрывалась, либо один раз и сохранить в нужное место на компьютере.
Если нужен прозрачный фон на гифке, то просто отключаем слой с фоном и так же сохраняем.
Чтобы сохранить анимацию в видео-формате, у вас должна быть установлена дополнительная программка от Adobe, которая называется Adobe Media Encoder. Если у вас данная программа установлена, будет активна стрелка в нижнем левом углу шкалы времени, кликнув по которой можно сохранить анимацию в различных видео-форматах, в том числе и mp4.
Кликаете по этой стрелке, выбираете вот нужный формат, устанавливаете место сохранения файла и сохраняете.
В анимации 3D объектов в фотошопе нет ничего сложного, всё делается так же, как и при анимации обычных изображений, единственным камнем преткновения является плохая оптимизация 3D редактора фотошоп и при создании анимации по сложнее с рендерингом и проигрыванием будет все намного хуже. Поэтому, если вы планируете делать более сложные анимации или какие-нибудь интро-заставки, то есть смысл присмотреться к полноценным 3D редакторам, фотошоп всё-таки не для этого создан.
В данном уроке мы рассмотрим способ создания простых 3d объектов из плоских изображений в 3d редакторе photoshop. В одном из уроков я показывал способ создания простых 3d объектов с помощью функции скручивания, в данном случае мы будем делать из плоского изображения 3d объект с помощью, так называемой, функции раздувания. Мы в буквальном смысле будем раздувать плоское изображение в 3d объект.
1. Подготовка изображения с объектом
Для работы я нагуглил изображение жука, которого в народе называют "божьей коровкой", вид изображение я подбирал специально сверху. Объект на изображении должен быть именно плоским, то есть находиться в одной плоскости. Если изображение чуть сбоку, там чуть снизу и тому подобное, то оно не подойдет!
Первым делом, нам необходимо снять блокировку слоя, кликнув левой кнопкой мыши по иконке замочка слоя с изображением.
Теперь необходимо данный объект вырезать с фона, в данном случае это сделать просто, с помощью инструмента "волшебный ластик". Выбираем данный инструмент и кликаем по белому фону.
Теперь давайте немного уменьшим наш объект, для того чтобы было удобнее с ним в 3d работать и что бы вам было всё видно. Выберем в верхнем меню "Редактирование" - "Свободное трансформирование" и настроим нужный нам размер объекта.
2. Создание 3D объекта из изображения
При выделенном слое с объектом выбираем в верхнем меню "3d" - "новая 3d экструзия из выделенного слоя", нажимаем "да" и photoshop переключает нас в 3d редактор.
Здесь, как мы видим, у нас уже произошло выдавливание. В панели справа можно увидеть "глубину экструзии".
Мы убавим значение глубины экструзии до минимума и отключим тени, потому что наш 3d объект будет накладываться на какой-то коллаж и тени мы там сами сможем дорисовать.
Далее, в наборе фигур, нам необходимо выбрать "раздувание". Называется оно "Раздувание в виде подушки". Кликаем и смотрим, сразу же у нас получается вот такой 3d объект.
Здесь, как мы видим, текстуры у него что сверху, что снизу - одинаковые, но нам это не важно, потому что жук у нас будет все равно ползти на брюхе и нижние текстуры будет не видно. Даже если что-то там, где-то и будет видно, то это всегда можно подкрасить.
Теперь надо его доработать, потому что "божья коровка" слишком плоской получилась. Мы переходим вот в эту вот вкладку, которая называется "Капитель" и здесь устанавливаем стороны, которые мы будем раздувать. Вместо значения "Спереди и сзади" устанавливаем "Спереди" и настраиваем угол с интенсивностью.
Угол мы поставим на 90 градусов и интенсивность выставим на глаз, вот такой жук у нас получился.
Ну и теперь ее можно поставить на какую-то композицию, допустим, на цветок и отрендерить. Нажимаем "3d" - "рендеринг слоя" и ждем.
Объект отрендерился и теперь мы можем посмотреть что получилось. Если мы перейдем во вкладку "слои" и преобразуем этот 3d слой в смарт-объект, то увидим, что у нас вот такой вот жук получился на прозрачном фоне.
3. Подгоняем 3D объект под фоновое изображение
Давайте рассмотрим на примере, как посадить этого жука, допустим, на цветок. Я взял изображение цветка и с жуком мы проделываем все то же самое, что и при подготовке к 3d. То есть, снимаем блокировку слоя, удаляем задний фон инструментом "Волшебный ластик" и перетаскиваем его на это изображение с цветком. Далее настраиваем нужный размер насекомого "Свободным трансформированием". Размер можно будет подогнать и потом, я пока что оставлю вот такой размер, чтобы было удобно работать, а в дальнейшем еще немного уменьшу.
При выделенном слое с жуком выбираем в верхнем меню "3d" - "новая экструзия", опять же выбираем "раздувание", убираем тени, настраиваем интенсивность и угол. Вообщем все тоже самое, что и делали до этого. Таким образом мы просто подгоняем под фон 3D объект. Оставим примерно вот такое положение.
Ну и далее выбираем в верхнем меню "3d", делаем рендеринг, затем переходим во вкладку "слои" и преобразуем наш 3d объект в смарт-объект. В результате получаем вот такое изображение.
Божью коровку теперь можно уменьшить, подогнать под размеры цвета, ну и наложить тени, блики и т.п.. В одном из уроков я подробно рассматривал способ, с помощью которого можно вписать объект в любой фон в фотошопе.
4. Раздувание объекта с обеих сторон
Как видите, достаточно просто из плоской картинки раздуть какой-то 3d объект. Теперь рассмотрим немного другой пример - это раздувание с обеих сторон. Мы жука раздували только сверху, рассмотрим вот такой объект, как груша и проделываем то же самое, то есть снимаем блокировку слоя, вырезаем грушу с нашего фона, так же немного уменьшаем, так же делаем "3d" - "новая 3d экструзия из выделенного слоя". У нас получается вот такой вот объект.
Опять же убираем все тени и выбираем "Раздувание в виде подушки". У нас получается объект, переходим опять во вкладку "накопитель" и здесь мы оставляем спереди и сзади стороны, настраиваем угол на 90 и интенсивность прибавляем. Смотрим чтобы у нас груша была такая, пропорциональная, не плоская.
Вот таким образом, мы сделали 3d грушу, которую так же можно использовать в каком-нибудь коллаже. Таким вот лёгким способом вы можете разнообразить свои работы какими-нибудь простыми 3d объектами.
В версиях, предшествующих Photoshop CC, некоторые функциональные возможности, описанные в данной статье, могут быть доступны только при наличии Photoshop Extended. Photoshop не имеет специальной версии Extended. Все возможности Photoshop Extended доступны в Photoshop.
В приложении Photoshop для создания кадров анимации используется панель «Шкала времени». Каждый кадр представляет собой структуру слоев.
Также можно создавать анимацию с помощью шкалы времени и ключевых кадров. См. раздел Создание анимации по временной шкале.
Пример анимации. Изображение одноколесного велосипеда находится в собственном слое. Положение слоя меняется в каждом кадре анимации.
Чтобы создать покадровую анимацию, в Photoshop используется следующий общий рабочий процесс.
Откройте новый документ.
Откройте панели «Шкала времени» и «Слои», если они еще не отображаются. Убедитесь, что панель «Шкала времени» находится в режиме покадровой анимации. В середине панели «Шкала времени» щелкните стрелку вниз, чтобы выбрать «Создать анимацию кадра», а затем нажмите кнопку рядом со стрелкой.
Добавьте слой или преобразуйте слой заднего плана.
Поскольку слой заднего плана анимировать нельзя, добавьте новый слой или преобразуйте слой заднего плана в обычный. См. раздел Преобразование фона и слоев.
Добавьте содержимое к анимации.
Если анимация включает несколько объектов, анимированных независимо друг от друга, или если нужно изменить цвет объекта либо полностью поменять содержимое в кадре, создавайте эти объекты в отдельных слоях.
Добавьте кадр к панели «Шкала времени».
Выделите кадр.
Отредактируйте слои выбранного кадра.
Выполните одно из следующих действий.
Включите или отключите видимость для разных слоев.
Измените положение объектов или слоев, чтобы создать впечатление движения содержимого.
Измените непрозрачность слоя, чтобы содержимое постепенно возникало или исчезало.
Измените режим наложения слоев.
Добавьте к слоям стили.
Приложение Photoshop предоставляет инструменты, которые помогают сохранить одинаковые характеристики слоя в разных кадрах. См. раздел Унификация атрибутов слоев в кадрах анимации.
По мере необходимости добавьте кадры и редактируйте слои.
Количество новых кадров ограничивается только системной памятью, доступной для Photoshop.
С помощью команды «Создать промежуточные кадры» можно создавать новые кадры с промежуточными изменениями между двумя существующими кадрами на панели. Это самый быстрый способ создать впечатление движения объекта по экрану или заставить его постепенно появляться и исчезать. См. раздел Создание промежуточных кадров.
Задайте параметры времени отображения кадра и повторов.
Время отображения можно назначить каждому кадру и задать число повторов, чтобы анимация выполнялась один раз, определенное количество раз или постоянно. См. раздел Указание времени отображения в покадровой анимации и Задание повторов в покадровой анимации.
Просмотрите анимацию.
Для воспроизведения анимации используйте элементы управления панели «Шкала времени». Затем с помощью команды Сохранить для Web просмотрите ее в веб-браузере.
Оптимизируйте анимацию для эффективной загрузки.
Сохраните анимацию.
Предусмотрены разные варианты сохранения анимации кадра.
Анимацию можно сохранить в виде анимированного GIF-файла с помощью команды «Сохранить для Web».
Сохраните файл в формате Photoshop (PSD) для дальнейшей работы с анимацией.
Сохраните последовательность изображений, видео в формате QuickTime или как отдельные файлы. См. также раздел Экспорт видеофайлов и последовательностей изображений.
Добавление кадров является первым шагом при создании анимации. Открытое изображение отображается на панели «Шкала времени» как первый кадр новой анимации. Каждый добавляемый кадр первоначально является дубликатом предыдущего кадра. После этого кадр редактируется с помощью панели «Слои».
Убедитесь, что панель «Шкала времени» находится в режиме покадровой анимации.
Прежде чем начать работу с кадром, необходимо выбрать его в качестве текущего кадра. Содержимое текущего кадра появляется в окне документа.
На панели «Шкала времени» на текущий кадр указывает узкая граница миниатюры кадра (внутри затененной подсветки выделения). Выделенные кадры обозначены затененной подсветкой вокруг миниатюры кадра.
Выбор одного кадра анимации
Выполните одно из следующих действий на панели «Шкала времени»:
Чтобы выбрать следующий кадр последовательности в качестве текущего, нажмите кнопку «Выбрать следующий кадр» .
Чтобы выбрать предыдущий кадр последовательности в качестве текущего, нажмите кнопку «Выбрать предыдущий кадр» .
Чтобы выбрать первый кадр последовательности в качестве текущего, нажмите кнопку «Выбрать первый кадр» .
Выбор нескольких кадров анимации
На панели «Шкала времени» выполните одно из предложенных ниже действий.
Чтобы выбрать несколько последовательных кадров, щелкните второй кадр с нажатой клавишей «Shift». Все кадры, находящиеся между первым и вторым включительно, добавятся к выделенным кадрам.
Чтобы выбрать непоследовательные кадры, щелкайте кадры, которые нужно добавить к выделенным, с нажатой клавишей «Ctrl» (Windows) или «Command» (Mac OS).
Чтобы выбрать все кадры, в меню панели выберите команду « Выделить все кадры».
Чтобы отменить выделение одного кадра из нескольких выбранных, щелкните этот кадр с нажатой клавишей «Ctrl» (Windows) или «Command» (Mac OS).
На панели «Шкала времени» выберите один или несколько ключевых кадров.
- Содержимое объектов в кадрах анимации редактируется с помощью панели «Слои», в которой можно изменять слои изображения, влияющие на этот кадр.
- Чтобы изменить положение объекта в кадре анимации, на панели «Слои» выберите слой, содержащий этот объект, и перетащите его в новое положение.
Можно выбрать несколько кадров и изменить их расположение. Однако, если перетащить несколько несмежных кадров, они размещаются последовательно в новом местоположении.
- Чтобы изменить порядок кадров анимации, в меню панели выберите команду «Обратный порядок кадров».
Кадры, которые нужно разместить в обратном порядке, не обязательно должны быть смежными, можно изменить порядок любых выделенных кадров.
Чтобы удалить выделенные кадры, в меню панели «Шкала времени» выберите команду «Удалить кадр» или щелкните значок «Удалить» и нажмите кнопку «Да», чтобы подтвердить удаление. Можно также перетащить выделенный кадр на значок «Удалить».
Кнопки унификации («Унифицировать положение слоя», «Унифицировать видимость слоя» и «Унифицировать стиль слоя») на панели «Слои» определяют, как изменения атрибутов в активном кадре анимации применяются к остальным кадрам того же слоя. При выбранной кнопке унификации этот атрибут меняется во всех кадрах активного слоя, если кнопка не выбрана, изменения применяются только к активному кадру.
Флажок «Распространить кадр 1» на панели «Слои» также определяет, как изменения атрибутов в первом кадре применяются к остальным кадрам того же слоя. Если этот флажок установлен, изменения атрибута первого кадра затронут все последующие кадры активного слоя относительно первого кадра (сохранив уже созданную анимацию).
Унификация видимости слоя
На панели «Шкала времени» измените атрибут для одного кадра.
На панели «Слои» нажмите кнопку «Унифицировать положение слоя» , «Унифицировать видимость слоя» или «Унифицировать стиль слоя» , чтобы применить измененный атрибут к остальным кадрам активного слоя.
Распространить кадр 1
На панели «Шкала времени» измените атрибут для первого кадра.
Измененный атрибут применяется (относительно) ко всем последующим кадрам слоя.
Можно также распространять кадры, выделив группу смежных кадров с помощью клавиши «Shift», и изменив атрибут в одном из выделенных кадров.
Отображение или скрытие кнопок унификации слоев
Отображает кнопки унификации слоев, если панель «Шакала времени» открыта.
Отображает кнопки унификации слоев независимо от того, открыта или закрыта панель «Шкала времени».
Скрывает кнопки унификации слоев независимо от того, открыта или закрыта панель «Шкала времени».
Чтобы понять, что происходит при копировании и вставке кадра, думайте о кадре как о дубликате изображения с заданной конфигурацией слоя. При копировании кадра копируются конфигурации слоев (включая видимость, положение и другие свойства каждого слоя). При вставке кадра конфигурация этого слоя применяется к целевому кадру.
На панели «Анимация» выберите один или несколько кадров для копирования.
Заменяет выделенные кадры копируемыми. Новые слои не добавляются. Свойства всех существующих слоев в целевых кадрах заменяются свойствами копируемых слоев. При вставке кадров между изображениями новые слои добавляются к изображению, но в целевых кадрах видны только вклеенные слои (существующие слои скрыты).
Вклеить поверх выделенной области
Добавляет содержимое вклеенных кадров как новые слои изображения. При вклеивании кадров в то же самое изображение использование этого параметра удваивает количество слоев в изображении. В целевых кадрах вклеенные слои видны, а исходные скрыты. В нецелевых кадрах вклеенные слои скрыты.
«Вставить перед выделенной областью» или «Вставить после выделенной области»
Добавляет копируемые кадры перед целевым кадром или после него. При вклеивании кадров между изображениями новые слои добавляются к изображению, но в новых кадрах видны только вклеенные слои (существующие слои скрыты).
Чтобы связать вклеенные слои, на панели «Слои» выберите команду «Связать добавленные слои» (необязательно).
Этот параметр вступает в силу только при вставке кадров в другой документ. Выберите его, если планируете изменить положение вставленных слоев как единого целого.
Термин твининг (вставка промежуточных кадров) происходит от английского «in betweening», традиционного термина анимации, описывающего процесс создания плавного перехода от одного ключевого кадра к другому с помощью промежуточных кадров. Вставка промежуточных кадров (которую также называют интерполяцией) значительно сокращает время, необходимое для создания таких анимационных эффектов, как постепенное появление или исчезновение, или перемещение элемента в кадре. После создания промежуточные кадры можно редактировать по отдельности.
Команда «Создать промежуточные кадры» используется для автоматического добавления или изменения последовательности кадров между двумя существующими, равномерно меняя параметры слоя (положение, непрозрачность или параметры эффекта) между новыми кадрами, чтобы создать впечатление движения. Например, если нужно, чтобы слой постепенно исчезал, установите непрозрачность слоя в начальном кадре 100 %, а в конечном — 0 %. При создании промежуточных кадров между этими двумя кадрами непрозрачность слоя снижается равномерно во всех новых кадрах.
При выборе одного кадра можно выбрать, между каким кадром создавать промежуточные кадры — предыдущим или последующим.
Если выделить два смежных кадра, новые кадры создаются между ними.
Если выделить несколько кадров, операция создания промежуточных кадров изменит существующие кадры между первым выбранным кадром и последним.
Если выделить первый и последний кадры в анимации, предполагается, что они смежные, поэтому промежуточные кадры добавляются после последнего кадра. (Этот метод полезен, если анимация настроена на повтор несколько раз.)
Читайте также: