Як зробити 3д текст в фотошопі

Робимо об’ємний текст в Adobe Photoshop

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

  1. Як зробити об’ємний текст в Photoshop
  2. Варіант 1: За допомогою стандартної робочого середовища
  3. Варіант 2: 3D-область

Як зробити об’ємний текст в Photoshop

Для додання обсягу тексту можна використовувати як вбудовані в стандартну робочу середу програми ефекти, так і можливості по роботі з 3D-об’єктами. Вибір робочого інструмента залежить від ваших кінцевих цілей і навичок роботи з програмою.

Нижче ми розглянемо два варіанти перетворення звичайного тексту в об’ємний.

Варіант 1: За допомогою стандартної робочого середовища

Якщо вам потрібно зробити текст трохи більше об’ємним, то необов’язково перемикатися на робоче середовище по роботі з 3D, так як можна обійтися вбудованими фільтрами для шарів.

Отже, давайте подивимося, що нам потрібно зробити:

  • Створіть новий документ або відкрийте вже наявний. Для цього скористайтеся однойменними кнопками в головному вікні програми. Також потрібний файл можна просто перетягнути в робочу область Photoshop.
  • При створенні нового файлу ви можете задати абсолютно будь-які параметри, які вважаєте потрібними. Тут вони не мають серйозного ваги. Єдине застереження, що для друку краще використовувати кольорову палітру CMYK і дозвіл 300 пікселів на дюйм.
  • Тепер створіть текстовий шар на зображенні за допомогою відповідного інструменту в лівій панелі. Щоб набрати текст просто натисніть в потрібній частині полотна і почніть набір.
  • У верхній панелі ви можете налаштувати свій текст: вказати розмір шрифту, сам шрифт, виконати настройки зображення і т.д. Насправді тут дуже багато можливостей для настройки, тому всі їх розглядати ми не будемо, так як це вже тема для окремої статті.

  • Тепер перейдіть в режим роботи з ефектами шару. Зробити це можна два рази натиснувши лівою кнопкою миші по піктограмі шару в панелі з шарами.
  • Тут потрібно буде включити тиснення, встановивши галочку навпроти однойменного пункту в лівій частині вікна.
  • Далі виконайте настройки тиснення. Особливу увагу потрібно буде звернути на параметри «Розмір», «Пом’якшення», «Кут» і «Висота». Міняйте значення цих параметрів на свій розсуд. Якщо ви встановили галочку у пункту «Перегляд» у верхній правій частині інтерфейсу, то будете бачити зміни «режимі реального часу».

  • Якщо потрібно надати тексту додатковий обсяг, то виберіть в лівій панелі інструмент "Переміщення". Він знаходиться в самому верху панелі.
  • З затиснутою клавішею Alt натискайте по черзі стрілки вниз і вправо або вліво (в залежності від того, в який бік потрібно зробити видавлювання). Робіть так до тих пір, поки не отримаєте прийнятний для вас результат.
  • Після цього ви помітите, що програма створила множинні копії шару з текстом. Це нормально. Для зручності шари можна об’єднати в одну групу: виділіть їх і натисніть на іконку папки. Також їх можна об’єднати в один шар: виділіть їх і натисніть по ним правою кнопкою миші, а в контекстному меню виберіть «Об’єднати шари».

Таким чином можна зробити об’ємний текст, але, наприклад, повернути його буде проблематично. Також ви можете зіткнутися з низкою інших проблем, тому ми рекомендуємо все ж використовувати вбудовані інструменти для роботи з 3D-об’єктами в Photoshop.

Варіант 2: 3D-область

Що стосується роботи з 3D, то тут Фотошоп значно поступається багатьом професійним і вузьконаправленим програмами. Однак інструментарію для перетворення тексту і деяких плоских шарів в 3D-формат досить. Вам необов’язково добре володіти даними інструментами, проте їх розуміння і вміння ними володіти буде перевагою, так як дозволить робити більше ефектів для тексту.

