Уроки Fotoshop: новий спосіб створення 3D тексту

Новий спосіб створення 3D тексту


Урок для досвідчених користувачів зі знанням базових основ програми.
Даний урок написаний відомим графічним дизайнером Nik Ainley. Для його створення автор іcпользовал програму для тривимірного моделювання CINEMA 4D, а також Illustrator і Photoshop.
1. Спочатку створимо наш текст в тривимірній програмі. Автор використав CINEMA 4D і фразу “fresh science word”. Контурні шляху шрифту були створені в ілюстратора, які в наслідок були імпортовані в CINEMA 4D. Автор не став використовувати стандартний спосіб написання тексту через type tool, Вирішивши створити індивідуальний шрифт.
Новий спосіб створення 3D тексту
2. Потім автор надав деякий обсяг буквах. Для цього він використовував команду Extrude NURBS і варіював параметри настройки на свій розсуд. Міняйте розташування букв, щоб підкреслити об’єм. Інструмент Extrude має кілька опцій для налаштування торців видавлювання, я встановив невеликі скоси, що-б трохи скруглить ребра букв.
Новий спосіб створення 3D тексту
3. Нам потрібно додати поверхню (підлогу) на яку буде падати тінь, і який-небудь джерело освітлення. Для створення загального освітлення сцени, я використав “небесне світло” з високим ступенем освітлюватися. Фінальний рендер проводився з параметром “Global illumination“, А так-же із збереженням Альфа каналу для тексту, що-б можна було легко обрізати в ФШ.
Новий спосіб створення 3D тексту
4. Тепер переходимо в фотошоп. Використовуючи альфа канал, згенерований у CINEMA 4D , Скопіюйте і вставте букви на новий шар. У вас також залишаться оригінали тексту з створеними тінями.
Новий спосіб створення 3D тексту
5. За допомогою маски шару замаскуйте нижню частину шару з тінями, використовуючи для цього чорно-прозорий градієнт. Режим змішування встановіть на Multiply . Відкоригуйте освітлення букв за допомогою коректування Shadow/Highlight і Auto Levels.
Новий спосіб створення 3D тексту
6. Тепер нам потрібно ізолювати зовнішню сторону букв, використовуючи для цього інструмент перо (Pen tool).
Новий спосіб створення 3D тексту
7. Перетворіть створений шлях у виділення і і залийте сірим кольором кожне слово на новому шарі поверх літер. Копіюйте букви і вставляйте їх вище.
Використовуйте Image>Adjustments>Curves, Щоб встановити білу точку на центральному кольорі букв.
Новий спосіб створення 3D тексту
Далі поміняйте режим змішування на Multiply. Колір фонового шару поміняйте на блакитний і додайте поверх світлу текстуру, режим змішування якої також поміняйте на Multiply.
Новий спосіб створення 3D тексту
8. Тепер додайте текстуру до зовнішньої сторони букв. Автор вставив поверх зображення бетону. Згрупуйте шар з текстурою і шар з літерами, щоб отримати маску відсікання. Тепер спотворите перспективу текстури, використовуючи Edit>Transform>Distort. Можна звичайно використовувати Vanishing Point , Але це довго і нудно.
Новий спосіб створення 3D тексту
9. Змініть режим змішування текстури на Multiply, Щоб тільки темні ділянки текстури стали видимі. Якщо текстура вийде сильно затемненій, можна її відредагувати за допомогою Image>Adjustments>Curves. Таким чином накладіть текстуру на інші два слова.
Новий спосіб створення 3D тексту
10. Застосуйте Filter>Distort>Pinch – 50% до шару з текстурою. Створіть новий шар вище фону і залийте його радіальним чорно-білим градієнтом. Режим змішування цього шару змініть на Soft Light . Також додайте коригувальні шари до всього зображення, щоб змінити трохи відтінки.
Новий спосіб створення 3D тексту
11. Щоб літери здавалися більш цікавими, автор імпортував в зображення відскановану текстуру і вставив її поверх першої текстури на верхньому слові. Згрупуйте з нижнім шаром, щоб створити маску відсікання.
Режим змішування поміняйте на Overlay або Multiply.
Новий спосіб створення 3D тексту
12. Дублюйте шар з відсканованої текстурою і створіть під нею білий шар. Злийте ці два шари. Виділіть цей шар, скопіюйте і вставте результат в новий канал (в палітрі каналів). Шар можете видалити. Відредагуйте цей канал, зафарбувавши всі чорним, крім темних областей текстури. Завантажте виділення цього каналу і додайте маску шару до нової текстурі.
Новий спосіб створення 3D тексту
13. Повторіть процес нанесення текстури для другого, середнього в ряду слова.
Автор використав імпортовані з ілюстратора паралельні лінії і трансформував їх відносно перспективі букв .. В принципі це можна виконати також в Фотошопі.
Новий спосіб створення 3D тексту
14. Для ефектного зміни колірної гами, автор використовував коригувальний шар з різнобарвною градієнтної картою (Gradient Map).
Режим змішування цього шару встановіть на Darken, Прозорість понизьте до 30%. Іспользууте маску шару з радіальним градієнтом, щоб замаскувати кольоровий ефект у країв зображення.
Новий спосіб створення 3D тексту
15. У фіналі автор також наклав текстуру поверх всіх шарів, але нижче різнобарвного коригуючого шару. текстурою служило те ж “бетонне” зображення, тільки Інвертований і трохи затемнене.
Режим змішування був встановлений на Screen.
Новий спосіб створення 3D тексту
Все, готово! Закінчили!
Новий спосіб створення 3D тексту

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*