Введение в 3D-текст в Photoshop

Photoshop — удивительное программное обеспечение для разработки, и играть с 3D-текстом в Photoshop также очень весело. 3D-текст дает трехмерный вид и реалистичный вид вашего текста. В учебнике по трехмерному тексту вы узнаете о различных формах, формах, настройках, а также выравнивании трехмерного текста. Здесь вы очень легко и с удовольствием познакомитесь со «Как создать 3D текст в Photoshop». Для этого упражнения у вас будет минимальная версия Photoshop для CS6, и вы получите лучший результат с версией CC.

Шаги для создания 3D текста в Photoshop

Здесь вы будете изучать 3D текстовые сообщения шаг за шагом. Давайте начнем с хладнокровия и получим удовольствие от нашей работы.

Шаг 1: Выберите «Файл» и нажмите «Создать».

Следуя вышеприведенному шагу, мы откроем диалоговое окно в нашей рабочей области. В этом диалоговом окне я установлю ширину страницы 1200 пикселей и высоту 700 пикселей и разрешение 200 пикселей / нишу для достижения наилучшего результата. Я выберу белый цвет фона моего документа, вы можете выбрать любой цвет в соответствии с вашим текстом.

Здесь вы также можете установить цветовой режим, например, RGB или CMYK для разных целей. Нажмите кнопку Создать в диалоговом окне для настройки этих измерений.

Шаг 2: Перейдите на панель инструментов и здесь мы возьмем текстовый инструмент с панели инструментов.

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

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

Я добавлю подчеркивание ниже моего текста с помощью инструмента «Прямоугольник», чтобы сделать мой текст эффективным, а также напишу еще один текст, например «ЭФФЕКТ», и буду управлять его размером и текстовым разрывом в соответствии с моим предыдущим текстом, выполнив те же действия, что и предыдущий текст.

Шаг 3: Теперь мы будем работать со слоями.

Здесь у нас есть четыре слоя в нашем текущем рабочем пространстве, то есть слой 3D TEXT, слой Rectangle 1, слой EFFECT и слой Background.

Мы выровняем все три слоя текста по центру, используя инструмент перемещения из панели инструментов с фоном.

Результаты слоя,

Шаг 4: Преобразовать в слои Shape и Merge.

Чтобы преобразовать наш текст в форму, щелкните правой кнопкой мыши «3D Text layer» и выберите опцию «convert to shape». Мы сделаем то же самое со слоем EFFECT.

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

Теперь у нас будет новый объединенный слой.

Щелкните правой кнопкой мыши по этому слою и выберите «Новое 3D-выдавливание из выбранного слоя».

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

Шаг 5: Преобразование фона в открытку.

Перейдите на фоновый слой, щелкните его правой кнопкой мыши и выберите вариант открытки, щелкнув по нему.

Выберите фоновый слой и слой трехмерного текста, удерживая клавишу Ctrl, щелкая их по одному и нажимая Ctrl + E, чтобы объединить их.

Шаг 6: Установите параметры трехмерного текста.

Здесь у нас есть три варианта в нашей рабочей области в нижнем правом углу, то есть 3D, Слои и Каналы. Мы можем перейти к любому из вариантов в любое время, просто щелкнув по ним для настройки их параметров.

Теперь выберите параметр 3D из этих параметров, чтобы установить параметры 3D-текста, выберите параметр «Эффекты» и снова щелкните «эффект переднего инфляционного материала».

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

В верхнем правом углу появится диалоговое окно с заголовком «Свойства». Теперь я установлю некоторое значение 3D-текста для придания лучшего эффекта нашему 3D-тексту.

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

Теперь вот ваш последний эффект 3D текста.

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

Шаг 7: Дайте Render вашему 3D тексту.

Для рендеринга просто нажмите на параметр 3D и выберите « Render 3D Layer», чтобы придать эффекту рендеринга ваш 3D-текст.

Здесь вы можете увидеть эффект рендера в моем 3D тексте выглядит очень круто. Вы также можете сделать этот эффект в вашем собственном 3D тексте.

Вывод

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

Рекомендуемые статьи

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

1. Учебники для создания 3D-текста в Blender
2. Какие типы 3D-эффектов в Illustrator
3. Введение в программное обеспечение 3D-анимации
4. Узнайте о лучших программах для 3D моделирования
5. 3D-эффекты в After Effects

3D текст в фотошопе. Самый простой способ!

Дек 30

Создаем 3D текст в Фотошопе

Заключение

Как сделать 3d шрифт в фотошопе cs6. Объемный текст в фотошопе

Это действие сразу выдавит текст и под буквами появится поверхность плоскости основания:

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «PLAY». Созданный из него 3D-слой называется так же. Найдите его в панели 3D и кликните по нему. Затем, если не открылась сама, откройте панель свойств (Окно —> Свойства или Window —> Properties) и задайте глубину экструзии (Extrusion Depth) в 0:

Буквы стали плоским, что нам и нужно.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели свойств нажмите на третий значок слева, в этом разделе мы можем изменить угол и интенсивность раздувания фигуры фигуры.

Сначала, кликните по выпадающему меню «Стороны» (Sides) вверху панели и установите на «Спереди и сзади» (Front and Back). Затем перейдите к разделу «Раздувание» (Inflate) и установите «Угол» (Angle) на 90 ° и «Интенсивность» (Strength) на 20%. Буквы сразу становятся раздутыми. Это хорошо видно на дополнительном виде сверху:

ШАГ ПЯТЫЙ: На данный момент все буквы в слове являются единым объектом. Я же хочу использовать каждую букву, как отдельный элемент. Но, перед тем, как разделить объект из букв, давайте настроим свойства поверхности объекта. На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств, в окне выбора материалов найдите материал с названием «Без текстуры» (No Texture):

Продолжим работу с панелью свойств. Нажмите на прямоугольник-образец цвета рядом с Рассеиванием» (Diffuse) и выберите белый в палитре цветов, затем нажмите OK. Установите «Блеск» (Shine) на 100%, «Отражение» (Reflection) на 75%, «Плавность» (Roughness) около 25% и «Рельеф» (Bump) 10%:

ШАГ ШЕСТОЙ: Пройдите по вкладке главного меню 3D —> Разделить экструзию (3D —> Split Extrusion). Это позволит Вам манипулировать с каждой буквой в отдельности, сохраняя при этом все буквы в том же 3D-слое. Переключитесь на инструмент «Перемещение (Move Tool) и наведите курсор на первую букву. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить позицию и масштаб этой буквы, не затрагивая остальные буквы:

ШАГ СЕДЬМОЙ: Давайте раскрасим каждую букву в свой цвет, начнём с выбранной на данный момент самой левой буквы. В панели 3D нажмите на На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств нажмите на квадратик рядом с » Рассеиванием» (Diffuse) и выберите, к примеру, зелёный цвет в палитре цветов. Нажмите OK. Сделайте то же самое для остальных букв, задавая каждой из них свой цвет. Вы заметите, что отражающие свойства поверхностей букв остаются без изменений, даже при изменении цвета:

Обращаю Ваше внимание, что в панели 3D надо переключать на «Материал передней выпуклости» для каждой отдельной буквы:

ШАГ ВОСЬМОЙ (для Photoshop CS6): Если Вы используете Photoshop CC, то Вы видите несколько отражающих бликов на 3D-объектах. Эти блики создаются по умолчанию основе освещения IBL (Image Based Light — источник света на базе изображения). В Photoshop CS6 изображение, на основе которого эти источнике света, по умолчанию сплошное чёрное, т.е. никаких источников нет, соответственно, и бликов не будет. На рисунке ниже я показал, как выглядит это изображение в Photoshop CC, также, я показал, каким образом можно открыть и посмотреть изображение IBL:

Это изображение похоже на потолочные светильники, оно и создаёт эффект бликов на буквах. Поэтому, в Photoshop CS6 его надо создать самостоятельно. Действия по созданию новой текстуры похоже на действия на рисунке выше, только вместо «Редактировать текстуру» (Edit Texture) нажмите строку «Новая текстура» (New Texture). Photoshop автоматически откроет окно создания нового документа, введите размеры 538 на 302 пикселя и нарисуйте серо-белый холст, похожий на показанный на рисунке выше, затем сохраните документ.

ШАГ ЗАВЕРШАЮЩИЙ: Освещение готово, и 3D текст разделен на буквы. Теперь, Вы можете с помощью инструментов 3d перемещения, масштаба и виджетов перемещать, наклонять и масштабировать буквы. Кроме того, буквы будут взаимодействовать друг с другом, отражая не только источники света, но и друг друга. Это будет видно после проведения рендериннга. И не забывайте, что даже если вы можете манипулировать с каждой буквой в отдельности, все они по-прежнему остаются на одном 3D-слое.

В Photoshop CC имеется прекрасная система текстовых подсказок. Когда Вы наводите курсор на объект, отображается «габаритный контейнер» объекта, или Gismo, а также его оси. Далее наводим и перемещаем курсор вдоль одной из осей, и Photoshop выдаёт нам варианты, напр., «вращение по оси Z», «перемещение вдоль оси Y», «масштаб вдоль оси X» и т.д.:

Вот как выглядит мой финальный результат. Этот рисунок получен после рендеринга документа, запустит рендеринг можно клавишами Ctrl+Shift+Alt+R:

На финальном изображении я скрыл 3D плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

В данном уроке мы рассмотрим основные инструменты программы фотошоп для работы с 3D объектами, а именно с текстом.

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

