В этом материале мы узнаем, как в Photoshop версии CS6 и выше создать 3D модель Земли, а затем придать ей вращение с помощью новых инструментов анимации CS6. Многие дизайнеры используют подобную 3D-картинку при создании баннеров и других элементов веб-дизайна, а также в анимации.
Для лучшего понимания материала смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.
А вот видео, полученное в результате выполнения этого урока:
Мы узнаем из этого материала, что новые, расширенные и улучшенные, 3D-функции в версии Photoshop CS6 позволяют создавать и анимировать 3D-элементы в только в одной программе Photoshop, без необходимости изучать и применять сложные сторонние 3D-приложения.
Итак, приступим. Откройте в Фотошопе изображение star_background.jpg из архива, оно будет служить фоном в документе (у меня в окне рабочего документа изображение отображено в 10%-ном масштабе):
Нажмите комбинацию Ctrl+Shift+N для создания нового пустого слоя.
Пройдите по вкладке главного меню 3D --> Новая сетка из слоя --> Набор сетки --> Сфера (3D --> New Mesh From Layer --> Mesh Preset --> Sphere):
Фотошоп откроет диалоговое окно, где предложит создать 3D-рабочую среду, согласитесь, после чего в одной вкладке с Панелью слоёв у вас появится панель 3D:
А вот что должно отображаться в окне рабочего документа:
Теперь мы будем создавать поверхность у сферы, которая будет выполнена в виде карты Земли. Для карты Земли используйте изображение earth_map.jpg из архива, скачать который вы можете по ссылкам внизу этой страницы.
В панели 3D кликните по строке "Сфера" для её выбора, а затем кликните по значку "Фильтр по: материалы" (Filter by Materials) для отображения материалов на панели свойств (Properties):
Затем мы переходим на панель свойств (Properties). Нажмите на значок рядом со строкой "Рассеивание" (Diffuse), в открывшемся списке выберите пункт "Заменить текстуру" (Replace Texture):
Затем выбираете изображение-карту Земли earth_map.jpg из архива и дважды кликаете по нему мышкой, после чего он загрузится в качестве текстуры для сферы.
Рабочий документ у вас примет следующий вид:
А в окне свойств отобразится новая текстура:
Теперь давайте придадим некоторый рельеф поверхности планеты. Для этого кликните на значок папки над ползунком "Рельеф" (Bump) и выберите пункт "Загрузить текстуру" (Load Texture):
В окне выбора снова выберите карту earth_map.jpg и дважды кликните по ней, она загрузится как текстура рельефа.
После чего задайте значение "Рельефа" (Bump) примерно 35%.
Поверхность должна стать несколько рельефной.
И последняя деталь. Над сферой Фотошоп автоматически создал источник бесконечного света.
Этот свет не только освещает сферу, но и создаёт тень на воображаемой плоскости, схематично отображённой в окне рабочего документа под сферой. Если Вы внимательно посмотрите на рисунок, то заметите, что под сферой имеется тень:
Понятно, что эта тень нам не нужна, поэтому кликните правой клавишей мыши по источнику бесконечного света:
В открывшемся окне снимите галку с чекбокса "Тень":
Теперь тень должна исчезнуть.
На этом работа над 3D изображением Земли закончена, создание анимации вращения планеты мы рассмотрим во второй части этого материала.
Смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.
Скачать исходные материалы к статье:
Скачать файл PSD, выполненный по материалам статьи:
Помощь сайту
Понравился сайт? Уроки оказались полезными? Поддержите проект, переведите небольшую сумму на оплату серверов и чашечку кофе автору сайта! Спасибо.
Перейти на страницу помощи
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
 Из этого урока мы узнаем, как создать эффект старинной, антикварной фотографии из современной фото с помощью фильтра (не плагина!) Camera Raw в...
|
 Наряду с новым инструментом обрезки изображения "Рамка" (Crop Tool) , в Photoshop CS6 кардинальным изменениям и улучшениям подвергся и инструмент...
|
 Фильтр 3D Transform удалён из версий Photoshop CS3 и выше. Тем не менее. многие пользователи до сих пор его применяют из-за простоты и удобства...
|
 Ранее мы рассмотрели работу с новым диалоговым окном "Размер изображения" (Image Size) в Photoshop CC (Creative Cloud), где мы узнали о новых...
|
Комментарии
Спасибо за труды! Подскажите, можно ли сохранить видео с прозрачным фоном? Пробовал удалить слой бекграунда со звездами, но тогда сохраняет Землю на черном фоне.
Здравствуйте! по числам смотрю, что давно здесь не ступала нога человека...я хотела сделать данный урок, но у меня в фотошопе даже таких разделов нет в меню 3d..."новая сетка из слоя" у меня нет...есть "новая сетка из градаций серого" и есть " новая фигура из слоя"...потому ничего не получается...у меня фш5 Что в данном случае можно сделать?Спасибо!!!