Как создать 3D-эффект для текста на тему фильма «Отряд самоубийц»

0 ∞

В этой статье я расскажу, как создать объемные буквы в Фотошопе, а также различные световые эффекты, чтобы оформить весь дизайн яркими красками:

Вся типографика и брендинг фильма «Отряд самоубийц» разработаны с использованием многоцветного неонового свечения. В трейлере мы видим, как на экране вспыхивает надпись «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»

Пожалуйста, оставьте ваши комментарии по текущей теме статьи. За комментарии, лайки, подписки, дизлайки, отклики низкий вам поклон!

PhotoshopSunduchok — 3d буквы в фотошопе

Автор: NON. Дата публикации: . Категория: Уроки фотошопа текст.

В этом уроке будет показан простой способ создания 3d букв в фотошопе. Причём мы сделаем так, чтобы созданные буквы были на прозрачном фоне и их сразу можно будет перенести на необходимую Вам фотографию.

Подобные публикации:

  • урок «Как сделать объемные буквы»

{smooth-scroll-top}

Создадим новый документ произвольного размера — Ctrl+N, фон — прозрачный.

Выберем инструмент «Горизонтальный текст» (Т) и напишем произвольное слово.

Нам необходимо трансформировать текст, чтобы качество текста не ухудшилось, применим такой способ. Правой кнопкой мыши щёлкнем по текстовому слою и в раскрывшемся списке выберем пункт «Преобразовать в кривые».

Вот так сейчас выглядит палитра «Слои». Применим свободное трансформирование — Ctrl+T.

Правой кнопкой мыши щёлкнем внутри рамки трансформации и в появившемся списке выберем пункт «Перспектива».

Верхний правый маркер передвинем вертикально вверх, применим трансформирование — Enter.

Правой кнопкой мыши щёлкаем по слою и в раскрывшемся списке выберем пункт «Растрировать слой».

Создадим дубликат слоя — Ctrl+J.

Удерживая клавишу Ctrl, щёлкнем по иконке нижнего слоя — загрузим выделение букв.

Сделаем активным нижний слой (щёлкнем по нему левой клавишей мыши), на передний план установим чёрный цвет (нажмём клавишу «D»), зальём буквы на нижнем слое чёрным цветом — Alt+Delete и снимем выделение — Ctrl+D.

При активном нижнем слое, будем удерживать клавиши Ctrl и Alt. Клавишей стрелкой на клавиатуре вправо щёлкаем несколько раз и наблюдаем, как растёт объём у букв.

Я щёлкнул 22 раза. В палитре «Слои» образовалось 22 копии нижнего слоя.

Получились вот такие 3d буквы в фотошопе.

Сольём все слои вместе — Shift+Ctrl+E.

Сохраним файл в нужном формате, чтобы буквы можно было сразу переносить на фотографию без фона. Перейдём в «Файл — Сохранить как».

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

Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта — подпишитесь на рассылку сайта. Форма для подписки находится ниже.

Скачать урок (401 Кб) в формате PDF:


Если Вам понравился совет, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо!

{smooth-scroll-top}

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

Как создать простой 3D-текст в Adobe Photoshop

Элементы 3D-графики великолепны. Многие предполагают, что вам нужно использовать что-то сложное, например, Maya или Blender, если вы хотите создать что-то вроде 3D-текста, но есть множество других более доступных систем, которые так же способны на это.

Adobe Photoshop как раз один из них. 3D-функции Photoshop постепенно устаревают, но пока они работают нормально. Вот как вы можете создавать 3D-текст в Photoshop для своих собственных проектов.

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

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

Если панель 3D еще не прикреплена к группе панелей «Слои и каналы», используйте раскрывающийся список Окно и выберите 3D из списка панелей, чтобы включить его. Панель 3D предлагает несколько вариантов для вашего текстового слоя.

Использовать выбранных слоев в качестве источника 3D-объекта. Мы собираемся выполнить простое выдавливание; вы можете видеть, что у нас есть 3D Extrusion , выбранный соответственно.

После нажатия кнопки Create вы сможете увидеть экструзию на холсте.

Что ж, это конечно что-то, но это не совсем то, что мы имели в виду.

Вверху, рядом с 3D-режимом , вы найдете несколько элементов управления, которые помогут вам исследовать и работать со слоем 3D-текста; вы можете Rotate , Roll , Drag , Slide и Scale 3D объект с помощью этих инструментов.

Элементы управления камерой находятся в левом нижнем углу панели холста, рядом с панелью инструментов. Здесь у вас есть три варианта: вы можете Орбита камера вокруг вашего объекта, Панорамируйте камеру вперед и назад, а Dolly камеру внутрь и за пределы «сцены».

Давайте попробуем сделать это трехмерное выдавливание текста немного менее… скучным. Щелчок правой кнопкой мыши по области холста открывает огромное меню, полное других опций. Мы пока не будем слишком углубляться в такие вещи, как освещение — вместо этого мы обратим внимание на некоторые из этих других, более объектно-ориентированных настроек.