1) Создадим новый документ, необходимого Вам размера, я задал квадратный размер 1024 на 1024 пикселя. Для этого в верхнем меню слева выбираем «Файл» — «Создать» и устанавливаем необходимые параметры. Если вы не опытный пользователь программы фотошоп, то рекомендую ничего не менять, оставить все параметры по умолчанию, кроме размера документа.

2) Теперь напишем текст, который в дальнейшим будем делать трехмерным. Для этого в левом боковом меню программы выбираем инструмент «Текст», кликнув по нему левой кнопкой мыши.

Теперь, выбрав необходимый инструмент, кликаем левой кнопкой мыши на нашем холсте и печатаем необходимый текст. Для настройки размера текста, шрифта, его цвета и тп.. необходимо в панельке с правой стороны выбрать вкладку «Символ».

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

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

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

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

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

Вот, к примеру, регулируя ползунок настройки «Скручивание» я получил вот такой интересный эффект:

6) Создав необходимый вам текст с эффектами и нужным ракурсом его можно преобразовать в «Смарт-объект» и работать с ним уже как с обычным слоем, а не 3D объектом. Для этого в правой нижней панели перейдите из вкладки «3D» во вкладку «Слои» и выберите слой с текстом, нажмите на нем правой кнопкой мыши и выберите «Преобразовать в Смарт-объект». Но учтите, после преобразования текста в Смарт-объект вы его уже не сможете редактировать, т.е. изменить сам текст надписи, поменять шрифт, сменить эффекты 3D и т.п., поэтому данное действие лучше делать по окончанию работы.

7) Если вы хотите сделать надпись допустим на половину скрученой, а вторую часть надписи просто объемной и повернутой боком, то соответственно изначально вам необходимо создать два разных слоя в каждом из которых будет часть этой надписи и с каждым из слоев работать по отдельности, редактируя часть надписи.

Как сделать объемный 3D текст с «Фотошоп» CS6 и CS5

Программа Adobe Photoshop в первую очередь является редактором растровой графики. Но не менее хорошо она справляется и с другими задачами. Мы уже знаем о её возможностях по работе с векторными фигурами. Ещё программа способна преобразовывать обычные фигуры в трехмерные.

3D текст в «Фотошоп» CS5

На этом уроке речь пойдет о работе с 3D текстом в «Фотошопе» CS5 или более поздней версии. Лучше всего для этих целей всё же подходит самая последняя версия, входящая в состав Creative Cloud. Именно в ней имеется наибольшее количество инструментов для обработки объемного текста.

Сделать объемный текст в «Фотошоп»

Для начала вам необходимо открыть «Фотошоп» и создать новый файл. Задайте разрешение 600 x 600 пикселей. Сразу при создании документа выберите черный цвет и залейте им изображение (для этого используется инструмент «Заливка»). Возьмите инструмент «Горизонтальный текст» и напишите белым цветом одно слово. Подберите подходящий шрифт и его размер. В нашем случае это KorinnaBlackC с кеглем в 172 пункта. Текст лучше писать заглавными буквами.

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

3D текст в «Фотошоп» CS6

3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D». Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись. Прямо во время оформления объемного текста в «Фотошопе»! Однако не всё так просто. 3D текст редактируется в «Фотошопе» CS6. В более ранних версиях он перед переводом в трехмерный режим растрируется, поэтому редактирование становится невозможным.

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

Следующая вкладка получила наименование «Деформировать». Здесь можно поработать над экструзией объемного текста (фактически его толщиной по оси Z). Вы можете изменить глубину, скрутить её, придать ей эффект конусообразности и совершить прочие действия.

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

Создание 3D текста в «Фотошоп»

Далее рекомендуется переходить к вкладке «Капитель». Здесь задается степень угловатости текста. Лучше не трогайте эту вкладку в том случае, если вы не собираетесь делать углы более фигурными или гладкими. Последняя вкладка получила наименование «Координаты». В ней можно задать точное местонахождение 3D текста в изображении.

Но это ещё не всё. Сделать объемный текст в «Фотошопе» — это не только задать ему цвет, сменить ракурс и изменить глубину экструзии. Взгляните на панель «3D». В ней вы найдете несколько пунктов, ответственных за присвоение тексту того или иного материала. Кликните на строку «Материал передней выпуклости». А панели «Свойства» немедленно отобразятся параметры материала, из которого состоит передняя часть нашего текста. Вы можете изменить коэффициент преломления отраженного цвета, плавность контура, его рельеф и прочие параметры. Можно даже усилить блеск.

На этом создание 3D текста в «Фотошопе» практически завершено. Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения. Сам источник освещения будет виден на композиции, он имеет значок с изображением солнышка.

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

3Д текст в «Фотошоп» CS6

Такие не самые дурные возможности по созданию 3Д текста имеются в «Фотошопе» CS6 и более поздних версиях. Но сделать 3D текст в «Фотошопе» — это только начальный этап работы. Также нужно позаботиться об окружении этого текста. Можно добавить текстуры, которые тоже необходимо располагать в трехмерном пространстве. Словом, всё это — очень интересная тема.

Если у Вас две или более строк текста, установите Интерлиньяж (Leading) на 250. Сделать это можно на панели Символ (Окно > Символ) (Window > Character). Также измените Трекинг (Tracking).

Шаг 1

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в кривые (Convert to Shapes). Создайте копию полученного слоя (Ctrl + J) и назовите её «Stroke».

Шаг 2

Активируйте инструмент Выделение узла (Direct Selection Tool) и на верхней панели включите обводку цветом #e5bf25.

Шаг 1

Выберите оба текстовых слоя и перейдите в меню 3D > Новая экструзия из выделенного контура (3D > New Extrusion From Selected Path).

Оба 3D-слоя нужно объединить в один (3D > Слияние 3D-слоёв) (3D > Merge 3D Layers)

Для работы с 3D-средой понадобится две панели: 3D и Свойства (Properties). Они доступны через меню Окно (Window).

Панель 3D содержит все компоненты сцены. Когда Вы выбираете какой-нибудь из элементов, на панели Свойства (Properties) можно увидеть различные параметры и свойства.

Выберите текстовую сетку и измените Глубину экструзии (Extrusion Depth) до 70 пикселей.

Перейдите во вкладку Капитель (Cap) и измените свойства, как показано на скриншоте.

Выберите сетку «Stroke» на панели 3D и измените Глубину экструзии (Extrusion Depth).

Выберите Материал передней выпуклости (Front Inflation Material) текстовой сетки. Кликните на иконке параметра Рассеивание (Diffuse) и выберите пункт Редактировать текстуру (Edit Texture).

У Вас откроется новый документ с буквами. Измените цвет букв на #61129d.

Выберите инструмент Прямоугольник (Rectangle Tool) и создайте полоску толщиной 15 пикселей цветом #e5bf25. Создайте копию этой полоски.

Активируйте режим Свободное трансформирование (Free Transform) и сдвиньте копию вниз. Нажмите Enter, чтобы применить изменения.

Нажмите Ctrl + Shift + T несколько раз, чтобы повторить последние изменения. Как покроете весь текст полосками, объедините слои. Полученный слой назовите «Stripes» и сохраните документ, но не закрывайте его.

В документе, с которым мы только что работали, перейдите в меню Файл > Сохранить как (File > Save As) и дайте имя «Reflection». Сохраните файл в папку проекта, чтобы его легче было найти.

Измените цвет текста на #535353.

К слою «Stripes» примените стиль Наложение узора (Pattern Overlay): узор Satin.

Сохраните документ (Ctrl + S).

Сохраните ещё одну копию файла под именем «Bump».

Измените цвет текста на #1c1c1c и сохраните документ.

Вернитесь к первоначальному документу и выберите Материал передней выпуклости (Front Inflation Material). Кликните на иконке параметра Отражение (Reflection) и выберите пункт Загрузить текстуру (Load Texture). Загрузит текстуру «Reflection», которую мы создали ранее. Затем сделайте то же самое для параметра Рельеф (Bump).

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

Выберите оба материала скоса (Bevel Material) и Материал задней выпуклости (Back Inflation Material), настройте их так:

Выберите Материал экструзии (Extrusion Material) и удалите текстуру.

Измените цвета Материала экструзии так:
Рассеивание (Diffuse): 70, 9,93
Цвет блика (Specular): 207, 178, 75

Настройте все материалы обводки:

Выберите Материал экструзии (Extrusion Material) и удалите текстуру Рассеивания (Diffuse), цвет — 229, 191, 37.

Выберите обе текстовые сетки и перейдите во вкладку Координаты (Coordinates). Измените угол вращения. После этого перейдите в меню 3D > Переместить объект на плоскость основания (3D > Move Object to Ground Plane).

Инструментом Перемещение (Move Tool) расположите обводку в середине текста.

Выберите Текущий вид (Current View) на панели 3D и задайте вид Сверху (Top).

Выберите Бесконечный свет 1 (Infinite Light 1) на панели 3D и измените его:

Добавьте новый точечный свет.

Настройте его, как показано ниже. Цвет 249, 247, 238.

Расположите источник света здесь:

После этого вернитесь к виду сверху.

Шаг 5

Выберите Среду (Environment), кликните на иконке параметра ИСБИ (IBL) и выберите пункт Заменить текстуру (Replace Texture). Выберите изображение комнаты и измените интенсивность.

Вставьте размытый фон под слой с текстом и переверните его (Transform — Flip Vertical). Для фона можно использовать какую-нибудь градиентную заливку или сильно размытие любое изображение.

После добавления фона Вам нужно будет ещё немного поработать со светом. Добавьте больше источников света, переместите объект, чтобы он лучше смотрелся на сцене.

