У цьому матеріалі ми дізнаємося, як у Photoshop версії CS6 і вище створити 3D модель Землі, а потім надати їй обертання за допомогою нових інструментів анімації CS6. Багато дизайнерів використовують подібну 3D-картинку при створенні банерів та інших елементів веб-дизайну, а також в анімації.

Для кращого розуміння матеріалу дивіться відеоурок, виконаний на основі Photoshop CS6 з російським інтерфейсом.

А ось відео, отримане в результаті виконання цього уроку:

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

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

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

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

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

Фотошоп відкриє діалогове вікно, де запропонує створити 3D-робоче середовище, погодьтеся, після чого в одній вкладці з панеллю шарів у вас з'явиться панель 3D:

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

Тепер ми створюватимемо поверхню біля сфери, яка буде виконана у вигляді карти Землі. Для карти Землі використовуйте зображення earth_map.jpg.webp з архіву, завантажити який ви можете за посиланнями внизу цієї сторінки.

У панелі 3D клацніть по рядку «Сфера» для її вибору, а потім клацніть по значку «Фільтр по: матеріали» (Filter by Materials) для відображення матеріалів на панелі властивостей (Properties):

Потім ми переходимо на панель властивостей (Properties). Натисніть на значок поруч із рядком «Розсіювання» (Diffuse), у списку виберіть пункт «Замінити текстуру» (Replace Texture):

Потім вибираєте зображення-карту Землі earth_map.jpg.webp з архіву і двічі клацаєте по ньому мишкою, після чого він завантажиться як текстура для сфери.

Робочий документ у вас набуде наступного вигляду:

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

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

У вікні вибору знову виберіть карту earth_map.jpg.webp і двічі клацніть по ній, вона завантажиться як текстура рельєфу. Поверхня має стати дещо рельєфною.

І остання деталь. Над сферою Фотошоп автоматично створив джерело нескінченного світла.Це світло не тільки висвітлює сферу, але й створює тінь на уявній площині, схематично відображеній у вікні робочого документа під сферою. Якщо Ви уважно подивіться на малюнок, то помітите, що під сферою є тінь:

Зрозуміло, що ця тінь нам не потрібна, тому клацніть правою клавішею миші за джерелом нескінченного світла:

У вікні, що відкрилося, зніміть галку з чекбокса «Тінь»:

Тепер має зникнути.

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

Дивіться відеоурок, виконаний на основі Photoshop CS6 з російським інтерфейсом.

Завантажити вихідні матеріали до статті:Скачати з Depositfiles.com

Завантажити файл PSD, виконаний за матеріалами статті:Скачати з Depositfiles.com

Категорія: