Создание 3D-анимации: вращение планеты Земля

В этом материале мы узнаем, как в Photoshop версии CS6 и выше создать 3D модель Земли, а затем придать ей вращение с помощью новых инструментов анимации CS6. Многие дизайнеры используют подобную 3D-картинку при создании баннеров и других элементов веб-дизайна, а также в анимации.

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

3D Земля

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

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

Примечание. Для создания данной 3D-анимации Вам понадобятся исходные изображения, звёздный фон и карта Земли, архив с которыми скачать Вы сможете по ссылкам внизу страницы. Также, Вы можете скачать готовый PSD-файл, сделанный по материалам статьи, который может помочь лучшему пониманию прочитанного.

Итак, приступим. Откройте в Фотошопе изображение star_background.jpg из архива, оно будет служить фоном в документе (у меня в окне рабочего документа изображение отображено в 10%-ном масштабе):

3d

Нажмите комбинацию Ctrl+Shift+N для создания нового пустого слоя.

Пройдите по вкладке главного меню 3D --> Новая сетка из слоя --> Набор сетки --> Сфера (3D --> New Mesh From Layer --> Mesh Preset --> Sphere):

3d

Фотошоп откроет диалоговое окно, где предложит создать 3D-рабочую среду, согласитесь, после чего в одной вкладке с Панелью слоёв у вас появится панель 3D:

3d

А вот что должно отображаться в окне рабочего документа:

3d

Теперь мы будем создавать поверхность у сферы, которая будет выполнена в виде карты Земли. Для карты Земли используйте изображение earth_map.jpg из архива, скачать который вы можете по ссылкам внизу этой страницы.

В панели 3D кликните по строке "Сфера" для её выбора, а затем кликните по значку "Фильтр по: материалы" (Filter by Materials) для отображения материалов на панели свойств (Properties):

3d

Затем мы переходим на панель свойств (Properties). Нажмите на значок рядом со строкой "Рассеивание" (Diffuse), в открывшемся списке выберите пункт "Заменить текстуру" (Replace Texture):

3d

Затем выбираете изображение-карту Земли earth_map.jpg из архива и дважды кликаете по нему мышкой, после чего он загрузится в качестве текстуры для сферы.

Рабочий документ у вас примет следующий вид:

3d

А в окне свойств отобразится новая текстура:

3d

Теперь давайте придадим некоторый рельеф поверхности планеты. Для этого кликните на значок папки над ползунком "Рельеф" (Bump) и выберите пункт "Загрузить текстуру" (Load Texture):

3d zemlya

В окне выбора снова выберите карту earth_map.jpg и дважды кликните по ней, она загрузится как текстура рельефа.
После чего задайте значение "Рельефа" (Bump) примерно 35%.
Поверхность должна стать несколько рельефной.

И последняя деталь. Над сферой Фотошоп автоматически создал источник бесконечного света.
Этот свет не только освещает сферу, но и создаёт тень на воображаемой плоскости, схематично отображённой в окне рабочего документа под сферой. Если Вы внимательно посмотрите на рисунок, то заметите, что под сферой имеется тень:

3d

Понятно, что эта тень нам не нужна, поэтому кликните правой клавишей мыши по источнику бесконечного света:

3d

В открывшемся окне снимите галку с чекбокса "Тень":

3d

Теперь тень должна исчезнуть.

На этом работа над 3D изображением Земли закончена, создание анимации вращения планеты мы рассмотрим во второй части этого материала.

Смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.

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

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

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Удаление объектов из фото в Photoshop
В Photoshop, начиная с версии CS5, появились новые эффективные инструменты, и целый ряд этих инструментов заточен под автоматическое удаление или...
Реалистичная анимация падающего снега в Photoshop
Наложить реалистичный падающий снег на фотографию - весьма трудная задача в Photoshop, а анимация снежинок ещё более усложняет задачу. Но в этом...
Создание ледяной планеты в Photoshop
В этом уроке мы создадим изображение планеты на фоне звёзд и туманности с помощью Photoshop. Отличительной особенность данной методики является то,...
Настройка и управление панелями в Photoshop CS6
В этом уроке мы узнаем, как настроить, управлять и оптимально организовать важнейший элемент интерфейса Photoshop CS6 - панели. Кстати, "панели"...

Комментарии


Аватар пользователя Deonis
Автор комментария: Deonisот: 17/03/2014 - 23:55

Спасибо за труды! Подскажите, можно ли сохранить видео с прозрачным фоном? Пробовал удалить слой бекграунда со звездами, но тогда сохраняет Землю на черном фоне.


Аватар пользователя mar6882
Автор комментария: mar6882от: 08/03/2015 - 20:44

Здравствуйте! по числам смотрю, что давно здесь не ступала нога человека...я хотела сделать данный урок, но у меня в фотошопе даже таких разделов нет в меню 3d..."новая сетка из слоя" у меня нет...есть "новая сетка из градаций серого" и есть " новая фигура из слоя"...потому ничего не получается...у меня фш5 Что в данном случае можно сделать?Спасибо!!!