В этом материале мы узнаем, как в 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
Яндекс.Деньги, форма для пополнения:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
По ссылкам внизу материала Вы можете скачать установщик языков для программы Adobe Photoshop CS6, с помощью которого Вы можете изменить язык...
|
![]()
Кнопки управления палитры 3D:
- 3D Object Rotate Tool - Инструмент «Поворот 3D-объекта» - 3D Object Roll Tool - Инструмент «Вращение 3D-объекта» -...
|
Этот материал - продолжение статьи о создании 3D модели планеты Земля, где мы создали 3D-модель планеты, а здесь мы приступим конкретно к созданию...
|
Adobe Photoshop CC 14 (Creative Cloud) на данный момент является флагманом компании Adobe, ведущим приложением для редактирования растровых...
|
Комментарии
Спасибо за труды! Подскажите, можно ли сохранить видео с прозрачным фоном? Пробовал удалить слой бекграунда со звездами, но тогда сохраняет Землю на черном фоне.
Здравствуйте! по числам смотрю, что давно здесь не ступала нога человека...я хотела сделать данный урок, но у меня в фотошопе даже таких разделов нет в меню 3d..."новая сетка из слоя" у меня нет...есть "новая сетка из градаций серого" и есть " новая фигура из слоя"...потому ничего не получается...у меня фш5 Что в данном случае можно сделать?Спасибо!!!