Текст 3д: Как изменить сам текст в 3Д тексте в фотошопе? — Хабр Q&A

{{l10n_strings.DRAG_TEXT_HELP}}

{{article.content_lang.display}}

Уроки 3D Max.

Использование технологии выдавливания (экструзии) сплайнов.

Построение второй трехмерной сцены.

Команда Text (Текст) 3D Studio Max позволяет использовать для создания строк текста любой из шрифтов типа True Type, установленных в операционной системе. Щелчок на кнопке Text (Текст) командной панели Create (Создать) вызывает появление свитков с набором параметров управления текстовыми сплайнами (рис. 1).

В верхней части свитка Parameters (Параметры) находится раскрывающийся список, позволяющий выбрать тип шрифта. После выбора шрифта можно установить его начертание — Italic (Курсив) или Underlined (Подчеркивание), задать способ выравнивания на соответствующей кнопке под списком шрифтов.

Шаг 2. Перейдем на командную панель Create (Создать) и щелкнем на кнопке Snapes (Формы). Затем щелкнем на кнопке Text (Текст) (рис. 1). Рисунок 1. Создание текста в 3D Studio Max.
Шаг 3. В окне проекции

Шаг 4.. Выберем в раскрывающемся списке шрифт Arial Cyr.

Шаг 5. Установим величину символов 100 в счетчике Size.

Шаг 6. Введем в текстовом поле надпись, состоящую из следующих символов:

(»)…(») 

( ‘ o ‘ ) 

(»)—(») 

(»»)-(»»)

Шаг 8.

Шаг 10. Аналогично создадим текстовую форму, щелкнув в окне проекции Тор вблизи справа от начала координат. Введем в текстовом поле надпись, состоящую из следующих символов:

()_() 

(‘ o ‘)

