Как создать 3D-эффект для текста на тему фильма «Отряд самоубийц»
В этой статье я расскажу, как создать объемные буквы в Фотошопе, а также различные световые эффекты, чтобы оформить весь дизайн яркими красками:
Вся типографика и брендинг фильма «Отряд самоубийц» разработаны с использованием многоцветного неонового свечения. В трейлере мы видим, как на экране вспыхивает надпись «Worst Heroes Ever», в которой используется шероховатая текстура, различные цвета и яркие световые эффекты:
Чтобы воссоздать текстовый эффект в стиле фильма «Отряд самоубийц» мы будем использовать Photoshop. 3D-функции версии CS6 позволяют воспроизвести случайное расположение букв, а кисти Photoshop и комбинирование режимов смешивания поможет добавить яркие цветные вспышки:
Откройте Adobe Photoshop и создайте новый документ.
Я использую довольно большой размер холста – 3000 на 2000 пикселей. Активируйте инструмент «Текст» и выберите желаемый шрифт для создания объемных букв в Фотошопе. Я использую League Gothic. Введите только первую букву нужного слова:
Нажмите Ctrl + J, чтобы продублировать слой первой буквы столько раз, сколько букв будет в вашем слове. Затем отредактируйте текст в каждом слое и переместите буквы, как нужно:
Выберите слой первой буквы и перейдите в 3D> Новая 3D-экструзия из выделенного слоя, чтобы преобразовать его в 3D-объект:
В Photoshop теперь будет выведен 3D-интерфейс. При выбранном инструменте «Перемещение» аккуратно потяните мышью за 3D-рычаги, чтобы повернуть букву по осям X, Y и Z.
Выберите в палитре слоев следующую букву, а затем создайте новую 3D-экструзию. Настройте расположение этой буквы, повернув ее так, как вам нужно:
Выполните аналогичные действия для всех букв, развернув и расположив их случайным образом. Также можно перемещать и растягивать буквы, чтобы дополнительно смешать их расположение:
Выделите все 3D-слои букв и выберите 3D> Слияние 3D слоев.
Все слои отдельных букв будут объединены в один 3D элемент, что позволит проще текстурировать его:
Выберите в панели «3D» объект «Источник света» и переместите ручку появившегося на экране инструмента, чтобы настроить угол освещения сцены. В панели «Свойства» отключите параметр «Тень»:
Перед тем, как сделать объемные буквы в Фотошопе, нажмите на кнопку «Капитель» и в открывшейся панели установите ширину — 10%, а затем задайте для контура небольшой изгиб, чтобы закруглить края:
После этого в панели «3D» нажмите на «Материал передней выпуклости», а затем, удерживая нажатой клавишу Shift, кликните по самому последнему слою. В панели «Свойства» выберите материал «Метал-сталь»:
Можно использовать бесплатную текстуру потрескавшегося бетона наподобие этой. Откройте изображение в Photoshop, обесцветьте его и настройте контрастность с помощью корректировки уровней. Затем сохраните новый файл в формате JPEG:
Вернитесь к основному документу создания объемных букв в Фотошопе, нажмите на маленькую иконку папки рядом с параметром «Рассеивание» и загрузите текстуру потрескавшегося бетона:
Кроме этого установите для цвета блика черный цвет, для блеска — 100% для отражения — 50%, для плавности — 0%, для непрозрачности — 100% и для коэффициента преломления — 1.
000:
Можно создать «умные» контуры краев, выбрав материалы, которые применяются к «Скосу». Удерживая нажатой клавишу CTRL, кликните на каждом слое «Материала переднего скоса». Удалите конкретную текстуру и задайте для цвета блика и рассеивания белый цвет:
3D-модель все еще выглядит довольно неприглядно, потому что ее нужно визуализировать. Создайте область выделения вокруг текста, затем нажмите на иконку «Рендеринг» в панели «3D». Подождите, пока завершится рендеринг, или нажмите клавишу Esc, когда дизайн будет выглядеть хорошо:
Перейдите в окне Photoshop обратно к основной рабочей среде и добавьте поверх 3D-объекта новый корректирующий слой «Кривые». Затемните темные области, чтобы объемные буквы в Фотошопе выглядели более контрастно:
Быстрый и простой способ добавить к тексту яркие цвета — наложить на сцену изображение космического пространства. Найдите в интернете нужное изображение, которое соответствует вашей цветовой гамме, и установите для него режим наложения «Умножение»:
Удерживая CTRL, кликните по миниатюре 3D-слоя, чтобы выделить его, а затем используйте выделение, чтобы обрезать текстуру по контуру текста с помощью маски слоя.
Выберите мягкую черную кисть и нарисуйте в маске слоя черные области, чтобы вручную удалить текстуру в верхней части букв:
Чтобы усилить цвета нарисованных букв объемных в Фотошопе, добавьте корректирующий слой «Сочность», изменив его настройки по своему усмотрению. Будьте осторожны, чтобы не слишком перенасытить цвета:
Скачайте бесплатную кисть брызг аэрозольного балончика и подберите для нее цветовой оттенок с изображения. Настройте размер и положение кисти, а затем нанесите несколько брызг в новом слое:
Добавьте к слою брызг маску слоя, а затем с помощью той же кисти удалите ненужные области, которые перекрывают основной текст:
Добавьте второй слой брызг и используйте другую кисть, чтобы добавить небольшие брызги по краям букв. Добавьте к этому слою маску слоя и сотрите ненужные части текста:
Цвета космического пространства можно улучшить или изменить, наложив на них другие цвета. На новом слое закрасьте текст с помощью мягкой кисти. Выделите 3D-текст и снова удалите лишние части этого слоя вне контура букв, а затем измените его режим смешивания на «Мягкий свет».
Уменьшите значение для «Заливки», чтобы смягчить эффект наложения цвета в объемных буквах в Фотошопе:
Выберите в палитре цветов ярко-розовый оттенок и в новом слое нанесите по всему тексту несколько пятен различного размера. Подрежьте этот слой по контуру текста и установите для него режим наложения «Осветление основы». Уменьшите значение заливки до 70-80%:
Добавьте еще один новый слой и выберите мягкую белую кисть. Случайным образом нанесите на текст светлые участки, а затем, изменяя форму кисти и разворачивая ее, чтобы она соответствовала краям букв, нанесите по краям несколько бликов. Установите для этого слоя режим наложения «Осветление основы», непрозрачность — 60%:
Выберите инструмент «Перо» и с его помощью очертите угол одной из букв. Удерживая клавишу CTRL, кликните по холсту, чтобы завершить контур и перейти к следующей букве. Нанесите несколько коротких контуров вдоль углов различных букв:
Переключитесь на инструмент «Кисть» и выберите для нее форму круга.
Задайте для кисти жесткость — 0%, размер — около 5 пикселей и ярко-голубой цвет. Затем снова переключитесь на инструмент «Перо» и, кликнув правой кнопкой мыши, выберите из контекстного меню пункт «Обвести контур». Выберите нужную кисть и установите флажок для опции «Имитировать нажим»:
Эти короткие контуры превратятся в красивые светлые блики. Установите режим смешивания слоя на «Осветление основы», а затем, если нужно будет создать более яркое свечение для нарисованных букв объемных в Фотошопе, добавьте стиль слоя «Внешнее свечение», установив белый цвет:
Окончательный результат будет похож на надпись из трейлера фильма «Отряд самоубийц». Нанося пятна различного цвета и устанавливая режимы смешивания «Осветление основы» или «Мягкий свет», можно создать интересные световые эффекты.
Вадим Дворниковавтор-переводчик статьи «How To Create a Suicide Squad Inspired 3D Text Effect»
Создаем 3D-текст в Фотошоп • ARTshelter
В этом уроке я покажу вам, как создать 3D-текст в Фотошоп.
По ходу вы научитесь работать с 3D-инструментами, настраивать форму текста, создавать источники света, добавлять материалы и сохранять финальный результат. Для работы вам понадобится версия Photoshop CC или CS6 Extended.
3D-текст в Фотошоп: создание основы
Шаг 1
Для начала создаем новый файл File – New (Файл – Новый). Выбираем любой размер, Resolution (Разрешение) – 72 пикселя/дюйм, цветовой режим RGB.
Активируем инструмент Type Tool (T) (Текст) и пишем любое слово. Я использовала шрифт Streetwear: переходим по ссылке и жмем на кнопку Download.
Шаг 2
Проверяем, чтобы на панели слоев был выбран текстовый слой, и переходим 3D – New 3D Extrusion from Selected Layer (3D – Новая 3D-экструзия из выделенного слоя).
Работаем с 3D
Шаг 3
После этого текст превратился в 3D-объект со стандартными настройками. Перед редактированием давайте подкорректируем параметры сцены.
На панели Window – 3D (Окно – 3D) выбираем созданный 3D-объект (в данном случае надпись Beautiful) и на панели Window – Properties (Окно – Свойства) переходим на вкладку Coordinates (Координаты). Устанавливаем угол X на 90 градусов.
Шаг 4
Далее на панели 3D выбираем Current View (Текущий вид) и на верхней панели активируем первый 3D Mode (3D-режим) – Поворот. Кликаем и тянем мышкой за пределами текста, пока на рабочем документе не появятся красная и синяя оси.
Шаг 5
Переходим на вкладку Coordinates (Координаты) и во второй колонке устанавливаем поворот по оси X на 90 градусов.
Шаг 6
При необходимости, выбираем режим Перемещением и корректируем положение текста, чтобы он располагался четко по центру.
Создаем фон
Шаг 7
Давайте добавим фон. Возвращаемся на панель слоев, активируем Rectangle Tool (U) (Прямоугольник) и рисуем фигуру по размеру всего документа.
Шаг 8
Затем применяем к фигуре 3D – New Mesh from Layer – Depth Map to – Plane (3D – Новая сетка из слоя – Карта глубины – Плоскость).
Шаг 9
Выбираем оба слоя 3D-слоя и переходим 3D – Merge 3D Layers (3D – Слияние 3D-слоев).
Шаг 10
На верхней панели выбираем самый последний 3D-режим и корректируем размер прямоугольника, чтобы он полностью заполнял всю сцену. Если потянуть за ось Z (синяя стрелка), то можно увеличить толщину надписи.
Настраиваем текст
Шаг 11
Теперь настроим параметры 3D-текста. На панели Properties (Свойства) переходим на первую вкладку и выбираем
Шаг 12
Для настройки объекта переходим на вкладку Cap (Капитель). Здесь с помощью множества параметров можно выполнить тонкую настройку фигуры.
Я решила добавить простую обводку с очень тонким скосом и небольшим отступом.
Шаг 13
Пришло время поработать с источником света. Внизу панели 3D находим компонент Infinite Light (Бесконечный свет) и выбираем его. Поверх текста появится сфера. Если ее подвигать, то вы измените положение света.
Шаг 14
На панели свойств корректируем Intensity (Интенсивность) и Softness (Сглаживание).
Шаг 15
Создадим еще один источник света. В нижней части панели 3D кликаем на значок в виде лампочки и выбираем New Infinite Light (Новый бесконечный свет).
Шаг 16
Временно отключаем первый источник света и перемещаем второй свет так, чтобы он освещал, в основном, контуры надписи. Также следите, чтобы тень была плавной.
Шаг 17
На панели 3D переходим на вкладку Materials (Материалы) и на панели свойств выбираем новые цвета для каждого материала.
Шаг 18
Закончив с цветами, жмем на кнопку выбора материала и выбираем New Material (Создать материал).
Шаг 19
В списке материалов на панели 3D выбираем прямоугольник и применяем для него материал.
Шаг 20
Если хотите, чтобы тени были светлее, можете изменить цвет Global Ambient (Глобальное освещение). Для этого выбираем компонент Environment (Среда) и на панели свойств настраиваем нужный цвет освещения. Также чуть ниже можете настроить интенсивность этого света.
Рендеринг 3D-текста в Фотошоп
Шаг 21
Закончив, в нижней части панели свойств жмем на кнопку рендеринга. После его завершения вы увидите, как на самом деле выглядит результат работы.
Это может занять достаточно много времени, в зависимости от сложности сцены. Но даже спустя несколько слоев обработки, вы увидите примерный результат.
Шаг 22
Если вы заметили недостатки, нажмите клавишу Escape, чтобы остановить рендеринг. Подкорректируйте все, что необходимо: интенсивность освещения, его направление или настройки материалов. Не бойтесь останавливать рендеринг! Лучше несколько раз это сделать и довести работу до ума, чем спустя длительный процесс визуализации финальной картинки жалеть о том, что вы вовремя не исправили мелкие ошибки.
На этом все! Теперь вы знаете, как создавать 3D-текст в Фотошоп. Надеюсь, урок вам понравился. Пишите комментарии, показывайте свои результаты и делитесь публикацией в соц. сетях. Приятного творчества!
Как создать простой 3D-текст в Adobe Photoshop
Автор Эмма Гарофало
3D-текст — отличный способ добавить очарования проекту. Мы собираемся показать вам, как добиться этого с помощью Photoshop.
Элементы 3D-графики потрясающие. Многие предполагают, что вам нужно использовать что-то сложное, например, Maya или Blender, если вы хотите создать что-то вроде 3D-текста, но есть множество других более доступных систем, которые так же способны на это.
Adobe Photoshop как раз является одним из них. 3D-функции Photoshop постепенно устаревают, но пока они работают нормально. Вот как вы можете создавать 3D-текст в Photoshop для своих собственных проектов.
Как создать 3D-текст в Photoshop
Для начала откройте Photoshop. Используйте инструмент Text , чтобы создать текстовое поле на холсте. Добавьте тестовое слово шрифтом и цветом по вашему выбору. Вам не нужно его растрировать; на самом деле, если вы пренебрежете этим, вы действительно сможете редактировать свой текст с применением эффектов после него.
Если панель 3D еще не прикреплена к группе панелей «Слои и каналы», используйте раскрывающийся список Окно и выберите
Используйте Выбранные слои в качестве источника 3D-объекта. Мы собираемся выполнить простое выдавливание; Вы можете видеть, что у нас есть 3D Extrusion , выбранный соответственно.
После попадания Создать , вы должны увидеть экструзию на холсте.
Что ж, это, конечно, что-то, но не совсем то, что мы имели в виду.
Вверху, рядом с 3D-режимом , вы найдете несколько элементов управления, которые помогут вам исследовать и работать со своим 3D-текстовым слоем; вы можете Повернуть
Элементы управления камерой находятся в левом нижнем углу панели холста, рядом с панелью инструментов. Здесь у вас есть три варианта: вы можете Орбита камера вокруг вашего объекта, Панорамирование камера вперед и назад и Долли камера в «сцене» и вне ее.
Давайте попробуем сделать выдавливание трехмерного текста немного менее… скучным. Щелчок правой кнопкой мыши по области холста открывает огромное меню, полное других опций. Мы пока не будем слишком углубляться в такие вещи, как освещение — вместо этого мы обратим внимание на некоторые из этих других, более объектно-ориентированных настроек.
Связанный: Как создать 3D-кнопки в Photoshop
Раскрывающийся список Presets — это один из инструментов, который дает вам большой контроль над вашим текстовым 3D-слоем. Неосвещенная текстура , например, придает нам классный графический вид.
Каркас дает нам каркасную визуализацию 3D-текста.
Пресет Normals , надо признать, не дал нам того, что мы ожидали. Тем не менее, это самый визуально ошеломляющий из всех. Мы собираемся позволить ему летать сейчас.
Щелчок правой кнопкой мыши по самому 3D-объекту вызывает другое меню — все вкладки вверху соответствуют Материалы , Сетка , Деформация , Крышка и Координаты .
Вероятно, наиболее полезной среди них для новичков будет вкладка «Деформация». Здесь вы найдете пару ползунков, которые позволяют вам Twist или Taper конец экструзии, а также пару элементов управления углом и смещением для самой экструзии.
Это смелый взгляд, и есть много направлений, в которых мы могли бы использовать этот дизайн. Покопайтесь, проведите небольшое исследование и посмотрите, что вы можете придумать отсюда. Мы едва коснулись поверхности.
Связанный: Как использовать Photoshop и After Effects для создания анимированной графики
Доведение текста до предела
В нашем постпандемическом мире параволн люди хотят быть ослепленными визуальными презентациями.
Если вы графический дизайнер, стремящийся встряхнуть, 3D-текстовые эффекты могут использоваться для создания привлекательных, живых макетов, которые говорят о многом.
Это только один чрезвычайно простой пример того, что вы можете сделать с помощью этого аккуратного маленького инструмента в Photoshop. Трехмерный текст очарователен, привлекает внимание и является отличным способом выделить что-то важное.
Как сделать 3D-текст в Photoshop 2022
Трехмерный текст — всегда увлекательная тема для пользователей фотошопа. Это может выявить творческий потенциал дизайнера. Если вы хотите узнать, как сделать 3D-текст в Photoshop, я расскажу вам об этом уроке. В этом уроке я покажу вам, как сделать 3D-текст в Photoshop. Итак, прочитайте эту статью до конца и внимательно следуйте инструкциям, у вас все получится. Это способ сделать 3D-текст. Итак, давайте посмотрим, как это сделать:
Шаг 1: Создайте новый документ
Прежде всего, создайте новый документ.
Для этого перейдите в меню «Файл» и выберите пункт «Создать». Вы увидите, что появилось окно, в котором вы можете выбрать предустановленный холст или создать собственный холст. Доступны различные предустановленные разделы, такие как фотографии, печать, искусство и иллюстрация, Интернет, мобильные устройства и фильмы и видео. Итак, перейдите в один из этих разделов, выберите предустановленный холст, который вы хотите, и нажмите кнопку «Создать». Если вы хотите создать собственный, укажите размер «Ширина» и «Высота» и нажмите кнопку «Создать». После этого будет создан новый документ.
Шаг 2. Добавьте текст в новый документ и создайте объемный текст
- Теперь вам нужно написать текст. Для этого щелкните текстовый значок «T» на левой боковой панели инструментов. Или, в качестве альтернативы, просто нажмите кнопку «t» на клавиатуре, текстовый инструмент активируется. Затем щелкните документ и напишите текст.
- Теперь увеличьте размер текста, если хотите.
Чтобы увеличить размер, сначала выберите инструмент перемещения на левой боковой панели инструментов. Затем выберите текстовый слой и нажмите «CTRL+T» на клавиатуре. Теперь нажмите и удерживайте угол текста и увеличьте размер в соответствии с вашими предпочтениями. После изменения размера текста нажмите «Enter» на клавиатуре или нажмите «v» на клавиатуре, чтобы остановить свободное преобразование. «V» в фотошопе — это выбор «Move tool» - Теперь перейдите в меню «3D» и выберите параметр «Новое 3D-выдавливание из выбранного слоя». Появится диалоговое окно. Нажмите кнопку «ОК». Появится панель «3D».
- Ваш текст будет в основном преобразован в 3D.
- Теперь перейдите в меню «Окно» и нажмите «Свойства». Появится панель «Свойства». Там вы увидите различные конфигурации.
- Теперь перейдите на панель «3D» и выберите текстовый слой, а затем перейдите на панель «Свойства» и щелкните параметр «Предустановка формы».
Теперь выберите любой дизайн, который вы хотите. - Если вы хотите увеличить или уменьшить «Глубину выдавливания», просто сдвиньте ползунок влево или вправо.
- Теперь, если вы хотите увеличить или уменьшить тень текста, перейдите на панель «3D» и выберите слой «Бесконечный свет», а затем перейдите на панель «Свойства» и выберите параметр «Тень».
- Если вы хотите увидеть 3D-эффект со всех сторон, нажмите и удерживайте текст с помощью мыши и наведите курсор.
- Если вы хотите настроить больше, перейдите на панель слоев, выберите текстовый слой, перейдите в меню «Окно» и нажмите «Свойства». Теперь вы можете изменить свечение, металлик, шероховатость и т. д.
- Снова перейдите на панель «3D», выберите слой «Окружающая среда», перейдите в меню «Окно» и нажмите на опцию «Свойства». Теперь вы можете изменить цвет и другие вещи оттуда.
- Вот и все.
Видеоруководство о том, «Как сделать 3D-текст в Photoshop», кто действительно не хочет читать всю статью, просто посмотрите видео ниже.
