🏠

3D АНИМАЦИЯ в Photoshop ИЗ простого ИЗОБРАЖЕНИЯ

Это текстовая версия YouTube-видео "3D АНИМАЦИЯ в Photoshop ИЗ…".

Нажмите на интересующую вас фразу, чтобы открыть видео на этом моменте.

Всем привет! Меня зовут Дмитрий и в данном видео мы будем делать вот такую 3D анимацию из фото. Анимация не сложная, но достаточно интересная, выглядит типа 3D тур по коридору. Если включить фантазию, то можно придумать массу прикольных вариантов её реализации. Самое главное при выборе исходника для основного фона учитывать два момента. Инструмент "Исправление перспективы" в фотошопе автоматически определяет перспективу пространства, поэтому изображение лучше подобрать с хорошо опознаваемой перспективой стен, потолка и пола. Я экспериментировал с различными изображениями, пробовал фото длинной улицы и всё это работало но не стабильно. Даже когда ручная настройка сетки перспективы давала не плохой результат, то при анимации камера могла начать вести себя совсем не адекватно, скакать из угла или крутиться на месте. Ну и второй, не маловажный момент - это размер и качество изображения. Конечно же, чем они будут больше, тем соответственно, будет лучше качество вашей анимации. И так, первое что нужно сделать - это настроить перспективу. В верхнем меню переходим к пункту "Фильтр" и выбираем "Исправление перспективы" или нажимаем комбинацию клавиш "Alt + Ctrl + V". В открывшемся редакторе перспективы нам нужно разметить основные стенки коридора, его пол и потолок. Давайте начнём с пола, настраиваем сетку под его перспективу. Это у нас будет основой, поэтому сетку нужно наложить как можно ровнее, потому что от данной перспективы пола будут строиться все остальные сетки стен и потолка. И если хотя бы немного накосячить, то перспектива будет кривоватой. Работать то она всё-равно будет, но при анимации в 3D редакторе возникнет дефект в виде щели между стен коридора. При установке сетки, смотрим на её цвет. Если сетка красного цвета, значит в данном положении её разместить не возможно. Аккуратно корректируем её края, до момента пока сетка не будет отображаться синим цветом. Далее наводим курсор на среднюю точку и удерживая "Ctrl" на клавиатуре левой кнопкой мыши тащим вверх. Таким образом у нас получается сетка перспективы от правой стены. Точно так же, от перспективы пола выставляем перспективу левой стены и настраиваем её высоту на глаз, как можно точнее, чтобы она была максимально аналогична по высоте правой. Инструментом "Редактирования", который обозначен стрелочкой в левом верхнем углу можно регулировать высоту или ширину сетки. Вообщем, подстраиваем обе стены как можно точнее по высоте и делаем от какой-нибудь из них перспективу потолка. Тут важно, чтобы сетка стены сошлась со стенкой потолка, иначе будет видна щель. Если просвет будет не большой, то ничего страшного, на анимации это будет не видно. Расставляем все сетки так, чтобы их края выходили за изображение, иначе 3D перспектива будет обрубленной. После этого, кликаем вот по этому значку настроек и выбираем пункт "Возврат 3D слоя в Photoshop". Затем нажимаем "Ок" и ждём, пока фотошоп соображает над нашей перспективой. Тут жмём "Ок, тут тоже жмём "Ок, тут тоже "Ок", и тут тоже "Ок" и тут "Ок" и опять "Ок". После этого мы попадаем в 3D редактор и взяв вот этот инструмент перемещения камеры, можно посмотреть что у нас получилось. И видите вот между левой стеной и потолком имеется просвет, о котором я вам и говорил. Но он не большой и на анимации будет не заметен. В идеале конечно делать без таких косяков, но вы же видели, я старался?! Настраиваем положение коридора по нашему холсту и переходим во вкладку 3D. Давайте еще немного подкорректируем положение коридора вот этими инструментами в верхней панели. Свет можно удалить, от него толку никакого тут не будет. Выделяем слой "Сцена" и создаём шкалу времени для видео, на которой и будем делать анимацию. Давайте перейдём во вкладку "Слои" и посмотрим какой слой у нас выделен. А выделен у нас 3D слой с перспективой, нижний слой - это у нас просто картинка, его можно оставить, за счёт него как раз не будет видно просвета. Разворачиваем параметры шкалы нашего 3D слоя и тут нам понадобиться параметр "Положение 3D камеры". Кликаем на значок часиков, таким образом ставим ключ на шкале времени и перемещаем трей. Берём вот этот инструмент, который называется "Изменить масштаб 3D камеры" и данным инструментом перемещаем камеру к концу коридора. Можно еще другим инструментом поднастроить положение, чтобы поровнее всё было. Ну как-то вот так. На шкале появился второй ключ и теперь можно посмотреть анимацию перемещения камеры, которая у нас получилась. Нажимаем пробел и смотрим на результат. Если хотите, можно еще добавить эффект наклона камеры при движении. Для этого поставим трей между двух ключевых точек, выберем инструмент вращения и немного наклоним камеру. В результате получится вот такая анимация. Чтобы удалить этот эффект выделяем ключ и удаляем его кнопкой "Delete". Сама анимация готова, можно её как-нибудь приукрасить. Для этого я взял изображение вот такого вот глаза, которое размещу в конце коридора. Перетаскиваем его на наш рабочий холст и настраиваем отображение этого слоя в шкале времени. Нужно установить его появление в конце анимации. Ну где-то вот здесь его установим. Проиграем анимацию, всё норм, глаз появляется в нужном месте. Теперь его увеличим под размер коридора. Возьмём инструмент "Свободное трансформирование и настроим нужный размер глаза и его положение. Теперь наложим на слой с глазом маску и простой мягкой кистью чёрного цвета скроем не нужные области. Давайте сделаем такой эффект темноты, как буд-то глаз прямо вылазиет из темноты. Создадим под слоем с глазом новый слой и закрасим его чёрным цветом. И разместим этот слой под слоем с 3D коридором. Ну и доработаем глаз. Выделим маску слоя и снова пройдёмся по краям кистью, для получения нужного эффекта. Чтобы края коридора не выглядели как-то обрубленно, можно их подкрасить чёрным. Создаём новый слой и накладываем его на слой с коридором. Берём кисть и подкрашиваем края до нужного результата. Ну и теперь, на шкале времени просто регулируем видимость слоёв так, как нам нужно. Чтобы глаз и затемнение краёв коридора появлялись под конец анимации. В результате получаем вот такую анимацию. Чтобы её сохранить гифкой выбираем "Файл" - "Экспортировать" - "Сохранить для Веб". И тут указываем Gif формат и устанавливаем параметры повторов. Для данной анимации думаю лучше выбрать параметр "однокрано", чтобы она проигрывалась один раз. Размер файла у нас получился очень большой. Ну удивляться тут нечему, потому что анимация большого размера. Для гифки конечно лучше её уменьшить раза в два-три. Ну давайте выставим ширину на 500 пикселей. Теперь, при сохранении видно, что гифка будет весить всего 1,6 мегабайт, что вполне нормально. Нажимаем сохранить и выбираем место для сохранения на компьютере. Если вы подключите свою фантазию, то к данной анимации сможете придумать еще что-нибудь, более интереснее глаза. Ну а на этом у меня всё, всем пока и до скорых встреч!

Ad Х
Ad Х