3D-анимация в Photosop CS6: вращение Земли

Этот материал — продолжение статьи о создании 3D модели планеты Земля, где мы создали 3D-модель планеты, а здесь мы приступим конкретно к созданию анимации.

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

Кроме того, для лучшего понимания материала смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.

А вот видео, полученное в результате выполнения этого урока:

Итак, на данный момент мы имеем готовую 3D-модель планеты:

3d

Важно! Сейчас наш документ имеет размер фонового рисунка, т.е. 4877 на 3515 пикселей. Это очень большй размер для анимации и расчёт кадров такого размера потребует очень много компьютерных ресурсов, а если комп не из последних моделей, то он попросту зависнет. Поэтому уменьшаем размер изображения до приемлемого, например, до 600 на 432. Сделать это можно обычным способом, через вкладку главного меню Изображение —> Размер изображения (Image —> Image Size)

Открываем панель Окно —> Шкала времени (Windows —> Timeline) и нажимаем на кнопку «Создать временную шкалу для видео» (Create Video Timeline) для активации шкалы времени (Timeline), порядок указан на рисунке:

timeline

Это действие откроет шкалу времени. По умолчанию панель шкалы открывается «прилипшей» к нижнему краю рабочего окна Фотошопа, для удобства я её «отклеиваю», потянув за верх панели, а затем увеличу рабочее пространство окна панели, потянув за её нижний правый угол:

3d

На данный момент в панели находится всего один слой нашего рабочего документа, это связано с тем, что фоновый слой заблокирован. Разблокируйте фон, сразу после чего он появится на шкале времени.

Теперь увеличиваем продолжительность видеодорожки до 10-ти секунд, для этого наводим курсор мышки на правый край дорожки, при этом курсор изменит свой вид на квадратную скобку со стрелочками, нажимаем на левую клавишу мыши, при этом над курсором появляется окно, и начинаем перетаскивать курсор вправо, во время перетаскивания в окне появятся цифры, указывающие время продолжительности дорожки и время окончания видео.
После того, как перетащите до отметки 10 сек конец видеодорожки 3D-слоя, отпустите клавишу мыши, перейдите на фоновый слой и перетащите туда же конец дорожки фона:

3d planeta zemlya

Теперь нажмите на треугольник слева от названия 3D слоя (у меня это название — «Слой 1») для того, чтобы развернуть опции слоя на шкале времени. Затем кликните по иконке секундомера слева от строки «Положение 3D-сцены» (3D Scene Position) для активации анимации слоя. После клика Вы увидите, что справа от секундомера и на ползунке указателя воспроизведения появились жёлтые ромбики. Это — метки добавления ключевых кадров. Для удобства можете изменить масштаб видеодорожки:

3d

Переместите ползунок указателя воспроизведения до конца трека:

3d земля

Теперь выполните следующие действия:
1. Перейдите в панель 3D и нажмите на кнопку «Фильтр по: Вся сцена» (Filter by Scenes), это самая левая кнопка. Как Вы помните, ранее в панели была активна третья слева кнопка «Фильтр по: материалы» (Filter by Materials).
2. В панели свойств (панель расположена справа в рабочем окне Photoshop) кликните по кнопке «Координаты».
3. Введите значение угла по оси Y равное 1080°, это действие задаст Земле три оборота вокруг вертикальной оси
4. Перейдите на Шкалу времени и дважды кликните по ползунку указателя воспроизведения.

Порядок действий указан на рисунке:

3d

На этом наша анимация готова. Давайте проверим, что получилось.
На шкале времени переместите указатель воспроизведения несколько влево, при этом, если Вы всё сделали правильно, Земля в окне рабочего документа должна вращаться.

Теперь осталось только сохранить анимацию.

Пройдите по вкладке главного меню Файл —> Экспортировать —> Посмотреть видео (File —> Export —> Render Video), это действие откроет диалоговое окно, где Вы можете выбрать папку сохранения и задать некоторые настройки. Папка сохранения по умолчанию задана «мои документы», а дефолтные настройки в данном примере я менять не буду, просто нажимаю на кнопку «Рендеринг», после чего запустится рендеринг видео.

По дефолтным настройкам видео сохранится в папке «Мои документы» в формате mp4.

Ну вот, собственно и всё. Для лучшего понимания материала смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.

Скачать исходные материалы к статье:

Скачать с Depositfiles.com

Скачать файл PSD, выполненный по материалам статьи:

Скачать с Depositfiles.com

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Оцените автора
( 16 оценок, среднее 4 из 5 )
RuGraphics
Добавить комментарий

  1. aleksandr1951

    Здравствуйте. Почитал Вашу статью и попробовал повторить в Photoshop CS6 Extended. Получилось совсем не то что я ожидал. Фотошоп не выводит результат в видео формате, а сохраняет в .JPG формате(300 файликов), с которыми надо ещё работать, или в формате .GIF для web устройств: — это первое. Второе, Вам Сергей Левицкий задал вопрос на который Вы так и не ответили. Я присоединяюсь к его вопросу. В Фотошопе СС 2015, на шкале времени, при разворачивании «Слой1» нет такого пункта как «Положение 3D сцены», а имеется только «Сцена». Кликнув по значку секундомера, устанавливается первый ключ — и на этом всё, больше никаких ключей ни при каких условиях установить не получается, а значит не будет и анимации. Перепробовал все возможные варианты — бесполезно.
    Для информации: OS Windows 8,1 (х64 bit), 8 ГБ оперативки, четырёх ядерный процессор, две видео карты AMD.
    Зависаний Фотошопа нет. В чём тут дело, что я делаю не так? Буду очень благодарен за любую помощь. С уважением. Александр.

    Ответить