Как закончите работу со сценой, запустите рендеринг (3D > Рендеринг) (3D > Render). Его можно остановить в любой момент нажатием на клавишу Esc.

По окончании рендеринга, преобразуйте 3D-слой в смарт-объект.

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

Увеличьте масштаб и увидите, что края полос стали неровными.

Выберите инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) мягкого типа и закрасьте неровности.

Также можно работать и инструментом Штамп (Clone Stamp Tool).

Такой результат у Вас должен получиться:

Создайте корректирующий слой Уровни (Layer — Levels).

Создайте обтравочную маску и измените точку теней.

Откройте второе изображение из набора «Deep Space 10K Backgrounds Vol2». Перейдите в меню Изображение > Размер изображения (Image > Image Size) и установите Разрешение (Resolution) на 72 пикселя.

Перенесите изображение в основной документ и назовите слой «Stars». Преобразуйте его в смарт-объект. Установите режим наложения Осветление (Screen) и уменьшите непрозрачность до 60%. Создайте копию слоя (Ctrl + J) и уменьшите непрозрачность до 30%.

К верхнему слою звёзд примените фильтр Размытие диафрагмы (Фильтр > Галерея размытия > Размытие диафрагмы) (Filter > Blur > Iris Blur).

Настройте размытие так:

Этот шаг дополнительный. Мы удалим звёзды под эффектом Bokeh. К оригинальному слою звёзд добавьте маску (Layer Mask). Инструментом Ластик (Eraser Tool) белого цвета или чёрной кистью сотрите белые точки внутри кругов.

В этом уроке вы узнаете, как создать глянцевый 3D текст в Фотошоп.

Шаг 1. Создаем документ размером 800х1000 пикселей разрешением 300 dpi. Есть три причины, почему мы выбрали такой большой размер документа.
Во-первых, когда вы создаете что-то в Фотошопе и затем импортируете это в какой-либо проект, может понадобится отрегулировать размер изображения, а если исходный материал будет маленьким, то при увеличении он может сильно потерять в качестве.
Во-вторых, при работе с большими изображениями мы можем уделить больше внимания мелким деталям.
В-третьих, мы имеем больше свободного пространства для работы.

Шаг 2. Первое, что мы должны сделать, это создать букву. Я решил использовать шрифт Defeqto с сайта www.dafont.com.
Я буду работать с буквой B, но вы можете использовать любую другую. Мне кажется, что глянцевый эффект будет лучше смотреться именно на таком шрифте.
Кликаем правой кнопкой мышки по букве и выбираем Rasterize Type (Растрировать текст). Это даст нам возможность его отредактировать.

Шаг 3. (в этом шаге мы будем приводить в порядок букву, если это необходимо, конечно. Вы можете пропустить эту часть и сразу перейти к Шагу 6)
Края шрифта немного грубоваты, давайте исправим это. Активируем Elliptical Marquee Tool (Овальное выделение) (M). Удерживая SHIFT, создаем выделение, чтобы оно повторяло форму верхней части буквы. Как видно на рисунке ниже, положение выделения не совсем правильно, поэтому кликаем правой кнопкой мышки по выделению и выбираем Transform Selection (Трансформировать выделение). Регулируем положения, как показано на скриншоте. Затем просто жмем DELETE , чтобы удалить выделенную часть. Благодаря этому, очертания буквы стали плавными, как мы и хотели.

Шаг 4. Также нам необходимо поправить внешние края, для этого создаем выделение как в предыдушем шаге и инвертируем его SHIFT+CTRL+I . Затем берем Eraser Tool (Ластик) (E) с Opacity (Непрозрачность) и Flow (Нажим) на 100%. Стираем лишние края.

Шаг 5. Активируем инструмент Pen Tool (Перо) (P) и создаем плавную кривую на углу буквы, как показано на фигуре 1. Жмем правой кнопкой мышки и выбираем Make Selection (Создать выделение). Убедитесь, что параметр Feather (Растушевка) установлен на 0.2 пикселя. Не оставляйте углы слишком жесткими и не делайте их слишком загругленными. Применяем эти действия к другим частям буквы, которым необходимы коррекция. На фигуре 3 показано,что получилось в итоге.

Шаг 6. Мы подошли к той части урока, в которой будем создавать эффект 3D с неоновым свечением. Переходим Edit — Transform — Free Transform (Редактирование — Трансформация — Свободная трансформация) (CTRL+T). Удерживая SHIFT+ALT+CTRL , тянем за правый угол вниз, чтобы деформировать букву в перспективе (фигура 1). Затем тянем один из боковых узелков к центру, как на фигуре 2.

Шаг 7. Теперь придадим тексту объемности. Берем инструмент Move Tool (Перемещение) (V), активируем слой с буквой, зажимаем клавиши CTRL+ALT и, появившейся двойной стрелкой, передвигаем букву вправо 18 раз, чтобы создать 18 копий. После этого, зажимаем CTRL и выделяем копии 8, 9 и 10, затем объединяем их комбинацией CTRL+E. Называем этот слой «СВЕЧЕНИЕ». Далее применяем к нему (Изображение — Коррекция — Цветовой тон/Насыщенность) (CTRL+U). Устанавливаем параметр Lightness (Яркость) на максимум.

Шаг 8. Затем выделяем копии 11-17 и объединяем их (CTRL+E), называем слой «ПЕРЕДНЯЯ ЧАСТЬ». Теперь выделяем копии 1-7 вместе с оригиналом и также объединяем. Называем слой «ЗАДНЯЯ ЧАСТЬ». Затем выделяем копию 18 и переименовываем ее на «ОФОРМЛЕНИЕ».

Шаг 9. Создаем новый слой «СИЯНИЕ» над слоем «ОФОРМЛЕНИЕ». Затем, зажимаем клавишу ALT и кликаем между этими двумя слоями. В результате, возле слоя «СИЯНИЕ» должна появиться маленькая стрелка направленная вниз, которая означает, что для этого применяется обтравочная маска. Активируем Rectangular Marquee Tool (Прямоугольное выделение) (M), создаем выделение ВСЕЙ буквы и заливаем его белым цветом Edit — Fill (Редактирование — Заливка). Далее берем Elliptical Marquee Tool (Овальное выделение) (M) и выделяем нижнюю часть буквы, как показано на фигуре 2. Жмем клавишу DELETE , чтобы удалить выделенную часть, как показано на фигуре 3. Теперь создадим слой-маску. Вы можете это сделать, кликнув на маленький прямоугольник с окружностью внутри внизу панели слоев Add layer mask (Добавить слой-маску). Активируем маску, кликнув по второму белому прямоугольнику на слое «СИЯНИЕ».

Берем Gradient Tool (Градиент) (G) от черного к белому, линейный, деактивируем опцию Reverse (Перевернуть), если она активна. Проводим градиентом от верха к низу документа и уменьшаем Opacity (Непрозрачность) слоя «СИЯНИЕ» примерно на 50-60%. Убедитесь, что ваша буква выглядит как моя.

Шаг 11. Нам необходимо, чтобы белая линия в центре светилась, но перед этим избавимся от той части слоя, которую мы не видим. Удерживая CTRL , кликаем на миниатюре слоя «ПЕРЕДНЯЯ ЧАСТЬ». Вы должны кликнуть именно на миниатюре, так как нам необходимо загрузить выделение слоя. После этого переходим на слой «СВЕЧЕНИЕ» (просто кликаем по нему) и жмем DELETE. Скройте слои «ПЕРЕДНЯЯ ЧАСТЬ» и «ОФОРМЛЕНИЕ» и вы увидите результат данных манипуляций. Снимаем выделение CTRL+D. Теперь перемещаем слой «СВЕЧЕНИЕ» в самый верх панели слоев. После этого, выделяем слои «ПЕРЕДНЯЯ ЧАСТЬ» и «ЗАДНЯЯ ЧАСТЬ» и объединяем их вместе (CTRL+E). Называем новый слой «ТЕЛО».

Шаг 12. Активируем слой «СВЕЧЕНИЕ» и кликаем на кнопку «fx» внизу панели слоев и выбираем Outer Glow (Внешнее свечение). Я хочу, чтобы свечение было бирюзового цвета. Устаналиваем размер свечения на 6 и цвет 00E1F5.

Шаг 13. Теперь сделаем углы буквы более плавными. Для этого, загружаем выделение слоя «ОФОРМЛЕНИЕ». Переходим Select — Modify — Contract (Выделение — Модификация — Сжать). Вводим 2 пикселя, затем инвертируем выделение SHIFT+CTRL+I. Перед тем, как мы продолжим, убедитесь, что активен слой «СИЯНИЕ». Теперь жмем DELETE, чтобы удалить лишнюю часть.

Шаг 15. Активируем слой «ОФОРМЛЕНИЕ» и кликаем на кнопку «fx» внизу панели слоев. В меню выбираем Inner Glow (Внутреннее свечение).

Шаг 16. Снова кликаем на кнопке «fx» и выбираем Create layers (Создать слои), в выскочившем окошке кликаем OK . Теперь стиль слоя с внутренним свечением находится на отдельном слое. Переименовываем его на «СВЕЧЕНИЕ КРАЕВ». Убедитесь, что ваши слои выглядят также, как и мои.

Шаг 17. Создаем слой-маску для слоя «СВЕЧЕНИЕ КРАЕВ» и жмем CTRL+I , чтобы изменить ее цвет на черный. Убедитесь, что ваша панель слоев выглядит также.