Связанный: Как создать 3D-кнопки в Photoshop

Пресеты 9Раскрывающийся список 0010 — это один из инструментов, который дает вам большой контроль над вашим текстовым 3D-слоем. Неосвещенная текстура , например, придает нам классный графический вид.

Каркас дает нам каркасную визуализацию 3D-текста.

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

Щелчок правой кнопкой мыши по самому 3D-объекту вызывает другое меню — все вкладки вверху соответствуют Материалы , Сетка , Деформация , Крышка и Координаты .

Возможно, наиболее полезной среди них для новичков будет вкладка «Деформация». Здесь вы найдете пару ползунков, которые позволяют вам Twist или Taper хвост экструзии, а также пару элементов управления углом и смещением для самого экструзии.

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

Связано: Как использовать Photoshop и After Effects для создания анимированной графики

Доведение текста до предела

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

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

  • Все элементы 3
    • Категории

      Действия и пресеты

      318

      Кисти

      12

      Стили слоев

      561

      Палитры

    • Поддержка приложений ред

      Adobe Photoshop

      824

      Adobe Lightroom

      12

      Adobe Illustrator

      4

      Procreate

      Sketch

    Refine by

    Очистить

    • Категории

      Действия и пресеты

      318

      Кисти

      12

      Стили слоев

      561

      Палитры

    • Поддерживаемые приложения

      Adobe Photoshop

      824

      Adobe Lightroom

      12

      Adobe Illustrator

      4

      Procreate

      Sketch

    Сортировать по РелевантнымПопулярнымНовым

      9 0111

      3D Text Effects V1

      Автор: DesignerCow Эффекты

      By Sko4

      Добавить в коллекцию

      Скачать

    • Cinematic 3D Text

      Автор creativeartx

      Добавить в коллекцию 9Добавить в коллекцию

      By Easybrandz-AvelinaStudio

      Добавить в коллекцию

      Скачать

    • Гранж-3D Текстовый эффект

      Автор nathatype

      Добавить в коллекцию

      Скачать

    • золотой 3d текстовый эффект

      Автор Mt_project

      Добавить в коллекцию

      Скачать

    • Summer 3D Text Effect

      By namdinhcity

      Добавить в коллекцию

      Скачать

    • summer 3d text effect 900 03

      By wudelmbois

      Добавить в коллекцию

      Скачать

    • Белый 3D текст Эффект

      Автор: pixelbuddha_graphic

      Добавить в коллекцию

      Скачать

    • 3D Текстовый эффект градиента

      Автор: Dysastudio

      Добавить в коллекцию

      Скачать

    • Classic — 3D Текстовый эффект Мокап с 3D-текстовым эффектом

      By Morad

      Добавить в коллекцию

      Скачать

    • Добавить в коллекцию0003 Добавить в коллекцию

      Скачать

    • 3D Fruit Text Effects

      By Bornx

      Добавить в коллекцию

      Скачать

    • 90 002 Blue 3D Psd Text Effect

    • Цыпленок Мультфильм 3D Текстовый Эффект

      By Syifa5610

      Добавить в коллекцию

      Скачать

    • Многослойный текстовый эффект 3D типографика 9Скачать

    • Мокап с эффектом анаглифического 3D-текста

      By Veila

      Добавить в коллекция

      Скачать

    • 6 Psd Vintage 3d Text Effect

      By 2lagus

      Добавить в коллекцию

      Скачать

    • Back to School 3d Text Effect Style

      By Xvector

      Добавить в коллекцию

      Download

    • Electric Chrome 3D Reflective TEXT FX

      By SupremeTones

      901 08 Добавить в коллекцию

      Скачать

    • Металл и золото 3d Редактируемый текстовый эффект

      By roziselo

      Добавить в коллекцию

      Скачать

    • 3D Holographic Chrome PSD Text Effect

      Автор lazydazie

      Добавить в коллекцию

      Скачать

    • 3D текст с эффектом дерева на черном дереве

      Автор dokudokunomi

      Добавить в коллекцию

      Скачать

    • 90 111

      3d шаблон текстового эффекта демона темной стороны

      By HitamManisProject

      Добавить в коллекцию

      Загрузить

    • Winter Icy Frozen Realistic 3D Text Effects

      Автор: dideetz

      Добавить в коллекцию

      Скачать 9

      Добавить в коллекцию

      Автор ivanrosenberg

      Добавить в коллекцию

      Скачать

    • Текстовые 3D-эффекты V2

      Автор: Designercow

      Добавить в коллекцию

      Скачать

    • Текстовые 3D-эффекты в золоте — 10 PSD

      Автор Sko4

      Добавить в коллекцию

      Скачать

    • 3D Text — Photoshop Action vol 2

      By Sko4 11 Vegan Text Effect

      By Typemacz

      Добавить в коллекцию

      Скачать

    • 3D ПОП! Эффекты Photoshop Том.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *