Создание 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 с русским интерфейсом.

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

Скачать с Depositfiles.com

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

Скачать с Depositfiles.com

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

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

  1. Deonis

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

    Ответить
  2. mar6882

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

    Ответить
  3. Валентина Горелова

    Спасибо! Замечательно!

    Ответить
  4. Лилия Гирфанова

    норм

    Ответить
  5. Татьяна Гавриленко

    Большое спасибо! Делала все по уроку, получилось хорошо!

    Ответить
  6. Лариса Бусыгина

    Урок очень хороший! Но у меня не загружается текстура для сферы… Увы…

    Ответить
  7. Lidija Kolesnik

    Большое спасибо!

    Ответить
  8. Валентина Гаврилова

    Спасибо!

    Ответить
  9. Иван Тюрин

    А как сделать такое же только солнце?

    Ответить
  10. Дмитрий Евсеенков

    Надо найти качественную текстуру поверхности Солнца

    Ответить
  11. Иван Тюрин

    Дима, так и сделал, гугл помог ввел sun_map.jpg

    Ответить
  12. Валентина Гаврилова

    Спасибо,мнтересно,но у меня рельеф не становиться на место и не могу его сдвинуть,подскажите как его поставить на место???

    Ответить
  13. Дмитрий Евсеенков

    Посмотрите внимательнее видео, может, заметите, что Вы упустили. Если не поможет, опишите подробнее шаги и наг, на котором возникает проблема и пришлите Ваш файл PDF на почту [email protected]

    Ответить
  14. Дмитро Розмаїтий

    правильно заметил за угол

    Ответить
  15. Влад Батуро

    класная штука

    Ответить