Шаг 18. Берем кисть (B) средней жесткости белого цвета размером около 100 пикселей с Opacity (Непрозрачность) на 100% и Flow (Нажим) на 15%. Убедитесь, что цвета переднего и заднего планов установлены на черный и белый соответственно, если это не так, то нажмите клавишу D . Чтобы быстро сменить цвет с черного на белый, нажмите клавишу X. Кликайте кистью в тех местах, в которых белая окантовка должна быть видна. Можете также поэкспериментировать с параметрами кисти. Делайте это только в тех местах, где есть закругленные края, и совсем немного на жестких, как показано на фигуре ниже. Запомните, что у сияния должен быть источник света, а так как я сделал букву немного развернутой, то свет будет падать с левой стороны. Не делайте все углы светящимися, так как это будет выглядеть нереалистично.

Шаг 19. Теперь мы должны добавить немного отражений. Активируем слой «ОФОРМЛЕНИЕ», переходим File — Place (Файл — Поместить) и выбираем любое изображение, желательно высокого разрешения. Я использовал фото с цветами. Затем помещаем новый слой так как показано на фигуре 2.

Шаг 20. Если изображение преобразовалось в смарт-объект, кликните на нем правой кнопкой мышки и выберите Rasterize Layer (Растрировать слой). Теперь мы можем редактировать этот слой. Далее нам необходимо октрыть окно Hue/Saturation (Цветовой тон/Насыщенность). Image — Adjustments — Hue/Saturation (Изображение — Коррекция — Цветовой тон/Насыщенность) или CTRL+U. Уменьшаем Saturation (Насыщенность) примерно до -95% или -90% и жмем OK. Теперь уменьшаем Opacity (Непрозрачность) до 20-25%.

Шаг 21. Создадим слой-маску для изображения, которое вы решили использовать в качестве отражения. После этого используем Gradient Tool (Градиент) (G) так же, как мы делали это в Шаге 10, но в этот раз проведите градиентом в верхней части буквы, чтобы маска была не полностью удалена.

Шаг 22. На этом можно закнончить, но вы можете продолжить, чтобы добавить больше деталей.
Сейчас мы добавим небольшой симпатичный эффект. Я использовал рукописный текст с отсканированной мною книги. Импортируем его на рабочий документ через File — Place (Файл — Поместить). Если изображение стало смарт-объектом , растрируйте его. Располагаем изображение, как показано на фигуре 1. Полностью обесцвечиваем изображение с текстом SHIFT+CTRL+U. Теперь необходимо применить Levels (Уровни) (CTRL+L), чтобы остались только черный и белый цвета. Нам не нужны оттенки серого, поэтому открываем уровни Image — Adjustments — Levels (Изображение — Коррекция — Уровни) и передвигаем ползунок Highlights (Света) вправо и ползунок Shadows (Тени) влево до тех пор, пока на изображении не остануться только черный и белый, как показано на фигуре 3. Устанавливаем режим смешивания слоя на Screen (Осветление). Затем уменьшаем Opacity (Непрозрачность) до 70%.

Шаг 23. Продолжаем работать на слое с текстом. Загружаем выделение слоя «ОФОРМЛЕНИЕ» и сжимаем его на 2 пикселя, как мы делали это раньше через Select — Modify — Contract (Выделение — Модификация — Сжать). Затем Select — Modify — Feather (Выделение — Модификация — Растушевка), вводим 1 пиксель. Инвертируем выделение Select — Inverse (Выделение — Инвертировать) (SHIFT+CTRL+I) и дважды жмем DELETE . Выделение все еще активно, выделяем слой с изображением, которое мы использовали для отражения (то, которое с цветами) и снова дважды жмем DELETE. Сравниваем фигуру 1 и фигуру 2.

Шаг 24. Остальное за вами! На черном фоне буква выглядит неплохо! Если вы выберите темный фон, то вам необходимо будет добавить свечения на черные области, так как сделал это я. Повторяем Шаги 15-17, но в этот раз применяем все к слою «ТЕЛО».

3D-текстовых эффектов: полная коллекция руководств по Photoshop

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

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

Эффекты 3D-текста

3D Type with Repoussé в Photoshop CS5 Extended
В этом уроке вы узнаете, как создать стильный 3D Type с Repousse с помощью талантливой команды Abduzeedo.

Создание глянцевого, пластичного, трехмерного текста в Photoshop CS5 Extended
В этом уроке объясняется, как использовать Repoussé в Photoshop CS5 для создания потрясающего трехмерного текстового эффекта без необходимости использования какого-либо другого программного обеспечения для трехмерного изображения. Для достижения конечного результата будет изменено множество различных значений материала, и некоторые корректирующие слои также будут использоваться для улучшения результата. Давайте начнем!

Эффект обтянутого лентой 3D текста
В этом руководстве объясняется, как использовать карту текстуры «Непрозрачность» для создания эффекта обтекания лентой трехмерного текста в среде Photoshop CS5.Затем он объяснит, как создать кисть конфетти и стили ее слоя.

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

Создайте вкусную трехмерную типографскую иллюстрацию
В этом руководстве автор Марк Майерс покажет вам, как новые трехмерные инструменты Photoshop CS6 Extended можно использовать для создания типографской иллюстрации, включающей множество сладких лакомств.

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

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

Совет для наших читателей: Знаете ли вы, что вы можете загрузить свое программное обеспечение для дизайна, такое как Photoshop, на облачный рабочий стол с помощью CloudDesktopOnline.com и получить к нему доступ из любого места на ПК / Mac / iOS / Android-устройствах? А для совместной работы в Интернете вы можете положиться на SharePoint от CloudAppsPortal.com.

Красочный текстовый эффект из плексигласа с использованием Photoshop
В этом замечательном уроке Photoshop мы покажем вам, как создать круто выглядящий красочный текстовый эффект из плексигласа. В этом уроке мы будем создавать буквы отдельно, получая некоторую помощь от Действия. Веселиться.

Как создать высококачественный металлический трехмерный текст
Из этого туториала Вы узнаете, как создать трехмерный текстовый текст и придать ему высококачественный металлический вид с помощью чистого Photoshop.Проверьте это!

Создание потрясающего текста из трехмерных блоков
В этом замечательном уроке Photoshop мы покажем вам, как создать потрясающий трехмерный эффект. Сначала мы создадим 3D-объект из текстуры 2D-карты глубины, а затем создадим текстуры диффузного и самосветового освещения. Для этого вам понадобится Adobe Photoshop CS4 Extended. Веселиться.

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

Cool Dots Text Effect
В этом уроке Photoshop объясняется, как создать трехмерный текст, состоящий из точек и размытого расширения.

Создание земного 3D-типографика
В этом уроке автор Эд Лопес продемонстрирует, как создать землистый 3D-типографский элемент с помощью 3D-инструментов Photoshop.

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

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

Уникальный трехмерный текст
В этом уроке вы узнаете, как создать уникальный трехмерный текстовый эффект. Определенно тот, в который вы захотите погрузиться.

Используйте Google Sketchup и Photoshop для создания 3D-типографики
Photoshop — мощное приложение само по себе. Однако его мощность можно значительно увеличить, если использовать его в тандеме с другим приложением, таким как Illustrator, Cinema 4D или, в данном случае, Google Sketchup.Сегодня мы создадим крутой трехмерный текст с помощью этого бесплатного архитектурного приложения.

Создание элегантной, гладкой трехмерной типографики
В этом уроке мы продемонстрируем, как создать элегантную гладкую трехмерную типографику с помощью Photoshop и Illustrator. Не стесняйтесь применять этот эффект к любому логотипу, тексту или фигуре. Давайте начнем!

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

Создание экструдированного глянцевого трехмерного текста с эффектом
Людям нравятся трехмерные эффекты. Им также нравится внешний вид блестящей, глянцевой графики. Здесь мы объединим эти два популярных стиля и создадим эффект экструдированного трехмерного глянцевого текста в Photoshop.

Создание сцены 3D-текста с помощью Photoshop
В этом уроке мы создадим реалистичную сцену 3D-текста с помощью Photoshop с небольшой помощью Illustrator для 3D-текста.

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

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

Как создать абстрактную новогоднюю иллюстрацию с 3D-типографикой
В этом уроке мы покажем вам, как создать абстрактную новогоднюю иллюстрацию с 3D-типографикой, используя новые 3D-инструменты, которые Adobe включила в Photoshop CS5 Extended. Давайте идти.

Создание 3D-шрифтов с помощью Photoshop CS5
Инструменты 3D в Photoshop CS5 стали еще более продвинутыми, чем когда-либо. В этом уроке мы будем использовать новый инструмент Repoussé для выдавливания текста способом, который ранее был возможен только в полном 3D-приложении.

3D-текст в огне
В этом уроке мы создадим 3D-текст с эффектом огня с помощью Illustrator и Photoshop.

Эффект «Цветочный трехмерный текст»
Узнайте, как превратить простой трехмерный текст в красивый, но простой цветочный узор. Из этого туториала Вы узнаете, как ретушировать и применять эффекты к 3D-тексту, а также использовать цветочные кисти Photoshop как быстрый способ улучшить внешний вид.

Потрясающие 3D-эффекты за 30 минут
В этом уроке Photoshop вы узнаете, как создавать потрясающие 3D-эффекты за 30 минут.

Дизайн Мягкий Стилизованный 3D Тип
Использование 3D-шрифта в современном дизайне становится все более популярной тенденцией. В этом уроке мы научим вас основам создания безупречного 3D-шрифта с помощью Illustrator и Photoshop. Давай приступим к работе.

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

Создание впечатляющего эффекта пылающего метеора на тексте
Сделайте еще один шаг вперед в типографике, заставив текст падать с неба в пылающем аду. Да, это учебник с пламенем текста, который завершает все учебники. Он использует небольшой иллюстратор для текста и много фотошопа, чтобы сжечь экран!

Создание трехмерного текста с некоторым экстремальным освещением
Здесь мы возьмем объект / текст, изменим его с двухмерного на трехмерный и придадим ему некоторые реалистичные эффекты. Мы собираемся использовать Illustrator для создания объекта, а затем перенести его в Photoshop, чтобы добавить блики и тени.

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

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

Как создать замечательный трехмерный текст
В этом быстром и простом руководстве по графическому дизайну вы откроете для себя удобный процесс создания привлекающей внимание трехмерной типографики с помощью Photoshop и некоторых творческих приемов.

Как быстро создать стильный эффект ретро-текста
В этом уроке мы создадим классный ретро-текстовый эффект, который становится все более популярным в современном дизайне.Здесь вы узнаете, как использовать инструмент «Перспектива» для создания глубины и как дизайнеры могут необычным образом использовать градиенты по умолчанию!

Эффект 3D-текста
Из этого туториала Вы узнаете, как создать красивый 3D-текст, используя только Photoshop 7.

Создание удивительной тематической трехмерной типографии для ночного клуба
Трехмерная графика часто создается с помощью нескольких приложений. Здесь мы будем использовать Photoshop, Illustrator и Cinema 4D, чтобы создать потрясающую трехмерную композицию на тему ночного клуба. Давайте начнем!

Создание ослепительного эффекта трехмерного текста
В этом уроке вы узнаете, как создать трехмерный текст в Illustrator, а затем перенести его в Photoshop для применения эффектов.Вы узнаете, как применять стили к обычному трехмерному тексту, чтобы создать потрясающий дизайн.

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

Заключение

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

(руб)

Эта статья изначально опубликована 9 августа 2012 г. и обновлена ​​22 июля 2020 г.

Увеличенный текст с использованием 3D в Photoshop CC

Давайте немного повеселимся с 3D. Давай, просто попробуй! В этом упражнении мы создадим увеличенный текст, используя функции 3D в Photoshop.Благодаря улучшенным свойствам поверхности вы можете создать светоотражающий металлический вид за считанные минуты. ( Примечание: Для этой техники вам понадобится Photoshop CS6 Extended или CC.)

ШАГ ПЕРВЫЙ: Участники KelbyOne могут начать с открытия файла загрузки, используемого в этом руководстве, по адресу http://kelbyone.com/magazine/issue/october-2013/. [ Все загружаемые файлы предназначены только для личного использования. Чтобы узнать больше о KelbyOne, посетите http://kelbyone.com.] Если вы не являетесь участником KelbyOne, вы можете просто создать новый документ и следовать за ним своим собственным текстом.В любом случае вам нужно использовать шрифт с закругленными краями и углами. Это поможет добавить округлые формы готовому 3D-тексту. Мы использовали шрифт Bell Bottom и набрали слово «ИГРАТЬ». Поскольку это специализированный шрифт, маловероятно, что он у многих из вас есть, поэтому загружаемый файл содержит текст в виде слоя-фигуры.

ШАГ ВТОРОЙ: Преобразуем текст в трехмерный объект. С активным текстовым слоем или слоем-фигурой на панели «Слои» выберите «3D»> «Новое 3D-выдавливание из выбранного слоя».Это немедленно вытянет текст и сделает видимой плоскость заземления проволочной сетки. (Если вы не видите наземную плоскость, переключитесь на инструмент «Перемещение» [V], затем выберите «Просмотр»> «Показать»> «Трехмерная наземная плоскость».)

ШАГ ТРЕТИЙ: На панели 3D (Окно> 3D) найдите текстовый элемент 3D в списке и щелкните по нему (ИГРАТЬ в этом примере). Затем откройте панель «Свойства» («Окно»> «Свойства») и установите для параметра «Глубина выдавливания» значение 0. Нам не нужны стороны, только передняя и задняя грань.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели «Свойства» щелкните значок «Кепка», который является третьим значком слева. Здесь вы можете изменить настройки наклона и наклона. Сначала щелкните раскрывающееся меню вверху и установите для параметров «Стороны» значение «Передняя» и «Задняя». Затем перейдите в раздел «Надувание», установите угол 90 ° и увеличьте силу примерно до 20%. Это придаст тот надутый вид, который нам нужен.

ШАГ ПЯТЫЙ: Прежде чем мы разделим буквы, давайте настроим свойства поверхности для текстовых элементов.На панели 3D выделите Материал передней инфляции для текста. На панели «Свойства» вы увидите различные элементы поверхности. Щелкните значок шара в правом верхнем углу, чтобы открыть инструмент выбора материала, и выберите материал без текстуры. Нажмите на образец цвета рядом с Diffuse, выберите белый в палитре цветов и нажмите OK. Установите Shine на 100%, Reflection на 75% и Roughness примерно на 25%. Примените те же настройки к материалу обратной инфляции.

ШАГ ШЕСТОЙ: Перейдите в 3D> Split Extrusion.Это позволит вам управлять каждой буквой индивидуально, сохраняя при этом все буквы в одном 3D-слое. Переключитесь на инструмент «Перемещение» (V) и нажмите на первую букву, чтобы вокруг нее появилась трехмерная рамка. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить положение и масштабировать эту букву по отношению к другим буквам.

ШАГ СЕДЬМОЙ: Давайте дадим каждой букве свой цвет. Начиная с этой первой выбранной буквы, нажмите на ее Front Inflation Material на панели 3D.В верхней части панели «Свойства» щелкните образец цвета рядом с «Рассеивание» и выберите красный цвет в палитре цветов. Когда закончите, нажмите OK. Проделайте то же самое с каждой из оставшихся букв, придавая каждой другой цвет. Вы заметите, что все свойства отражения остаются неизменными даже при изменении цвета.

ШАГ ВОСЬМОЙ: Если вы используете Photoshop CC, вы увидите несколько зеркальных точек на тексте. Они создаются с помощью света на основе изображения по умолчанию, который был применен к тексту (IBL сплошного черного цвета в Photoshop CS6).Он имитирует отражение окружающей среды, в которой находится 3D-объект. В этом случае это похоже на отражение потолочного света от поверхности, но я хочу использовать что-то другое.

ШАГ ДЕВЯТЫЙ: На панели 3D щелкните Environment в самом верху списка. В верхней части панели «Свойства», под Global Ambient, вы увидите IBL (Image Based Light). Щелкните значок справа от эскиза предварительного просмотра и выберите «Новая текстура». В диалоговом окне «Новый» найдите имя своего 3D-файла в раскрывающемся меню «Предустановки», чтобы использовать те же размеры, что и у основного файла для этого нового файла, убедитесь, что для параметра «Содержимое фона» установлено значение «Белый», и нажмите «ОК».

ШАГ ДЕСЯТЫЙ: После создания нового файла вернитесь в меню IBL и выберите «Редактировать текстуру». Когда файл откроется, нажмите Command-I (ПК: Ctrl-I), чтобы изменить белый фон на черный. Затем щелкните значок «Создать новый слой» в нижней части панели «Слои» и используйте инструмент «Эллиптическая область» (вложенный в инструмент «Прямоугольная область» [M] на панели инструментов), чтобы создать большое овальное выделение внутри холста. Нажмите Shift-Delete (ПК: Shift-Backspace), выберите 50% серого в раскрывающемся меню «Использовать» в диалоговом окне «Заливка» и нажмите «ОК».Закройте и сохраните файл Image Based Light.

ШАГ ОДИННАДЦАТЬ: Это изменит внешний вид света и отраженных элементов в тексте. Когда свойство Environment все еще выбрано на панели 3D, вы можете использовать инструменты 3D для перемещения и поворота IBL, чтобы изменить способ его отображения в тексте. По сути, вы перемещаете отражение по поверхности объекта. Чтобы получить доступ к 3D-инструментам, активируйте инструмент «Перемещение», и вы увидите все 3D-инструменты в конце настроек на панели параметров.

ШАГ ДВЕНАДЦАТЫЙ: Как только это будет сделано, вы можете изменить положение и масштабировать каждую букву с помощью 3D-инструментов или виджетов. Буквы будут взаимодействовать друг с другом, отражая не только свет на основе изображения, но и друг друга после рендеринга 3D-объекта (3D> Render). Помните, что даже если вы можете управлять каждой буквой по отдельности, все они остаются на одном трехмерном слое.

Эта статья любезно предоставлена ​​журналом Photoshop User , официальным изданием KelbyOne, которое предоставляет качественное онлайн-образование для творческих людей.Для получения дополнительной информации посетите KelbyOne.com.

Интеграция трехмерного текста в изображения с помощью Photoshop

Это прием, который вы видели в бесчисленных фильмах и телешоу, от Lost до Zombieland : текст заголовка отображается в виде трехмерных букв, интегрированных в видео. Чтобы сделать это с движущимися изображениями, требуется либо зеленый экран, либо кропотливое использование функции Rotoscope в After Effects, но для одного изображения можно создать столь же впечатляющий эффект в Photoshop.

Шаг 1: Выберите передний план

Чтобы разместить текст за символами переднего плана, сначала необходимо их выделить. Это стало намного проще с момента появления в Photoshop новой функции «Выбрать тему» ​​(подробности см. В этом посте). Одним щелчком мыши выбираются скейтбордисты; сделайте из них новый слой, используя Ctrl + J / Command + J. Вырез не будет идеальным, но пока его достаточно.

Шаг 2. Добавьте текст

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

Шаг 3: В 3D

