В этом материале мы узнаем, как в 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, выполненный по материалам статьи:
Помощь сайту
Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).
Райфайзен банк прямой перевод на карту
QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM
Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219
PayPal ссылка для перевода
WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694
Яндекс.Деньги, форма для пополнения:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
 Мне часто задают вопрос о том, как загрузить и где взять 3D материалы в Adobe Photoshop последних версий, т.е. CS5 и CS6.
Их можно скачать с...
|
 В данном видеоуроке рассказывается о создании рельефной 3D-модели планеты Земля и последующей анимации её вращения в программе Adobe Photoshop CS6 с...
|
 В этом материале я расскажу, как на изображение добавить лёд. Это не такая простая задача, как может показаться на первый взгляд - ведь лёд имеет...
|
 Из этого урока мы узнаем про новые функции, преимущества и удобства при построении новых направляющие в версиях Photoshop CC 2014 и выше.
С помощью...
|
Комментарии
Спасибо за труды! Подскажите, можно ли сохранить видео с прозрачным фоном? Пробовал удалить слой бекграунда со звездами, но тогда сохраняет Землю на черном фоне.
Здравствуйте! по числам смотрю, что давно здесь не ступала нога человека...я хотела сделать данный урок, но у меня в фотошопе даже таких разделов нет в меню 3d..."новая сетка из слоя" у меня нет...есть "новая сетка из градаций серого" и есть " новая фигура из слоя"...потому ничего не получается...у меня фш5 Что в данном случае можно сделать?Спасибо!!!