Давайте розглянемо, як за допомогою вказаного способу перетворити текстовий шар в 3D:

  • Створіть текстовий шар, пропишіть в ньому текст і налаштуйте його, як вам буде зручно.
  • Виділіть шар з текстом в панелі шарів.
  • У верхньому меню натисніть на кнопку «3D». У контекстному меню потрібно вибрати варіант «Нова 3D-екструзія з виділеного шару».

  • З’явиться віконце з пропозицією перейти на робочу 3D-середу. Ви можете залишити робоче середовище в Фотошопі за замовчуванням, але в ній будуть недоступні багато інструментів для роботи з 3D-об’єктами або їх буде дуже складно знайти. Рекомендуємо переключитися в цю середу. В іншому випадку ви без проблем зможете переключитися назад.
  • Також може з’явитися віконце про невідповідність робочого профілю. Тут вибирайте перший варіант зі списку і натисніть «Ок».
  • З’явиться сітка для роботи з 3D-об’єктами. Тут можна рухати об’єкт у всіх напрямках, в тому числі і змінювати кут його нахилу в 3-х напрямках. У попередньому способі змінити кут можна було тільки в 2-вимірному просторі.

  • Окрему увагу зверніть на праву частину вікна. У блоці «Набір фігур» можна вказати 3D-текстуру і її поведінку. Доступні як самі стандартні варіанти, так і більш незвичайні.
  • Параметр «Глибина експозиції» відповідає за те, наскільки текст буде об’ємним. Примітно, що його можна налаштовувати і в зворотний бік (з мінусовими значеннями).

  • Ще нижче розташована панель з переліком елементів сцени. Тут можна налаштувати освітлення, відключити тіні, відблиски і т.д.
  • Закінчивши роботу з 3D-шарами можете переключитися у вкладку «Шари», а також змінити робочу область на звичну. Щоб це зробити, натисніть на відповідну іконку у верхній правій частині програми (вона відповідаючи на скріншоті). Там виберіть ту робочу область, в якій ви перебували спочатку. Швидше за все це буде «Основна робоче середовище».

Під кінець вам потрібно тільки зберегти зроблені зміни в документі з текстом. Якщо ви плануєте десь опублікувати карту з текстом, то зберігайте її в форматах PNG або JPG. Також, якщо планується подальша робота з шарами, то рекомендується зробити копію файлу в форматі PSD. У такому випадку ви зможете повернутися до редагування в будь-який час без втрати шарів.

Це два найпростіших і дієвих варіанти створення об’ємного тексту в програмі Photoshop. Якщо у вас є питання або якісь пропозиції до статті, напишіть про це в коментарях.

Як зробити 3D текст в Photoshop CC

Як зробити 3D текст в Photoshop CC

Об’ємний текст з 3D ефектом може бути прекрасним доповненням Вашого сайту-візитки, як і інші текстові ефекти. Слово написане об’ємними літерами відразу захоплює увагу і надає незвичайності вашому макету.

У цьому уроці буде детально розглядатися створення написи 3D в двох стилях (звичайний і з відображенням навколишнього середовища), а також детально описані настройки зовнішнього вигляду.

Варто відразу зазначити, що 3D ефекту можна досягти по різному. Наприклад, застосовуючи ефект шару тиснення, малювання вручну і т.д.

У цьому уроці мова піде про застосування функції 3D, яка доступна у всіх останніх версіях фотошопа.

Створення написи 3D

На самому початку потрібно створити нове зображення в Photoshop або відкрити зображення, на якому повинна бути ваша напис.

Далі створюємо текстовий шар. До речі, сам ефект 3D буде працювати не тільки з текстовим шаром. Видавлювати обсяг можна з будь-якого іншого шару.

Виділяємо текст і натискаємо відповідну кнопку, як показано на скріншоті нижче:

Створення написи 3D

Також можна натиснути правою кнопкою миші на шар з текстом і вибрати "New 3D Extrusion from Selected Layer"

Текст відразу ж набуває товщину і ставати об’ємним. Тепер його можна покрутити, пересунути або поміняти розмір.

Вид 3D тексту

Налаштування 3D тексту

Щоб потрапити всередину налаштувань, необхідно виділити шар тексту і відкрити панель "3D". Тут ви можете відрегулювати всі необхідні параметри написи.

Налаштування 3D тексту

Серед них є Environment, Scene, Curretn Veiw, Infinite Light, TEXT — настройка матеріалів тексту. На російську це можна перекласти як: середа, сцена, поточний вид, нескінченний світ і ваш текст.

Клікнувши по одному з пунктів відкриваються настройки в панелі "Properties" або "властивості". Тут налаштовуються всі параметри даного пункту.

У вкладці світло (Infinite Light) налаштовується розташування джерела світла, від нього залежить ступінь освітленості букв і розташування тіні.

Джерело світла на 3D тексті

У вкладці вид (Curretn Veiw) виставляється основні види, також можна зберегти обраний вид, щоб потім до нього повернутися.

Виберіть в панелі 3D ваше слово. У властивостях будуть доступні готові пресети (набори налаштувань). Виберіть то видавлювання тексту, яке вам більше подобатися, як показано на скріншоті нижче.

Готові пресети 3D тексту

Тут також можна змінювати загальний колір вашої написи, вибравши всі матеріали в списку.

Якщо ви зробили помилку в тексті або хочете змінити слово, то це можна зробити в тій же панелі натиснувши кнопку "Edit source".