Используйте пункт меню 3D> Новая 3D-экструзия из выбранного слоя, чтобы превратить текст в 3D-объект. Вы увидите, как он выдавлен вдаль, как показано здесь.

Шаг 4: Выровняйте текст по сцене

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

Шаг 5: Уменьшите вытягивание

Photoshop вытягивает текстовые объекты на заданный процент, который в большинстве случаев оказывается слишком глубоким.На панели свойств перетащите ползунок «Экструзия» так, чтобы он был достаточно толстым, чтобы его можно было разобрать, но не настолько толстым, чтобы не перегружать сцену. Когда вы захотите, выберите «3D»> «Визуализировать 3D-слой».

Шаг 6: Изолировать и скопировать

Удерживайте Alt / Option при щелчке по значку глаза рядом с выдавленным текстовым слоем, чтобы был виден только этот слой. Выделите все, затем сделайте объединенную копию, используя Ctrl-Shift-C (Win) / Command-Shift-C (Mac), а затем вставьте. Это создает пиксельную копию 3D-слоя, поэтому вы можете работать с ним, не перемещая его случайно (что означало бы необходимость повторного рендеринга сцены).

Шаг 7: Добавьте маску слоя

Скройте настоящий 3D-слой, оставив видимой только копию, и снова покажите другие слои. Первоначальный силуэт скейтбордистов был несовершенным; часть руки правого человека отсутствовала, и кусочки фона вкрались внутрь. Так что загрузите вырезанный слой как выделение, удерживая Ctrl (Win) / Command (Mac) и щелкая по его миниатюре на панели слоев. Затем скройте этот слой, переключитесь на текстовый слой и используйте Layer> Layer Mask> Hide Selection, чтобы создать маску слоя для текста.Теперь вы можете легко закрасить маску белым цветом, чтобы показать недостающие пальцы, и черным, чтобы скрыть нежелательный фон.

Шаг 8: Тонируйте текст

Выдавленный текст слишком яркий, поэтому используйте «Кривые» или «Уровни», чтобы затемнить его. Я также добавил к этому слою немного синего и зеленого, чтобы он соответствовал цвету фона.

Шаг 9: Добавьте тень

Чтобы создать тень от скейтбордистов, сначала загрузите их как выделение, как в шаге 7.Создайте новый слой, выберите темно-синий цвет тени на фоне и используйте Option или Alt с клавишей Backspace, чтобы заполнить выделение этим цветом. Снимите выделение и переместите тень в сторону, чтобы вы могли ее видеть.

Шаг 10: Обрезка тени

Убедитесь, что слой тени находится прямо над выдавленным текстовым слоем, и используйте «Слой»> «Создать обтравочную маску», чтобы он отображался только там, где он перекрывает слой под ним. Уменьшите непрозрачность этого слоя и (необязательно) используйте Фильтр> Размытие> Размытие по Гауссу, чтобы немного смягчить его.

Шаг 11: Регулировка фокуса

Задняя часть сцены не в фокусе, поэтому, чтобы текст выглядел действительно правильно, нам нужно это согласовать. Выберите текстовый слой и используйте «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект», затем используйте «Фильтр»> «Размытие»> «Размытие по Гауссу», чтобы добавить примерно двухпиксельное размытие ко всему слою.

Шаг 12: Завершение

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

Посмотреть видео

Посмотрите видеоверсию этого руководства ниже.

Эффект пустотелого 3D текста в Photoshop

1 — В Photoshop создайте «Новый документ», сделайте его 20 x 15 см @ 300 точек на дюйм, «Цветовой режим» RGB и выберите «Белый» в качестве «Содержимое фона».

2 — Дважды щелкните миниатюру слоя «Фон», чтобы «разблокировать» его, и назовите его «Белый».

3 — Откройте выбранное вами изображение «Текстура».

4 — Чтобы улучшить общий вид «Текстуры», мы собираемся применить несколько «Корректировок» (для вашего изображения могут потребоваться другие настройки и / или корректировки).Перейдите в Изображение> Коррекция> Кривые (Command / Control + M) и выберите предустановку «Средняя контрастность (RGB)».

5 — На «Панели настроек» создайте новый «Регулирующий слой вибрации», увеличьте значение «Вибрация» до 100% и «Насыщенность» до +5.

6 — Вернитесь в «Панель настроек» «Слой настройки поиска цвета» и выберите «Soft_Warming.look» в качестве «Файл 3DLUT».

7 — Выберите все эскизы слоев (Shift), щелкните правой кнопкой мыши на их эскизах и выберите «Объединить слои».

8 — Перейдите в Фильтр> Галерея фильтров> Пластиковая пленка и введите 5, 6 и 10 в поля.

9 — Перетащите изображение «Текстура» в исходный файл.

10 — Измените размер, используя «Свободное преобразование» (Command / Control + T). Как только вы закончите, нажмите «Enter» или щелкните галочку в верхнем меню, чтобы «подтвердить» изменения. Назовите новый слой «Сердца» и поместите его под слой «Белый».

11 — Выберите «Инструмент« Текст »(T), выберите шрифт и введите текст.Используйте черный как цвет «Заливка». Размер будет зависеть от вводимого вами слова. У этого шрифта есть варианты, к которым вы можете получить доступ через панель «Глифы».

12 — Отцентрируйте текст, выбрав оба слоя (Shift) и используя «Выровнять горизонтальные и вертикальные центры» в верхнем меню.

13 — Выберите «Текст», щелкнув вверху его эскиза, удерживая клавишу «Command / Option». Скройте или удалите слой «Текст» и, убедившись, что слой «Белый» выбран, перейдите в меню «Правка»> «Очистить» или нажмите «Удалить», чтобы стереть текст с белого фона.

14 — Выберите миниатюру слоя «Сердца» и создайте «Дубликат» (Command / Control + J). Поместите его поверх слоя «Белый» и уменьшите «Непрозрачность» примерно до 50%.

15 — Если вы используете последние версии «Photoshop», используйте «Object Selection Tool» (W) с режимом «Lasso», чтобы выбрать некоторые объекты, которые находятся близко к краям текст (если вы используете старые версии «Photoshop», используйте любой инструмент по вашему выбору).Идея состоит в том, чтобы создать эффект их выхода из «пустотелого» текста. Выберите несколько объектов снаружи, чтобы их можно было добавить в качестве украшения. Используйте «Добавить» или «Вычесть из выделения», чтобы обрезать края.

16 — Вы можете «исправить» выделение, используя «Инструмент многоугольного лассо» (L), используя «Добавить» или «Вычесть из выделения», чтобы обрезать края.

17 — Как только вы закончите, создайте «маску» из вашего выбора, нажав маленькую кнопку в нижней части панели «Слои».Верните «Непрозрачность» до 100%.

18 — Выберите миниатюру «Маска» и на панели «Свойства» задайте для нее «Растушевка» размером 1 пиксель.

19 — Выберите инструмент «Кисть» (B) со 100% -ной кистью «Жесткость» 10 пикселей и убедитесь, что эскиз «Маска» выбран, «Зафиксируйте» края «Текст», где «Объекты» »Выйти из. Используйте «Черный» как «Передний план», чтобы «Скрыть», и «Белый», чтобы снова выделить.

20 — Дважды щелкните в верхней части слоя Миниатюра и примените следующие «Стили слоя»:

Bevel & Emboss:

Drop Shadow:

21 — Дважды щелкните сверху эскиза слоя «Белый» и примените следующие «Стили слоя»:

Тень:

22 — Выберите эскиз слоя «Сердца» и сделайте еще один «Дубликат» (Command / Control + J).Поместите это поверх всего. Щелкните правой кнопкой мыши в верхней части эскиза и «Создать обтравочную маску»

23 — Измените «Режим наложения» на «Жесткий свет» и уменьшите «Непрозрачность» до 70%. Создайте еще один «Дубликат» и оставьте его поверх исходного слоя «Сердца». Измените его «Режим наложения» на «Затемнение цвета».

24 — Оцените свою работу!

от @lornacane

Учебное пособие: создание 3D-типографики с помощью Adobe Dimension

Возможно, вы просматривали своих любимых дизайнеров или художников в Instagram или Twitter, или, возможно, вы зашли в Интернет в поисках вдохновения и заметили новую тенденцию в мире дизайна: трехмерный текст.

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

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

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

Уже не так. Если вы еще не знали, Dimension — это инструмент Adobe для 3D-дизайна. Мы написали предыдущие учебные пособия по Dimension для создания 3D-изображений, и сегодня мы познакомим вас с новым применением Dimension: созданием 3D-текста.

Что вам нужно

Все, что мы делаем сегодня, вы можете сделать с помощью инструментов Adobe:

• Последняя версия Adobe Dimension (бесплатно с подпиской Adobe Creative Cloud, в зависимости от вашего плана).Эта последняя версия теперь будет включать в себя множество новых функций, экструзию текста.
• Photoshop
• Adobe Illustrator или ваш предпочтительный инструмент для 2D-дизайна

Что мы будем делать

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

Для нашего финального эффекта мы будем визуализировать 3D-текст для создания типографских плакатов, подобных приведенным ниже:

Затем мы будем использовать Dimension для рендеринга многослойных PSD-файлов нашего 3D-текста, которые затем без труда сможем применить к нашим концепциям дизайна. Давай сделаем это!

Шаг 1. Создайте макет в 2D

Я рекомендую сначала проектировать в 2D, чтобы вы могли закрепить свою идею и иметь ссылку при разработке 3D-текста в Dimension. Сначала я создал свой дизайн как типографский 2D-плакат в Adobe Illustrator.

Шаг 3: Создайте свою сцену в Dimension