\\)(//

Шаг 13. Выдавим полученные сплайны. Щелкните на кнопке Select object (Выделить объект) стандартной панели инструментов и выделите текстовый объект.

Щелкните на корешке командной панели Modify (Изменить). В раскрывающемся списке Modifiers щелкните на кнопке Extrude. Установите высоту выдавливания в окне Amount (Счетчик) равной 30. Рисунок на дисплее должен соответствовать рисунку 4.

Эффект текста с 3D-текстурой | Photoshop

В этой статье я покажу, как вы можете сделать стилизованный эффект текста с 3D-текстурой. Используя различные текстуры, вы сможете придать ему уникальный вид. Я предоставлю вам пошаговые инструкции, а также ссылки на ресурсы и рекомендации по их использованию.

Окончательный результат

Откройте Illustrator и с помощью инструмента «Текст» введите букву или текст, я ввела букву «C«. Для нее я использовала шрифт Adobe Caslon Pro. Вы можете использовать любой, который вам нравится. Просто старайтесь применить более-менее толстый шрифт, для него эффект будет выглядеть лучше.

Я установила размер шрифта на 400 пунктов и растянула его горизонтали и по вертикали на 150% через опорные точки. Хотя особого значения размер шрифта не имеет, так как мы будем вставлять его в качестве смарт-объекта в Photoshop.

Поэтому мы можем отрегулировать размер в любой момент времени. Цвет шрифта я использовала #8CC63F:

Теперь перейдите в Эффекты> 3D> Экструзия. Используйте настройки, показанные на рисунке. Кроме значений поворота по осям X, Y и Z, я выбрала «Вытянутый круг» из выпадающего меню «Скос». Эти настройки зависят от шрифта, так что если вы использовали другой шрифт, немного поэкспериментируйте.

Но я настоятельно советую вам воздержаться от слишком причудливых настроек «Скоса», как правило, не внося пользовательские настройки, вы получаете хороший результат. Вы также можете сделать шрифт более толстым за счет увеличения глубины выдавливания:

После того как вы завершили с 3D, пора перейти в Photoshop. Откройте в Photoshop новый документ. Скопируйте из Illustrator 3D текст / букву и вставьте его как смарт-объект, нажмите Enter. Теперь Вы можете изменить размер текста, как вам нужно. На самом деле, чем больше, тем лучше, но я буду использовать небольшой холст:

Полезный совет: Если по какой-либо причине, вы хотите отредактировать вставленный 3D смарт-объект, просто дважды щелкните на иконке векторного смарт-объекта в палитре слоев, нажмите OK на появившемся окне. После чего смарт-объект автоматически откроется в Illustrator. После этого произведите изменения, которые вам нужны, и затем перейдите в меню Файл> Сохранить и закройте файл. И вуаля, изменения будут отображены в файле Photoshop.

Теперь, давайте используем магию Photoshop. Мы добавим различные текстуры для разных слоев и оживим их с помощью различных режимов наложения. Идея заключается в том, чтобы поэкспериментировать и выбрать параметры, которые будут наилучшим образом удовлетворить нашим задачам.

Откройте текстуру, которую вы хотели бы использовать. Для первого слоя я использовала текстуру из texture pack, которую назвала «Текстура 1». Перейдите в Выделить> Все, а затем Правка> Копировать, чтобы скопировать всю текстуру.

Сейчас нам нужно вставить это изображение в нашу букву, но вы должны указать Photoshop, где его вставить. Поэтому вернитесь к документу 3D текста и, удерживая Ctrl / Cmd, кликните по иконке векторного смарт-объекта. Таким образом, мы выделим весь текст / букву. В нашем случае, букву «С«.

Теперь перейдите в Правка > Вставить в (Shift + Ctrl / Cmd + V), чтобы вставить изображение текстуры в букву «C«. Измените режим смешивания слоя с текстурой на «Наложение»:

Теперь, ваше изображение и палитра слоев должна выглядеть так:

Теперь взгляните на свою палитру слоев. Вы увидите в ней свою текстуру, а также маску, которая делает видимой лишь часть изображения буквы.

Если Вы используете разные изображения, поэкспериментируйте немного с режимами смешивания, «Наложение», «Мягкий свет», «Жесткий свет», «Умножение», пока не получите желаемый результат.

Повторите процедуру, описанную в пункте 4, но с другой текстурой. Я использовала текстуру из этого пакета:

Если кратко, откройте текстуру, «Выделить все» (Ctrl / Cmd + A), скопируйте ее (Ctrl / Cmd + C) и вернитесь к исходному документу. Кликните, удерживая Ctrl / Cmd, по миниатюре векторного смарт-объекта, чтобы выбрать букву / текст, и перейдите Правка, Вставить в (Shift + Ctrl / Cmd + V), чтобы вставить текстуру в букву «C«. И измените режим смешивания на «Умножение»:

Теперь мы снова сделаем то же, что в шагах 4 и 5, но с другой текстурой. На этот раз я использую более красочные текстуры. И на этот раз я выбираю режим смешивания «Мягкий свет»:

Вот как мое изображение и палитра слоев выглядят после шага 6.

Полезный совет: Если вам нужно изменить текстуру или вам не нравится, как она выглядит на букве, вы можете ее изменить! Просто выберите инструмент «Перемещение (V)» и перетащите текстуру из выбранного слоя. Кроме того, если вам необходимо изменить размер изображения текстуры, перейдите в Правка > Трансформация.

Теперь, выберите фоновый слой и залейте его с помощью инструмента «Градиент» (G). Я использовала линейный градиент и переходы цветов, приведенные на скриншоте. Задайте переход градиента по диагонали снизу вверх:

Нажатие клавишу Shift, выберите все слои в палитре слоев, кроме фонового, и свяжите их. Также проверьте, чтобы маски были связаны с соответствующими слоями:

Теперь мы создадим отражение буквы «C«. Для этого, выберите все связанные слои и продублируйте их:

Объедините все дублированные слои в один слой и назовите его Reflection:

При активном слое Reflection перейдите в Правка >Трансформация >Поворот по вертикали и поместите слой под буквой «C«. Отрегулируйте перспективу, если это необходимо:

Далее нам нужно добавить маску для дублированного слоя. Для этого просто нажмите в палитре слоев кнопку «Добавить маску слоя»:

Теперь выберите инструмент «Градиент» (G) и нарисуйте градиент (от черного к белому) с переходом снизу до середины верхней буквы:

Наконец, уменьшите непрозрачность дублированного слоя, и все готово. Я уменьшила непрозрачность до 20%. Какого-то универсального правила тут не существует. Просто поэкспериментируйте с настройками непрозрачности и выберите то, что подходит вам.

Наконец, с помощью инструмента «Текст» я написала слова “for creativity”, настройки приведены на рисунке ниже:

Использованный шрифт Larissa можно загрузить отсюда. Я также повернула немного слова с помощью Правка > Трансформация. После этого я применила стили слоя, как показано на скриншотах ниже:

И наконец, последним штрихом я добавила «Внешнее свечение», чтобы слой векторного смарт-объекта выглядел, как показано на рисунке:

Вот, как в конце выглядят моя палитра слоев и изображение:

Это еще один пример изображения, созданный по той же методике:

Поэкспериментировав с различными текстурами, режимами смешивания, а также настройками различных параметров, таких как инвертирование, постеризация, насыщенность и т.д., вы можете получить разные результаты.

Вы также можете сделать текст шероховатым или покрытым ржавчиной, используя разные текстуры. Все зависит от глубины ваших познаний в Photoshop и от вашей фантазии!

РедакцияПеревод статьи «3D Textured Text Effect»

Как создать 3D-текст в Vectary

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

Воспользуйтесь надстройкой 3D-текста и выберите из более чем 1200 встроенных шрифтов Google. Настройте их с помощью инструментов 3D-моделирования и настраиваемых материалов из библиотеки.

• Откройте редактор Vectary 3D.
• Наведите указатель мыши на значок рамки в заголовке и выберите «3D-текст».
• Измените 3D-шрифт на панели свойств справа.
• Добавьте источники света в сцену, измените среду, материалы или добавьте объекты из библиотеки.
• Отрегулируйте вид, вращая сцену или используя гизмо, чтобы повернуть сам текст.
• Загрузите мгновенно отрендеренную сцену 3D-типографики в формате PNG. Просто щелкните значок «Загрузить изображение» внизу сцены.
• Поделитесь своим дизайном или предложите членам команды высказать свое мнение в виде 3D-комментария.

Совет. Измените текст в любой момент в процессе творчества. Когда вы конвертируете его в геометрию на панели свойств, текст нельзя переписать. Однако вы можете редактировать каждую букву отдельно в режиме «Редактировать». Преобразуйте его в геометрию, щелкнув правой кнопкой мыши> «Преобразовать в геометрию» (ярлык E). Войдите в режим редактирования двойным щелчком или правой кнопкой мыши по каждой выбранной букве> «Редактировать геометрию»

Совет 2: Нужен собственный шрифт? Импортируйте текст как файл SVG и легко конвертируйте его в 3D.Подробнее>

Разместите свой трехмерный текст на веб-сайте так же просто, как встраивание видео с YouTube. Пусть ваши посетители тоже увидят это в дополненной реальности! Подробнее>

Пример: откройте этот веб-сайт на iPhone с Safari или Android с Chrome и нажмите значок AR в окне 3D-просмотра ниже:

VECTARY — это первый онлайн-инструмент 3D для реализовать более 1200 семейств шрифтов из библиотеки Google Fonts.Выберите 3D-шрифт, который лучше всего подходит для вашего дизайна, и мгновенно превратите его в 3D с помощью инструмента 3D-текста. Персонализируйте и редактируйте трехмерные буквы с помощью нескольких щелчков мыши.

‍

Написание хорошего текста — это только половина работы. Используйте типографику, чтобы улучшить и дополнить свой копирайтинг, чтобы он приводил к большему количеству конверсий. Поиграйте с цветами, размером, стилем или расположением, чтобы ваш трехмерный текст был легким для понимания и вызвал все нужные эмоции.

Объедините больше умов! Поделитесь своим дизайном с товарищами по команде, чтобы больше из вас могли поработать над ним: некоторые могут настраивать шрифт, а другие могут оставлять отзывы с помощью 3D-комментариев. Бесплатная программа для создания 3D-текста Vectary поддерживает творческую командную работу!

Совместная работа над общим проектом в VECTARY

VECTARY предлагает мощный инструмент для рендеринга в реальном времени, который позволяет вам создавать 3D-типографику с нуля во впечатляющий 3D-графический дизайн, даже если вы: Вы не профессиональный графический дизайнер.

Экспортируйте свой 3D-дизайн типографики в файл PNG и продолжайте работать с ним любыми инструментами, которые вам нужны. Используйте Canva, Illustrator и Photoshop для обработки изображений и создания шаблонов. Когда вы закончите, покажите свои потрясающие работы на Behance, Dribbble или Instagram, чтобы вас заметили.

Жуткая типографика (до)

Жуткая типографика (после)

Экспортируйте 3D-типографику как 3D-фотографию Facebook и перетащите ее в новую публикацию Facebook.Facebook придает вашему дизайну привлекательный эффект параллакса. Это работает и на страницах Facebook!

‍

Часто задаваемые вопросы

Генератор ВЕКТОРНОГО 3D-текста подключен к сети, поэтому вам не нужно ничего скачивать. Он работает во всех современных браузерах, таких как Chrome, Firefox и Safari. Просто нажмите кнопку «Начать создание». После того, как вы зарегистрируетесь и подтвердите свой адрес электронной почты и пароль, вы можете сразу же приступить к созданию.

Создание и редактирование 3D-текста является частью бесплатного плана.

Вы можете загрузить свой 3D-дизайн в виде файла JPG или PNG с прозрачным фоном или выбрать один из множества 3D-форматов: STL, OBJ, GLTF, DAE, 3D-фото Facebook и FBX. Найдите 3D-экспорт в меню «Экспорт» или загрузите PNG внизу сцены.

‍

3D текст | Вещество 3D Stager

Для создания и редактирования 3D-текста

1. Перейдите к Assets> Starter assets> 3D text . Щелкните текстовый объект, чтобы добавить его.
2. Перейдите в Свойства> объект , чтобы изменить настройки текста, выдавливания и скоса.
3. Перейдите в «Свойства»> «Материал», чтобы применить и отредактировать внешний вид текста.

Text Properties управляют настройками текстового движка, например, какие настройки отображения текста, шрифта и интервалов использовать.

Свойства скоса управляют стилистической обработкой края текста, например закругленными, острыми или очерченными краями.

Текст

Отображаемый текст для использования. Нажмите клавишу ввода на клавиатуре, чтобы вставить разрыв строки.

Семейство шрифтов

Семейство шрифтов, используемое для создания объекта 3D Text. Stager отобразит все шрифты, установленные в вашей системе. Шрифты из одного семейства будут отображаться в группе.

Используйте избранное , чтобы установить шрифты для использования с фильтром избранного.

Стиль шрифта

Выберите стиль шрифта из текущего семейства шрифтов, например курсив, полужирный, узкий или другие варианты.Не все семейства шрифтов поддерживают несколько стилей шрифтов.

Межсимвольный интервал

Равномерно изменяет горизонтальный интервал между всеми символами в объекте 3D-текста.

Межстрочный интервал

Равномерно изменяет общую высоту между строками для объектов 3D-текста, которые имеют ввод многострочного текста.

Выравнивание

Управляет распределением строк и символов относительно поворота.

Размер

Отрегулируйте вертикальный и горизонтальный размер объекта 3D Text, измеряемый в единицах сцены. Изменение размера не влияет на глубину текста.

Глубина

Управляет глубиной объекта 3D-текст.Это не влияет на дополнительную глубину, вызванную эффектами скоса.

Bevel

Определяет, должны ли края шрифта использовать настройки скоса.

При отключении края шрифта имеют прямоугольную форму.

Bevel Style

Определяет, какой стиль обработки кромок использовать при включении скоса.