Edit source редагування написи з 3D ефектом

Наприклад, я зроблю слово великими літерами.

Після зміни тексту обов’язково необхідно зберегти зміни у файлі, після чого ваш текст змінитися і ефект 3D оновиться.

збереження змін

Серед налаштувань "Environment" є функція автоматичного відображення тексту. Якщо ваш текст стоїть на поверхні, то цей ефект буде добре доповнювати.

Тепер, коли ви ознайомилися з основними настройками, зробіть текст так, як вам подобається. Можна також додати фон і ефект відображення.

В самому кінці для найбільш якісного відображення 3D тексту необхідно натиснути кнопку "Render" і трохи почекати.

Рендер 3D тексту

В результаті може виходити ось так:

Готовий 3D текст

3D текст з відображенням фону

Ускладнити завдання і зробимо відображення навколишнього середовища в буквах.

Для цього потрібно у вкладці Environment видалити поточну текстуру і поставити нову.

Текстура 3D тексту

Нова текстура за замовчуванням створюється білої. Перейдіть на вкладку шари і скопіюйте шар фону натиснувши CTRL + A і CTRL + C.

Відкрийте текстуру вибравши "Edit Texture". Натисніть CTRL + V і фон текстуру. Закрийте зображення текстури зі збереженням змін.

Відображення оточення повинно з’явиться на ваших буквах.

Щоб його краще було видно, бажано зробити колір букв чорним.

Налаштування ступеня відображення 3D тексту

Букви можна розділити і розгорнути в під різними кутами. Для цього в меню виберіть 3D / Split Extrusion. Тепер становище букв регулюється окремо.

Щоб текст не губився, фон довелося трохи затемнити. У моєму випадку вийшло так:

готовий 3D текст з відображенням фону

Відео урок створення тексту 3D

У відео уроці докладно описані всі етапи створення об’ємного тексту в звичайному режимі, а також з відображенням навколишнього фону на буквах.

Блискучий об’ємний 3D текст в Photoshop CC

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

Ось що, приблизно, у нас повинно вийти в результаті:

Блискучий об'ємний 3D текст в Photoshop CC

КРОК ПЕРШИЙ: Для роботи нам буде потрібно будь-якої округлий товстий шрифт, я скористався шрифтом Bell Bottom, скачати який Ви можете тут. Як встановити шрифт в Photoshop, розказано тут.

Створіть новий документ розміром 1200 на 640 пікселів. Залийте фон не дуже темним кольором, я скористався синьо-блакитним радіальним градієнтом, візьміть інструмент "Текст" (Type Tool) і введіть якесь слово, я написав слово "PLAY" висотою 300 пікселів. Крім того, для отримання кращого ефекту, я рекомендую збільшити межбуквенное відстань:

заготівля об'ємного 3d тексту

КРОК ДРУГИЙ: Давайте тепер перетворимо текст в 3D-об’єкт. В панелі шарів на даний момент має бути активним шар з текстом! Йдемо по вкладці головного меню 3D -> Нова 3D екструзія з виділеного шару (3D -> New 3D Extrusion from Selected Layer). Відкриється вікно з пропозицією включити 3D-робоче середовище, натисніть ОК. Якщо таке віконце воно не відкриється, перейдіть на 3D-середу самостійно, докладніше про управління робочими середовищами Photoshop тут.

Ця дія відразу видавить текст і під літерами з’явиться поверхню площині підстави:

видавлений текст

КРОК ТРЕТІЙ: Наш текстовий шар називався "PLAY". Створений з нього 3D-шар називається так само. Знайдіть його в панелі 3D і клацніть по ньому. Потім, якщо не відкрилася сама, відкрийте панель властивостей (Вікно -> Властивості або Window -> Properties) і задайте глибину екструзії (Extrusion Depth) в 0:

плоский текст з 3D

Букви стали плоским, що нам і потрібно.

КРОК ЧЕТВЕРТИЙ: У верхній частині панелі властивостей натисніть на третій значок зліва, в цьому розділі ми можемо змінити кут і інтенсивність роздування фігури фігури.

Спочатку, клікніть по випадає меню "Сторони" (Sides) вгорі панелі і встановите на "Спереду і ззаду" (Front and Back). Потім перейдіть до розділу "Роздування" (Inflate) і встановіть "Кут" (Angle) на 90 ° і "Інтенсивність" (Strength) на 20%. Букви відразу стають роздутими. Це добре видно на додатковому огляді зверху:

зробити текст об'ємним