После установки последней версии Dimension создайте новую сцену.В настройках проекта введите размеры вашего документа. Я решил установить свой размер 3000 x 2250 пикселей, чтобы получить красивое изображение с высоким разрешением.

Когда ваша сцена создана, выберите Environment в области сцены в верхнем правом углу и установите черный цвет фона (или любой другой цвет фона вашего графического объекта).

В той же области окружающей среды снимите отметку с «Ground Plane», чтобы мы не получали нежелательных отражений или теней от смоделированного первого этажа.

Шаг 4: Экструзия текста

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

Теперь мы можем выбрать наш текстовый объект и изменить настройки по умолчанию. Вы увидите параметры для ввода собственного текста, изменения шрифта, регулировки глубины выдавливания, установки размеров шрифта и кернинга, а также эффекта скоса для дополнительного реализма. В моем примере я использую более широкий шрифт без засечек (функция 3D Text Dimension будет работать с любым шрифтом, установленным в операционной системе вашей системы).Я установил значение глубины на 2 см.

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

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

Шаг 5: Регулировка камеры

Теперь, когда у нас есть красивый эффект трехмерного текста (видите, насколько это было просто?), Давайте настроим камеру и разместим ее таким образом, чтобы получить угол переднего обзора. нужно для нашего плаката.Конечно, вам не обязательно создавать этот плоский эффект, но он будет хорошо работать с плакатом, который мы создаем сегодня.

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

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

Шаг 6: Добавление материалов

Теперь мы можем применять реальные фотореалистичные материалы к нашему трехмерному тексту. В приведенном ниже примере я добавил к текстовому объекту материал «Чистое золото».

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

Для нашего плаката я буду использовать Silver Gold из списка Substance Materials для приятного эффекта хрома.Поскольку это также Substance Material, у нас есть дополнительные возможности для регулировки количества отражений или увеличения царапин для дополнительного реализма.

Теперь в параметрах материала вы можете настроить внешний вид вашего материала. В моем примере я установил следующие параметры материала Silver Gold:

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

Шаг 7: Регулировка освещения

Теперь, когда мы настроили нашу камеру, мы можем теперь работать с освещением в Dimension.

Освещение — один из самых тонких и важных аспектов правдоподобных и реалистичных результатов в 3D-дизайне. К счастью, Dimension избавляет от этой головной боли и включает в себя несколько предустановок освещения, которые мы можем использовать.

Для наших целей я буду использовать освещение окружающей среды на основе изображений. Освещение окружающей среды создает реальные системы освещения, основанные на значениях света и темноты на изображении.Это невероятно простой способ добиться фотореалистичных результатов, поскольку вы используете реальную фотографию для создания света и отражений. Adobe включает несколько предустановок освещения окружающей среды с Dimension, а также дополнительные, которые можно загрузить из Adobe Stock.

В дополнение к предустановкам, которые поставляются с Dimension, вы также можете использовать собственный файл изображения для создания света для вашей 3D-сцены. Для этого урока я использую HDRI-изображение из пакета HDRI Neon Dreams от TFM.

Сначала я загрузил изображение в параметр Environment Light в Dimension.Теперь я могу регулировать такие вещи, как интенсивность освещения или значения вращения. Значения поворота изменят положение источников света в соответствии с нашей сценой, что в некоторых случаях имеет решающее значение для достижения реалистичного освещения.

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

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

Шаг 8: Визуализация нашего изображения

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

PROTIP: Вы можете предварительно просмотреть свой окончательный результат рендеринга в окне просмотра Dimension с опцией Render Preview:

После того, как наша камера и освещение настроены идеально, мы можем перейти на вкладку рендеринга, чтобы оживить наши 3D-изображения. PSD-файлы с разделением слоев. В параметрах рендеринга выберите «Среднее» для предустановки рендеринга («Низкое» означает, что он быстрее, но с более низким качеством; «Высокий» означает более высокое качество, но рендеринг займет больше времени.Затем у вас есть возможность установить окончательный результат в формате PSD или PNG. Я установил свой в PSD.

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

Имейте в виду, что если у вас более медленный компьютер, он будет использовать много системных ресурсов, и вы можете столкнуться со значительным замедлением, пока рендеринг не будет завершен. Если вы предпочитаете работать над другими проектами во время обработки вашего рендеринга, вы можете использовать опцию облачного рендеринга (бета), чтобы Adobe рендерила изображения за вас.

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

После завершения рендеринга вот окончательный результат:

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

Поэкспериментируйте дальше

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

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

Надеюсь, вам понравился этот урок! Если вы все же создаете что-то с помощью Dimension, обязательно поделитесь своими проектами с Behance, выбрав Adobe Dimension в разделе «Используемые инструменты» на вкладке «Основная информация». В Instagram отметьте тегами #AdobeDimension и #CreatewithDimension.Это позволяет команде Dimension находить и продвигать вашу работу.

50 лучших руководств по созданию текстовых эффектов в Photoshop на 2020 год — Creatisimo.net

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

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

Если вы дизайнер, обратите внимание на вакансии 3D-дизайна, просто найдите свободные вакансии, если вам нужно.

Возможно вам понравится:

1. Создайте эффектный текстовый эффект травы в Photoshop

Вы узнаете, как создать эффектный текстовый эффект травы с помощью Photoshop и некоторых простых приемов.

2. Создание светлого шрифта с нуля в Photoshop

В этом уроке мы продемонстрируем, как вы можете создать похожий образ без камеры и штатива.

3. Как создать текстовый эффект шрифта пишущей машинки в Photoshop

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

4. Как создать реалистичный текстовый эффект неонового света в Adobe Photoshop

Наслоение эффектов свечения и блеска может помочь создать красивые блестящие объекты. Узнайте, как изменить текстуру кирпича для фона, а затем использовать стили слоя с помощью Pen Tool, чтобы добавить яркий, светящийся неоновый текст и простой кабель поверх него.

5. Как создать цветной шрифт в Photoshop с помощью Fontself

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

6. Создание эффекта 3D-текста без использования 3D в Photoshop

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

7. Серебро и золото, 3D текстовые эффекты, Учебное пособие по Photoshop

В этом уроке Photoshop по текстовым эффектам вы узнаете, как создавать текстовые эффекты 3D Gold и 3D Silver, используя смарт-объекты только в Photoshop. В конце урока вы научитесь создавать стили текста с серебряными и золотыми буквами без использования 3D в Photoshop.Кроме того, вы сможете полностью обновить эффект 3D-текста за несколько секунд.

8. Вырезанный из бумаги текстовый эффект Учебное пособие по Photoshop

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

9. Как создать светящийся многоцветный неоновый знак в Adobe Photoshop

Узнайте, как создать разноцветную неоновую вывеску с помощью простых фильтров Photoshop.Это руководство Марти из Blue Lightning TV невероятно подробное и подходит даже для абсолютных новичков.

10. Создание реалистичного эффекта замороженного текста в Photoshop

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

11.Создание типографики с использованием простых геометрических фигур в Photoshop

В этом уроке Photoshop я покажу вам, как создать типографику с помощью простых геометрических фигур в Photoshop. Это простой и увлекательный урок, цель которого — познакомить вас с инструментом формы в Photoshop.

12. Создание многослойного эффекта рок-текста с помощью природных элементов в Photoshop

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

13. Как создать конкретный текст с эффектом разрыва в Photoshop

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

14. Как создать абстрактный пастельный эффект трехмерного текста в Adobe Photoshop

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

15. Учебное пособие по Photoshop с эффектом мультяшного трехмерного текста

В этом уроке Photoshop с эффектом трехмерного текста вы узнаете, как создать эффект трехмерного текста в Photoshop. С помощью нового и простого метода, используя некоторые смарт-объекты, вы узнаете, как легко и эффективно сделать трехмерную глубину.

16. Как создать действие с эффектом 3D Texr в Photoshop

Из этого урока вы узнаете, как создать 3D-эффект в экшене Photoshop для создания простого 3D-текстового эффекта.

17. Как создать текстовый эффект шрифта японской кисти в Photoshop

Создание полностью настраиваемого эффекта шрифта с нуля может показаться сложной задачей, но это намного проще, чем может показаться! И задача становится еще проще, если вы используете некоторые высококачественные ресурсы — ресурсы, которые вы можете настраивать и изменять, чтобы в итоге у вас по-прежнему получалось что-то уникальное для вас и вашего проекта!

18. Как создать реалистичный текстовый эффект вышивки в Photoshop

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

19. Как создать реалистичный текстовый эффект Chrome в Photoshop

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

20. Как создать текстовый эффект в духе «Очень странных дел» в Adobe Photoshop

Это очень быстрое руководство покажет вам простой способ создать текстовый эффект, вдохновленный серией «Очень странные дела», используя только стили слоя и некоторые простые настройки.

21. Создание текстового эффекта грубого дерева в Photoshop

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

22. Создайте эффект каменистого текста с космическим фоном в Photoshop

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

23. Создание плавленого шоколада типа

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

24.Как создать эффект стекла в Photoshop

Если вы хотите придать своей графике стильный вид в Photoshop, не смотрите дальше. Используя несколько настроек лицевой панели и тиснения, вы можете быстро сделать текст (и фигуры тоже) гламурными.

25. Как создать текстовый эффект Черной пантеры в Учебнике Photoshop

В этом уроке Photoshop вы узнаете, как воссоздать текстовый эффект постера фильма «Черная пантера». Чтобы воссоздать этот текстовый эффект, мы будем использовать стопки стилей слоя для создания текстуры, хрома и других эффектов, присутствующих в текстовом эффекте этого постера фильма.

26. Создание реалистичного эффекта текста Chrome в Photoshop 3D

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

27. Создание текстового эффекта в стиле фильма «Черная вдова» в Photoshop

В этом уроке вы научитесь создавать этот потрясающий текстовый эффект, вдохновленный фильмом Marvel: «Черная вдова» в Photoshop.

28.Как создать эффект стилизованного текста мелом в Adobe Photoshop

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

29. Как создать эффект подводного текста в Photoshop

В этом уроке мы возьмем текст и визуально «поместим его» под воду, создав эффект волнистого текста, глядя вниз и в воду, с текстом визуально внизу.

30.Как создать эффект трехмерного реалистичного текста с помощью Photoshop

Мы узнаем, как создать реалистичный трехмерный хромированный текст в Adobe Photoshop и скомпоновать его. Отражение, тень, сияние — все рассчитывается как в реальном мире, а затем мы выполняем рендеринг для окончательного результата.

31. Текстовый эффект New York в учебнике Adobe Photoshop

Классный текстовый редактор со шрифтом, перекрывающим здания в Нью-Йорке. Используя инструмент «Перо», слой-маску и кисть, мы можем создать это потрясающее редактирование.Однако это требует некоторой работы — получение правильного изображения (перспективы) и размещение текста в правильном месте.

32. Создание текстового эффекта заставки в Adobe Photoshop

В этом уроке мы узнаем, как создать эффект всплеска текста в Adobe Photoshop.

33. Как создать падающую тень на текстовой строке — Урок Photoshop

В этом видео я покажу вам, как создавать тени на строке текста. Наслаждаться!

34.Как создать текстовый эффект пламени в Adobe Photoshop

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

35. Как создать эффект трехмерного золотого текста с помощью стилей слоя Photoshop

В этом уроке я объясню, как создать реалистичный эффект трехмерного золотого текста с помощью стилей слоев в Adobe Photoshop.

36. Как создать текстовый эффект красочного взрыва в Adobe Photoshop

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

37. Как создать эффект рисования текста в Photoshop

В сегодняшнем увлекательном уроке по тексту в Photoshop я поделюсь некоторыми действительно простыми приемами
создания классного эффекта рисования текста.

38. Как создать эффект 3D-текста в Photoshop

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

39. Как быстро создать эффект жирного цветочного текста в Photoshop

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

40. Как создать эффект волнистого текста в Photoshop

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

41. Как создать эффект неонового текста в Photoshop

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

42. Как создать чистый, глянцевый пластиковый текстовый эффект в Adobe Photoshop

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

43. Как создать текстовый эффект мультяшного градиента в Adobe Photoshop

В этом уроке я хочу показать вам, как создать эффект градиентного текста в Adobe Photoshop.

44. Как создать эффект прозрачного текста в Photoshop

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

45. Как создать текстовый эффект плавления золота в Photoshop

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

46. Создайте плавную типографику на акварельном фоне в Photoshop

В этом уроке я покажу вам, как создать плавную типографику на акварельном фоне в Photoshop. В основном мы будем использовать нестандартные кисти и инструмент «Ликвидация», чтобы добиться этого простого, но уникального эффекта.

47. Как создать эффект красочного текста в Photoshop

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

48. Создание дизайна надписей 3D-текста в Adobe Photoshop

Из этого урока вы узнаете, как создать 3D-текстовые надписи в Adobe Photoshop с помощью инструмента «Кисть микшера». В этом видео также показано, как использовать другие инструменты, такие как: инструмент «Кисть», «Перо», «Размытие», эффект размытия по Гауссу, обтравочные маски, корректирующие слои, режимы наложения и т. Д.

49.Освещение Затвор Текстовый эффект Учебное пособие по Photoshop

В этом уроке Photoshop мы узнаем, как создать этот красивый текстовый эффект с медленным затвором.

50. Создайте типографику, используя смесь элементов снега и огня в Photoshop

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

Photoshop Tutorial — Создание сцены 3D текста с помощью Photoshop

В этом уроке мы создадим реалистичную сцену 3D-текста с помощью Photoshop с небольшой помощью Illustrator для 3D-текста.

Для выполнения этого урока вы должны обладать средними и продвинутыми знаниями Photoshop.

Для начала загрузите все использованные изображения с веб-сайта Sxh.hu. Все изображения можно скачать бесплатно по ссылкам: 1, 2, 3, 4

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

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

Шаг 1

На пустом документе введите текст в Illustrator. Я использую шрифт Impact и цвет переднего плана: #CCCCCC. Затем перейдите в Effect> 3D> Extrude & Bevel и установите значения, как показано ниже. Затем скопируйте (Ctrl или Command + C) трехмерный текст.

Шаг 2

Давайте откроем Photoshop, создадим новый документ (1280 x 1024 пикселей) и поместим это изображение в качестве фона.Затем вставьте трехмерный текст (созданный на шаге 1) как смарт-объект.

Шаг 3

Затем перейдите в Filter> Render> Lighting Effects и установите значения, как показано ниже. Таким образом текст будет соответствовать освещению сцены.

Шаг 4

Выберите слой смарт-объекта, щелкните слой правой кнопкой мыши и выберите «Дублировать слой»> «Назначение: новый» и «Имя: карта». Затем перейдите в Layer> Rasterize> Smart object. Сохраните документ как карту .psd где-нибудь на рабочем столе.

Шаг 5

Теперь давайте сохраним предыдущий документ как «Смещение текстуры», удалим растровый 3D-текст и вставим это изображение на новый слой. Это будет наша первая текстура.

Выберите «Фильтр»> «Искажение»> «Смещение», найдите «map.psd» и установите значения по горизонтали и вертикали равными 50. Затем выберите все (Ctrl + A или Command + A) и скопируйте выделение.

Шаг 6

Вставьте «Текстуру камня» в новый слой над смарт-объектом 3D.Измените режим наложения на Overlay.

Ctrl (Command) + щелкните миниатюру смарт-объекта, чтобы выбрать текстовую форму, затем Ctrl (Command) + Shift + I, чтобы инвертировать выделение, затем нажмите DEL, чтобы удалить лишнюю текстуру (на слое «Rock Texture»).

Затем с помощью инструмента «Волшебная палочка» выберите переднюю грань трехмерного текста на слое смарт-объекта и удалите выделение на слое «Текстура камня».

Шаг 7

Используя инструмент Burn Tool, прожигите несколько теней на слое «Rock Texture».

Шаг 8

Выберите слой «Sand dunes», выберите инструмент Clone Stamp и, удерживая клавишу Option (Alt), щелкните где-нибудь на песке. Затем создайте новый слой над «Текстурой камня», назовите его «Больше песка» и клонируйте песок на этом слое.

Шаг 9

Чтобы улучшить эффект текстуры, удалите некоторые области слоя «Rock Texture».

Шаг 10

Теперь добавим немного «грязи». Откройте файл «Смещение текстуры» еще раз.Вставьте это изображение в новый слой. Выберите «Фильтр»> «Искажение»> «Смещение», найдите «map.psd» и установите значения по горизонтали и вертикали на 50. Затем выберите все (Ctrl + A или Command + A) и скопируйте выделение.

Шаг 11

Вставьте «Текстуру грязи» на новый слой. Ctrl (Command) + щелкните миниатюру слоя «3D-текст», чтобы выбрать текстовую форму, затем Ctrl (Command) + Shift + I, чтобы инвертировать выделение, затем нажмите DEL, чтобы удалить лишнюю текстуру (на слое «Dirt texture» ).

Мягким ластиком удалите нижнюю часть слоя «Dirt texture», затем улучшите результат, используя ластик неправильной формы.

Шаг 12

Измените режим наложения «Текстура грязи» на Умножение и добавьте небольшую тень.

Шаг 13

Чтобы добавить траву, перейдите к файлу «Смещение текстуры» и вставьте это изображение. Примените карту Displacement, как и другие текстуры, и, наконец, скопируйте траву.

Шаг 14

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

Шаг 15

Затемните несколько теней на слое «Текстура травы».

Шаг 16

Добавьте небольшую тень к слою «Текстура травы». Используя инструмент «Губка», обесцветьте некоторые участки травы.

Шаг 17

Вставьте текстуру травы в новый слой на плоскости в окне фильтра «Исправление перспективы» (выберите «Фильтр»> «Исправление перспективы»), чтобы она соответствовала перспективе ландшафта.

Шаг 18

Сотрите несколько случайных участков на слое «Трава» и с помощью неправильной кисти удалите некоторые случайные области здесь и там.

Шаг 19

Выберите часть травы, растушуйте выделение и установите значение оттенка -30.

Шаг 20

Наконец, добавьте мягкую тень на слой «Grass».

Шаг 21

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

Шаг 22

С помощью нестандартного ластика удалите все, кроме висящего растения, и поместите их рядом с углами трехмерного текста.

Шаг 23

Дублируйте слой «Висящее растение» и перейдите в Edit> Transform> Flip Horizontal. Затем немного передерните копию. Затем используйте инструмент затемнения, чтобы сделать копию темнее в соответствии с освещением сцены.

Шаг 24

Добавьте столько деталей, сколько хотите. Я добавил еще несколько висящих растений и куст.

Шаг 25

Просто, чтобы создать более драматический эффект, примените эти два корректирующих слоя ко всему дизайну: фотофильтр и карту градиента (непрозрачность 35%) .

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

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

Написано исключительно для WDD Альваро Гусманом.

Вы пробовали использовать учебник? Не стесняйтесь размещать ссылки на примеры, созданные с помощью этого руководства…