КРОК П’ЯТИЙ: На даний момент всі букви в слові є єдиним об’єктом. Я ж хочу використовувати кожну букву, як окремий елемент. Але, перед тим, як розділити об’єкт з букв, давайте налаштуємо властивості поверхні об’єкта. На панелі 3D натисніть на "Матеріал передньої опуклості" (Front Inflation Material). В панелі властивостей, у вікні вибору матеріалів знайдіть матеріал з назвою "Без текстури" (No Texture):

матеріал поверхні 3D тексту

Продовжимо роботу з панеллю властивостей. Натисніть на прямокутник-зразок кольору поруч з Розсіюванням "(Diffuse) і виберіть білий в палітрі кольорів, потім натисніть OK. Встановіть "Блиск" (Shine) на 100%, "Відображення" (Reflection) на 75%, "Плавність" (Roughness) близько 25% і "Рельєф" (Bump) 10%:

матеріал 3D тексту

КРОК ШОСТИЙ: Пройдіть по вкладці головного меню 3D -> Розділити екструзію (3D -> Split Extrusion). Це дозволить Вам маніпулювати з кожною буквою окремо, зберігаючи при цьому всі букви в тому ж 3D-шарі. Перейдіть на інструмент "Переміщення (Move Tool) і наведіть курсор на першу букву. Тепер ви можете використовувати 3D-інструменти і віджети, щоб змінити позицію і масштаб цієї літери, не зачіпаючи інші літери:

зміна 3D букв окремо

КРОК СЬОМИЙ: Давайте розфарбуємо кожну букву в свій колір, почнемо з обраної на даний момент найлівішій літери. В панелі 3D натисніть на На панелі 3D натисніть на "Матеріал передньої опуклості" (Front Inflation Material). В панелі властивостей натисніть на квадратик поруч з "Розсіюванням" (Diffuse) і виберіть, наприклад, зелений колір в палітрі кольорів. натисніть OK. Зробіть те ж саме для інших букв, задаючи кожної з них свій колір. Ви помітите, що відображають властивості поверхонь букв залишаються без змін, навіть при зміні кольору:

задаємо колір 3d буквах

Звертаю Вашу увагу, що в панелі 3D треба перемикати на "Матеріал передньої опуклості" для кожної окремої літери:

зміна кольору 3d букв

КРОК ВОСЬМИЙ (Для Photoshop CS6): Якщо Ви використовуєте Photoshop CC, то Ви бачите декілька відображають відблисків на 3D-об’єктах. Ці відблиски створюються за замовчуванням основі освітлення IBL (Image Based Light — джерело світла на базі зображення). У Photoshop CS6 зображення, на основі якого ці джерелі світла, за замовчуванням суцільне чорне, т.е. ніяких джерел немає, відповідно, і відблисків буде. На малюнку нижче я показав, як виглядає це зображення в Photoshop CC, також, я показав, яким чином можна відкрити і подивитися зображення IBL:

освітлення 3d тексту

Це зображення схоже на світильники на стелю, воно і створює ефект відблисків на буквах. Тому, в Photoshop CS6 його треба створити самостійно. Дії по створенню нової текстури схоже на дії на малюнку вище, тільки замість "Редагувати текстуру" (Edit Texture) натисніть рядок "Нова текстура" (New Texture). Photoshop автоматично відкриє вікно створення нового документа, введіть розміри 538 на 302 пікселів і намалюйте сіро-біле полотно, схожий на показаний на малюнку вище, потім збережіть документ.

КРОК ЗАВЕРШАЛЬНИЙ: Освітлення готове, і 3D текст розділений на літери. Тепер, Ви можете за допомогою інструментів 3d переміщення, масштабу і віджетів переміщати, нахиляти та масштабувати літери. Крім того, букви будуть взаємодіяти один з одним, відображаючи не тільки джерела світла, а й один одного. Це буде видно після проведення рендеріннга. І не забувайте, що навіть якщо ви можете маніпулювати з кожною буквою окремо, всі вони як і раніше залишаються на одному 3D-шарі.

У Photoshop CC є прекрасна система текстових підказок. Коли Ви наводите курсор на об’єкт, відображається "габаритний контейнер" об’єкта, або Gismo, а також його осі. Далі наводимо і переміщаємо курсор уздовж однієї з осей, і Photoshop видає нам варіанти, напр., "Обертання по осі Z", "переміщення уздовж осі Y", "масштаб уздовж осі X" і т.д.:

переміщення 3D об'єктів в просторі

Ось як виглядає мій фінальний результат. Цей малюнок отриманий після рендеринга документа, запустить рендеринг можна клавішами Ctrl + Shift + Alt + R:

Блискучий об'ємний 3D текст в Photoshop CC

На фінальному зображенні я приховав 3D площину підстави. Як приховати / показати площину підстави, розказано тут.

Ссылка на основную публикацию